.app[data-v-a5d609e5]{min-height:100vh;padding:20px}.header[data-v-a5d609e5]{text-align:center;color:#fff;margin-bottom:40px}.header h1[data-v-a5d609e5]{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-a5d609e5]{font-size:1.1rem;opacity:.9}.main-content[data-v-a5d609e5]{max-width:1200px;margin:0 auto}.camera-section[data-v-a5d609e5]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;margin-bottom:30px}.camera-container[data-v-a5d609e5]{position:relative;margin-bottom:20px}.video[data-v-a5d609e5]{width:100%;max-width:640px;display:block;margin:0 auto;border-radius:10px;background:#000}.canvas[data-v-a5d609e5]{display:none}.camera-controls[data-v-a5d609e5]{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn[data-v-a5d609e5]{padding:12px 30px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.btn[data-v-a5d609e5]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-a5d609e5]{background:#667eea;color:#fff}.btn-primary[data-v-a5d609e5]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-success[data-v-a5d609e5]{background:#48bb78;color:#fff}.btn-success[data-v-a5d609e5]:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}.btn-danger[data-v-a5d609e5]{background:#f56565;color:#fff}.btn-danger[data-v-a5d609e5]:hover:not(:disabled){background:#e53e3e;transform:translateY(-2px)}.result-section[data-v-a5d609e5]{margin-top:30px;padding:20px;background:linear-gradient(135deg,#f6f8fb,#e9ecef);border-radius:10px}.result-section h3[data-v-a5d609e5]{margin-bottom:15px;color:#2d3748}.emotion-result[data-v-a5d609e5]{display:flex;align-items:center;gap:15px;font-size:1.2rem}.emotion-label[data-v-a5d609e5]{color:#4a5568}.emotion-value[data-v-a5d609e5]{font-size:2rem;font-weight:700;color:#667eea;padding:10px 25px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.psychology-section[data-v-a5d609e5]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003}.psychology-section h2[data-v-a5d609e5]{margin-bottom:25px;color:#2d3748;text-align:center}.psychology-grid[data-v-a5d609e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.psychology-card[data-v-a5d609e5]{padding:20px;border-radius:12px;border:2px solid;transition:all .3s}.psychology-card.good[data-v-a5d609e5]{border-color:#48bb78;background:#f0fff4}.psychology-card.moderate[data-v-a5d609e5]{border-color:#ed8936;background:#fffaf0}.psychology-card.concern[data-v-a5d609e5]{border-color:#f56565;background:#fff5f5}.psychology-card[data-v-a5d609e5]:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.card-header[data-v-a5d609e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dimension-name[data-v-a5d609e5]{font-size:1.1rem;font-weight:600;color:#2d3748}.dimension-score[data-v-a5d609e5]{font-size:1.2rem;font-weight:700;padding:5px 12px;border-radius:8px;color:#fff}.psychology-card.good .dimension-score[data-v-a5d609e5]{background:#48bb78}.psychology-card.moderate .dimension-score[data-v-a5d609e5]{background:#ed8936}.psychology-card.concern .dimension-score[data-v-a5d609e5]{background:#f56565}.progress-bar[data-v-a5d609e5]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress[data-v-a5d609e5]{height:100%;border-radius:4px;transition:width .3s ease}.psychology-card.good .progress[data-v-a5d609e5]{background:linear-gradient(90deg,#48bb78,#38a169)}.psychology-card.moderate .progress[data-v-a5d609e5]{background:linear-gradient(90deg,#ed8936,#dd6b20)}.psychology-card.concern .progress[data-v-a5d609e5]{background:linear-gradient(90deg,#f56565,#e53e3e)}.card-description[data-v-a5d609e5]{font-size:.9rem;color:#4a5568;line-height:1.6}.error-message[data-v-a5d609e5]{position:fixed;top:20px;right:20px;padding:15px 20px;background:#f56565;color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;animation:slideIn-a5d609e5 .3s ease}@keyframes slideIn-a5d609e5{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.header h1[data-v-a5d609e5]{font-size:1.8rem}.camera-controls[data-v-a5d609e5]{flex-direction:column}.psychology-grid[data-v-a5d609e5]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{min-height:100vh}