.header{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#7c3aed,#14b8a6,#f43f5e);background-origin:border-box;background-clip:padding-box,border-box;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.header-logo{display:flex;align-items:center}.header-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.header-nav{display:flex;gap:8px}.btn-sm{padding:8px 16px;font-size:.813rem}@media(max-width:768px){.header-inner{padding:10px 16px}.header-title{font-size:1rem}}.onboarding{flex:1;display:flex;justify-content:center;padding:40px 24px 60px}.onboarding-container{max-width:720px;width:100%}.onboarding-header{text-align:center;margin-bottom:36px}.onboarding-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.onboarding-header p{color:var(--gray-500);font-size:.938rem;max-width:560px;margin:0 auto}.onboarding-error{background:var(--danger-light);color:var(--danger);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.875rem;display:flex;align-items:center;gap:8px}.data-privacy-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:var(--radius-sm);background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);color:var(--gray-600);font-size:.85rem;line-height:1.5;margin-bottom:24px}.data-privacy-notice svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.data-privacy-notice strong{color:var(--gray-800)}.onboarding-step{padding:24px;margin-bottom:20px;transition:all var(--transition)}.onboarding-step.step-done{border-color:var(--success);background:var(--success-light)}.onboarding-step.step-ready{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light),var(--shadow-md)}.step-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.step-done .step-number{background:var(--success)}.step-header h2{font-size:1.063rem;font-weight:600;color:var(--gray-900);margin-bottom:2px}.step-header p{font-size:.813rem;color:var(--gray-500)}.step-content{margin-left:48px}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:8px}.upload-area:hover{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #7c3aed0f}.upload-area.small{padding:20px}.upload-icon{font-size:2rem}.upload-text{font-size:.938rem;color:var(--gray-700);font-weight:500}.upload-hint{font-size:.75rem;color:var(--gray-400)}.upload-loading{display:flex;align-items:center;gap:12px;color:var(--gray-600)}.upload-success{display:flex;align-items:center;gap:12px;color:var(--gray-700);font-size:.875rem}.success-icon{width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.jd-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--gray-100);padding:4px;border-radius:var(--radius-sm)}.jd-tab{flex:1;padding:8px 12px;border-radius:6px;font-size:.813rem;font-weight:500;color:var(--gray-600);background:transparent}.jd-tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow);font-weight:600}.interview-type-input{min-height:80px}.onboarding-actions{text-align:center;margin-top:32px}.start-btn{min-width:260px}.start-hint{color:var(--gray-400);font-size:.813rem;margin-top:12px}@media(max-width:768px){.onboarding{padding:24px 16px 40px}.onboarding-header h1{font-size:1.5rem}.step-content{margin-left:0;margin-top:12px}.onboarding-step{padding:16px}.upload-area{padding:24px 16px}.start-btn{width:100%}}.onboarding-credit{text-align:center;margin-top:8px;font-size:.8rem;color:#fff6}.onboarding-credit a{color:#7c3aed;text-decoration:none;font-weight:500}.onboarding-credit a:hover{color:#9f67ff;text-decoration:underline}.ai-avatar{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;width:100%;height:100%;justify-content:center}.ai-avatar--sm .ai-avatar__frame{width:100px;height:100px}.ai-avatar--md .ai-avatar__frame{width:180px;height:180px}.ai-avatar--lg .ai-avatar__frame{width:280px;height:280px}.ai-avatar__frame{position:relative;border-radius:50%;border:3px solid transparent;overflow:hidden;background:linear-gradient(135deg,#2d1d6966,#0d3b3b4d);transition:border-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center}.ai-avatar--speaking .ai-avatar__frame{box-shadow:0 0 40px #7c3aed59,0 0 80px #7c3aed26}.ai-avatar__image{width:100%;height:100%;object-fit:cover;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.ai-avatar__pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid;opacity:0;pointer-events:none}.ai-avatar--lg .ai-avatar__pulse-ring{width:310px;height:310px}.ai-avatar--md .ai-avatar__pulse-ring{width:210px;height:210px}.ai-avatar--sm .ai-avatar__pulse-ring{width:130px;height:130px}.ai-avatar__pulse-ring--1{animation:avatar-pulse 1.5s ease-out infinite}.ai-avatar__pulse-ring--2{animation:avatar-pulse 1.5s ease-out infinite .5s}@keyframes avatar-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.6}to{transform:translate(-50%,-50%) scale(1.25);opacity:0}}.ai-avatar__label{color:#e7e5e4;font-size:1rem;font-weight:600;letter-spacing:.03em;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}.ai-avatar--sm .ai-avatar__label{font-size:.75rem}.panel-roundtable{position:relative;width:280px;height:220px;display:flex;align-items:center;justify-content:center}.panel-table{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:180px;height:70px;border-radius:50%;background:linear-gradient(135deg,#372864b3,#1e143cd9);border:2px solid rgba(124,58,237,.3);box-shadow:0 8px 32px #0006,inset 0 2px 8px #7c3aed1a}.panel-seat{position:absolute;width:90px;height:90px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #00000080;transition:border-color .3s ease,box-shadow .3s ease}.panel-roundtable--speaking .panel-seat{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33,0 4px 16px #00000080}.panel-seat__img{width:100%;height:100%;object-fit:cover;display:block}.panel-seat--1{top:0;left:50%;transform:translate(-50%);width:100px;height:100px;z-index:2}.panel-seat--2{bottom:35px;left:10px;z-index:1}.panel-seat--3{bottom:35px;right:10px;z-index:1}.ai-avatar--md .panel-roundtable{width:200px;height:160px}.ai-avatar--md .panel-table{width:130px;height:50px}.ai-avatar--md .panel-seat{width:65px;height:65px}.ai-avatar--md .panel-seat--1{width:75px;height:75px}.ai-avatar--sm .panel-roundtable{width:130px;height:100px}.ai-avatar--sm .panel-table{width:85px;height:35px}.ai-avatar--sm .panel-seat{width:42px;height:42px}.ai-avatar--sm .panel-seat--1{width:50px;height:50px}@media(max-width:600px){.ai-avatar--lg .ai-avatar__frame{width:160px;height:160px}.ai-avatar--lg .ai-avatar__pulse-ring{width:190px;height:190px}.panel-roundtable{width:200px;height:160px}.panel-table{width:130px;height:50px}.panel-seat{width:65px;height:65px}.panel-seat--1{width:75px;height:75px}}.precall{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;min-height:calc(100vh - 60px)}.precall-container{max-width:800px;width:100%}.precall-header-row{display:flex;align-items:center;margin-bottom:8px}.precall-back{display:inline-flex;align-items:center;gap:6px;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm);color:var(--gray-600);font-size:.875rem;font-weight:600;cursor:pointer;padding:8px 16px 8px 12px;transition:all .15s;flex-shrink:0}.precall-back:hover{background:#7c3aed26;color:var(--primary);border-color:var(--primary)}.precall-title{flex:1;font-size:1.75rem;font-weight:700;text-align:center;color:var(--gray-800);margin-bottom:0}.precall-header-spacer{width:80px;flex-shrink:0}.precall-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.precall-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.precall-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.precall-section h3{font-size:.938rem;font-weight:600;color:var(--text);margin-bottom:16px}.precall-preview{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,#1b2d3d,#162232 40%,#1a2a1a);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.precall-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.precall-avatar-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f43f5e,#f59e0b);opacity:.7}.precall-error{color:var(--danger);font-size:.75rem;margin-bottom:8px}.precall-toggle-row{display:flex;gap:8px}.precall-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.precall-toggle-btn:hover{border-color:var(--primary-light);color:var(--text)}.precall-toggle-btn.active{border-color:var(--primary);background:#7c3aed14;color:var(--primary)}.precall-ai-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 20px;background:linear-gradient(135deg,#1b2d3d,#162232 40%,#1a2a1a);border-radius:var(--radius-md);margin-bottom:16px;min-height:240px}.precall-ai-match{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#14b8a6;margin-top:12px;font-weight:500}.precall-ai-match svg{color:#14b8a6}.precall-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-md);margin-bottom:24px;font-size:.813rem;color:var(--text-secondary);line-height:1.5}.precall-notice svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.precall-join{width:100%;justify-content:center;font-size:1rem}@media(max-width:768px){.precall-grid{grid-template-columns:1fr}.precall-title{font-size:1.4rem}}.session{flex:1;display:flex;flex-direction:column;background:#1c1917;min-height:calc(100vh - 60px);position:relative;overflow:hidden}.video-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 16px 0;min-height:0}.video-tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.tile-ai{background:linear-gradient(135deg,#2d1b69,#1a1145 40%,#0d3b3b)}.tile-user{background:linear-gradient(135deg,#1b2d3d,#162232 40%,#1a2a1a)}.tile-avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:16px}.avatar-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;position:relative;transition:box-shadow .3s ease}.avatar-ai{background:linear-gradient(135deg,#7c3aed,#14b8a6)}.avatar-user{background:linear-gradient(135deg,#f43f5e,#f59e0b)}.avatar-circle.speaking{box-shadow:0 0 0 4px #7c3aed66,0 0 0 8px #7c3aed33,0 0 30px #7c3aed4d;animation:speakingPulse 1.5s ease-in-out infinite}.avatar-circle.listening-active{box-shadow:0 0 0 4px #14b8a666,0 0 0 8px #14b8a633,0 0 30px #14b8a64d;animation:listeningPulse 1.5s ease-in-out infinite}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 4px #7c3aed66,0 0 0 8px #7c3aed26,0 0 30px #7c3aed33}50%{box-shadow:0 0 0 6px #7c3aed80,0 0 0 14px #7c3aed33,0 0 40px #7c3aed59}}@keyframes listeningPulse{0%,to{box-shadow:0 0 0 4px #14b8a666,0 0 0 8px #14b8a626,0 0 30px #14b8a633}50%{box-shadow:0 0 0 6px #14b8a680,0 0 0 14px #14b8a633,0 0 40px #14b8a659}}.tile-name{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em}.tile-status{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.tile-status.status-speaking{background:#7c3aedb3;color:#fff}.tile-status.status-preparing{background:#f59e0bbf;color:#fff}.preparing-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:prepSpin .8s linear infinite}@keyframes prepSpin{to{transform:rotate(360deg)}}.tile-status.status-thinking{background:#f59e0bb3;color:#fff}.tile-status.status-listening{background:#14b8a6b3;color:#fff}.tile-status.status-idle{background:#ffffff1f;color:#fff9}.thinking-dots{display:inline-flex;gap:3px;align-items:center}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dotBounce 1.4s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.speaking-bars{display:flex;gap:2px;align-items:center;height:14px}.speaking-bars span{width:3px;background:currentColor;border-radius:2px;animation:barWave 1.2s ease-in-out infinite}.speaking-bars span:nth-child(1){height:6px;animation-delay:0s}.speaking-bars span:nth-child(2){height:10px;animation-delay:.15s}.speaking-bars span:nth-child(3){height:14px;animation-delay:.3s}.speaking-bars span:nth-child(4){height:8px;animation-delay:.45s}@keyframes barWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.transcript-panel{position:absolute;right:0;top:0;bottom:80px;width:380px;background:#1c1917eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transform:translate(0);transition:transform .3s ease;z-index:10}.transcript-panel.collapsed{transform:translate(100%)}.transcript-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.transcript-header h3{color:#fff;font-size:.875rem;font-weight:600}.transcript-toggle{background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.transcript-toggle:hover{color:#fff;background:#fff3}.transcript-scroll{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.transcript-entry{display:flex;flex-direction:column;gap:4px;animation:fadeIn .3s ease}.transcript-role{font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.transcript-entry.interviewer .transcript-role{color:#a78bfa}.transcript-entry.candidate .transcript-role{color:#5eead4}.transcript-text{font-size:.813rem;line-height:1.6;color:#ffffffd9;padding:10px 14px;border-radius:10px}.transcript-entry.interviewer .transcript-text{background:#7c3aed26;border:1px solid rgba(124,58,237,.15)}.transcript-entry.candidate .transcript-text{background:#14b8a61f;border:1px solid rgba(20,184,166,.12)}.transcript-entry.interim .transcript-text{opacity:.5;font-style:italic}.show-transcript-btn{position:absolute;right:16px;top:16px;z-index:15;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.813rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.show-transcript-btn:hover{background:#fff3}.control-bar{height:80px;background:#1c1917f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;position:relative}.control-timer{position:absolute;left:24px;display:flex;align-items:center;gap:6px;font-size:.813rem;font-weight:500;color:#ffffff80;font-variant-numeric:tabular-nums}.control-timer.warning{color:#f59e0b}.control-timer.critical{color:#ef4444;animation:pulse 2s ease-in-out infinite}.control-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.control-btn:hover{transform:scale(1.08)}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.control-btn.mic{background:#ffffff1f;color:#fff}.control-btn.mic:hover{background:#fff3}.control-btn.mic.active{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 0 20px #14b8a666}.control-btn.mic.active:hover{background:linear-gradient(135deg,#0d9488,#0f766e)}.control-btn.chat{background:#ffffff1f;color:#fff}.control-btn.chat:hover{background:#fff3}.control-btn.chat.active{background:#7c3aed4d;color:#a78bfa}.control-btn.end-call{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:56px;height:48px;border-radius:24px}.control-btn.end-call:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 20px #ef444466}.control-text-input{position:absolute;right:24px;display:flex;align-items:center;gap:8px;max-width:320px}.control-text-input input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 14px;border-radius:20px;font-size:.813rem;width:220px;outline:none;font-family:inherit}.control-text-input input:focus{border-color:#7c3aed80;background:#ffffff1f}.control-text-input input::placeholder{color:#ffffff4d}.control-text-input .send-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-text-input .send-btn:hover{transform:scale(1.08)}.control-text-input .send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.transcript-scroll::-webkit-scrollbar{width:4px}.transcript-scroll::-webkit-scrollbar-track{background:transparent}.transcript-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.video-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.transcript-panel,.show-transcript-btn,.control-btn.chat{display:none!important}.control-text-input{position:static;max-width:100%;width:100%}.control-bar{flex-wrap:wrap;height:auto;padding:12px 16px;gap:8px;z-index:20}.control-timer{position:static;width:100%;justify-content:center;order:-1}.control-btn.end-call{order:1}}@media(max-width:600px){.avatar-circle{width:80px;height:80px;font-size:2rem}.tile-name{font-size:.875rem}}.user-camera-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);border-radius:16px;position:absolute;top:0;left:0}.tile-user{position:relative;overflow:hidden}.control-btn.camera{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e7e5e4}.control-btn.camera:hover{background:#ffffff26}.control-btn.camera.active{background:#14b8a64d;border-color:#14b8a680;color:#14b8a6}.avatar-ai svg{width:48px;height:48px}.feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#1c1917eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.feedback-overlay-content{text-align:center;color:#e7e5e4;max-width:360px;padding:32px}.feedback-overlay-content h3{font-size:1.25rem;margin:20px 0 8px;color:#fff}.feedback-overlay-content p{font-size:.875rem;color:#a8a29e;line-height:1.5;margin:0}.feedback-spinner{width:48px;height:48px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;display:inline-block;animation:feedbackSpin .9s linear infinite}@keyframes feedbackSpin{to{transform:rotate(360deg)}}.end-error-banner{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:90;background:#ef4444e6;color:#fff;padding:10px 20px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;font-size:.875rem;animation:fadeIn .3s ease;box-shadow:0 4px 20px #0006}.end-error-banner button{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap}.end-error-banner button:hover{background:#fff6}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring svg{transform:rotate(0)}.score-ring-progress{transition:stroke-dashoffset 1s ease-out}.score-ring-value{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.score-number{font-size:2rem;font-weight:700}.score-total{font-size:.75rem;color:var(--gray-400);font-weight:500}.feedback{flex:1;display:flex;justify-content:center;padding:40px 24px 60px}.feedback-container{max-width:780px;width:100%}.feedback-header{text-align:center;margin-bottom:32px}.feedback-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:6px}.feedback-header p{color:var(--gray-500);font-size:.938rem}.feedback-score-section{padding:32px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.score-main{display:flex;align-items:center;gap:24px}.score-label h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:4px}.score-label p{color:var(--gray-500);font-size:.875rem}.duration-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--gray-100);color:var(--gray-600);font-size:.813rem;font-weight:500}.feedback-section{margin-bottom:20px}.feedback-section.card{padding:24px}.section-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.section-success .section-icon{background:var(--success-light);color:var(--success)}.section-warning .section-icon{background:var(--warning-light);color:var(--warning)}.section-primary .section-icon{background:var(--primary-light);color:var(--primary)}.feedback-list{list-style:none;padding:0}.feedback-list li{padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:.875rem;color:var(--gray-700);line-height:1.5}.feedback-list li:last-child{border-bottom:none;padding-bottom:0}.accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;text-align:left;font-size:.875rem;gap:16px}.accordion-header:hover{background:var(--gray-50)}.accordion-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.q-number{background:var(--gray-100);color:var(--gray-600);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.q-text{color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.q-score{font-weight:600;font-size:.813rem}.q-score.good{color:var(--success)}.q-score.ok{color:var(--warning)}.q-score.low{color:var(--danger)}.accordion-chevron{color:var(--gray-400);transition:transform var(--transition)}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-body{padding:0 20px 20px;border-top:1px solid var(--gray-100);animation:fadeIn .2s ease}.q-detail{margin-top:16px}.q-detail h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:6px}.q-detail p{font-size:.875rem;color:var(--gray-700);line-height:1.6}.q-detail.example-answer{margin-top:16px;padding:14px 16px;background:#7c3aed0f;border-left:3px solid var(--primary);border-radius:0 8px 8px 0}.q-detail.example-answer h4{color:var(--primary);display:flex;align-items:center}.q-detail.example-answer p{color:var(--gray-700);font-style:italic}.feedback-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}.btn-accent{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none}.btn-accent:hover{background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a659}@media print{.header,.feedback-actions{display:none}.feedback{padding:0}.card{box-shadow:none;border:1px solid #ddd}.accordion-item{break-inside:avoid}.accordion-body{display:block!important}}@media(max-width:768px){.feedback{padding:24px 16px 40px}.feedback-header h1{font-size:1.5rem}.feedback-score-section{flex-direction:column;gap:16px;padding:24px}.score-main{flex-direction:column;text-align:center}.q-text{white-space:normal}.feedback-actions{flex-direction:column}}.history{flex:1;display:flex;justify-content:center;padding:40px 24px 60px}.history-container{max-width:780px;width:100%}.history-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.history-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.history-header p{color:var(--gray-500);font-size:.875rem}.history-loading{text-align:center;padding:60px 0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gray-500)}.history-empty{text-align:center;padding:60px 24px}.empty-icon{font-size:2.5rem;margin-bottom:12px}.history-empty h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:6px}.history-empty p{color:var(--gray-500);font-size:.875rem;margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition)}.history-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:#7c3aed05}.history-date{font-size:.75rem;color:var(--gray-400);margin-bottom:4px}.history-type{font-size:.938rem;font-weight:500;color:var(--gray-800);margin-bottom:8px}.history-meta{display:flex;gap:12px;font-size:.75rem;color:var(--gray-500)}.status-badge{padding:2px 8px;border-radius:10px;font-size:.688rem;font-weight:500;text-transform:uppercase}.status-badge.completed{background:var(--success-light);color:var(--success)}.status-badge.in-progress{background:var(--warning-light);color:var(--warning)}.status-badge.abandoned{background:var(--gray-100);color:var(--gray-500)}.history-item-abandoned{opacity:.6}.history-item-abandoned:hover{box-shadow:var(--shadow)!important}.abandoned-note{margin-top:6px;font-size:.75rem;color:var(--gray-400);font-style:italic}.history-score{font-size:1.75rem;font-weight:700;flex-shrink:0}.history-score span{font-size:.75rem;color:var(--gray-400);font-weight:500}@media(max-width:768px){.history{padding:24px 16px 40px}.history-header{flex-direction:column;gap:16px}.history-header h1{font-size:1.5rem}.history-item{padding:16px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.app-footer{text-align:center;padding:12px 16px;font-size:.8rem;color:#ffffff73;border-top:1px solid rgba(255,255,255,.06);background:#00000026}.app-footer a{color:#7c3aed;text-decoration:none;font-weight:500}.app-footer a:hover{color:#9f67ff;text-decoration:underline}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7C3AED;--primary-dark: #6D28D9;--primary-deeper: #5B21B6;--primary-light: rgba(124, 58, 237, .08);--primary-glow: rgba(124, 58, 237, .25);--accent: #14B8A6;--accent-dark: #0D9488;--accent-light: rgba(20, 184, 166, .1);--rose: #F43F5E;--rose-light: rgba(244, 63, 94, .1);--success: #10B981;--success-light: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-light: rgba(245, 158, 11, .1);--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--gray-50: #FAFAF9;--gray-100: #F5F5F4;--gray-200: #E7E5E4;--gray-300: #D6D3D1;--gray-400: #A8A29E;--gray-500: #78716C;--gray-600: #57534E;--gray-700: #44403C;--gray-800: #292524;--gray-900: #1C1917;--bg-gradient: linear-gradient(135deg, #FAF5FF 0%, #F0FDFA 50%, #FFF1F2 100%);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(124, 58, 237, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(124, 58, 237, .12), 0 4px 10px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(124, 58, 237, .15);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--gray-800);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all var(--transition)}input,textarea{font-family:inherit;outline:none;transition:border-color var(--transition)}a{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:.938rem;font-weight:500;line-height:1;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #7c3aed40}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-deeper) 100%);box-shadow:0 4px 14px #7c3aed59;transform:translateY(-1px)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#DC2626 100%);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-lg{padding:16px 32px;font-size:1.063rem;border-radius:var(--radius)}.card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid rgba(124,58,237,.08);box-shadow:var(--shadow);transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.938rem;background:#fff;color:var(--gray-800)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),0 0 0 1px var(--primary);outline:none}.input-field::placeholder{color:var(--gray-400)}textarea.input-field{resize:vertical;min-height:100px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:768px){html{font-size:15px}.btn{padding:10px 20px}.btn-lg{padding:14px 24px;width:100%}}