.emotion-catcher-container[data-v-6d7dab67]{text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;max-width:700px;margin:0 auto;padding:30px 20px;box-shadow:0 10px 30px #0000001a}.title[data-v-6d7dab67]{color:#2c3e50;margin-bottom:25px;font-size:28px}.emotion-display[data-v-6d7dab67]{margin-bottom:30px}.emotion-card[data-v-6d7dab67]{background:#fff;border-radius:15px;padding:20px;display:inline-block;box-shadow:0 4px 15px #00000014}.emotion-image[data-v-6d7dab67]{-o-object-fit:cover;object-fit:cover;border:4px solid #3498db;border-radius:50%;width:120px;height:120px}.emotion-name[data-v-6d7dab67]{color:#2c3e50;margin-top:10px;font-size:22px;font-weight:700}.instruction[data-v-6d7dab67]{color:#34495e;margin-top:15px;font-size:16px}.bubble-container[data-v-6d7dab67]{flex-wrap:wrap;gap:20px;margin:25px 0}.bubble[data-v-6d7dab67],.bubble-container[data-v-6d7dab67]{justify-content:center;display:flex}.bubble[data-v-6d7dab67]{cursor:pointer;background:#fff;border:4px solid #bdc3c7;border-radius:50%;flex-direction:column;align-items:center;width:110px;padding:15px 10px;transition:all .3s;box-shadow:0 4px 10px #0000000d}.bubble[data-v-6d7dab67]:hover:not(.disabled){border-color:#3498db;transform:translateY(-5px)scale(1.05);box-shadow:0 8px 20px #0000001a}.bubble.correct[data-v-6d7dab67]{background:#d5f5e3;border-color:#27ae60;transform:scale(1.1)}.bubble.wrong[data-v-6d7dab67]{background:#fadbd8;border-color:#e74c3c;animation:.5s shake-6d7dab67}.bubble.disabled[data-v-6d7dab67]{cursor:not-allowed;opacity:.7}.bubble-image[data-v-6d7dab67]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:50px;height:50px}.bubble-label[data-v-6d7dab67]{color:#2c3e50;margin-top:8px;font-size:12px;font-weight:500}.score-display[data-v-6d7dab67]{background:#fff;border-radius:12px;justify-content:center;gap:40px;margin:20px 0;padding:15px;display:flex;box-shadow:0 2px 10px #0000000d}.score-item[data-v-6d7dab67]{flex-direction:column;align-items:center;display:flex}.score-label[data-v-6d7dab67]{color:#7f8c8d;font-size:14px}.score-value[data-v-6d7dab67]{color:#2c3e50;font-size:28px;font-weight:700}.feedback[data-v-6d7dab67]{border-radius:10px;margin:15px 0;padding:12px 20px;font-size:16px;font-weight:600}.feedback.success[data-v-6d7dab67]{color:#27ae60;background:#d5f5e3;border:2px solid #27ae60}.feedback.error[data-v-6d7dab67]{color:#e74c3c;background:#fadbd8;border:2px solid #e74c3c}.reset-btn[data-v-6d7dab67]{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:25px;margin-top:20px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.reset-btn[data-v-6d7dab67]:hover{background:#2980b9;transform:scale(1.05)}@keyframes shake-6d7dab67{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.fade-enter-active[data-v-6d7dab67],.fade-leave-active[data-v-6d7dab67]{transition:all .5s}.fade-enter-from[data-v-6d7dab67],.fade-leave-to[data-v-6d7dab67]{opacity:0;transform:translateY(-20px)}@media (width<=600px){.bubble[data-v-6d7dab67]{width:80px;padding:10px 5px}.bubble-image[data-v-6d7dab67]{width:35px;height:35px}.bubble-label[data-v-6d7dab67]{font-size:10px}.emotion-image[data-v-6d7dab67]{width:80px;height:80px}.score-display[data-v-6d7dab67]{gap:20px}}