.ap-root *,.ap-root *:before,.ap-root *:after{box-sizing:border-box}.ap-root{--ap-bg: #F7F8FA;--ap-surface: #FFFFFF;--ap-surface-2: #F7F8FA;--ap-border: #E5E7EB;--ap-border-focus: #1A93AC;--ap-text: #0F1419;--ap-text-2: #4B5563;--ap-text-3: #9CA3AF;--ap-accent: #1A93AC;--ap-accent-hover: #16809A;--ap-accent-soft: #E6F4F7;--ap-accent-border: #BBE2EA;--ap-success: #2C7F4B;--ap-success-soft: #EAF5EE;--ap-warning: #B27800;--ap-error: #C0392B;--ap-error-soft: #FBEDEC;--ap-radius: 12px;--ap-radius-sm: 8px;--ap-radius-lg: 16px;--ap-shadow: 0 1px 3px rgba(15,20,25,.04), 0 1px 2px rgba(15,20,25,.03);--ap-shadow-md: 0 4px 16px rgba(15,20,25,.07), 0 2px 4px rgba(15,20,25,.04);--ap-font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--ap-font-display: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}.ap-root{font-family:var(--ap-font);background:var(--ap-bg);color:var(--ap-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ap-root+*{display:none}.ap-topbar{position:sticky;top:0;z-index:100;background:#f8fafceb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ap-border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ap-topbar-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.ap-topbar-wordmark{font-family:var(--ap-font);font-size:17px;font-weight:700;color:var(--ap-text);letter-spacing:-.02em}.ap-topbar-tagline{font-size:11px;color:var(--ap-text-3);letter-spacing:.5px;text-transform:uppercase;font-weight:500}.ap-topbar-logo{display:block;height:20px;width:auto}.ap-topbar-right{display:flex;align-items:center;gap:16px}.ap-page{min-height:100vh;display:flex;flex-direction:column}.ap-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 16px 80px}.ap-container{width:100%;max-width:640px}.ap-container--wide{width:100%;max-width:800px}.ap-welcome{animation:apFadeUp .5s ease-out}@keyframes apFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ap-welcome-header{text-align:center;margin-bottom:32px}.ap-welcome-icon{width:64px;height:64px;border-radius:18px;background:var(--ap-accent-soft);color:var(--ap-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.ap-welcome-title{font-size:28px;font-weight:700;color:var(--ap-text);margin-bottom:8px;line-height:1.25;letter-spacing:-.3px}.ap-welcome-subtitle{font-size:16px;color:var(--ap-text-2);line-height:1.5}.ap-card{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);padding:28px;margin-bottom:16px;box-shadow:var(--ap-shadow)}.ap-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ap-text-3);margin-bottom:16px}.ap-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-meta-item{background:var(--ap-surface-2);border-radius:var(--ap-radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.ap-meta-label{font-size:11px;color:var(--ap-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ap-meta-value{font-size:15px;font-weight:600;color:var(--ap-text)}.ap-instructions{list-style:none;display:flex;flex-direction:column;gap:12px}.ap-instruction-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ap-text-2);line-height:1.5}.ap-instruction-dot{width:6px;height:6px;border-radius:50%;background:var(--ap-accent);flex-shrink:0;margin-top:7px}.ap-begin-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 28px;background:var(--ap-accent);color:#fff;border:none;border-radius:var(--ap-radius);font-family:var(--ap-font);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.ap-begin-btn:hover{background:var(--ap-accent-hover)}.ap-begin-btn:active{transform:scale(.99)}.ap-progress-wrap{width:100%}.ap-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ap-progress-label{font-size:12px;font-weight:600;color:var(--ap-text-2)}.ap-progress-pct{font-size:12px;font-weight:700;color:var(--ap-accent)}.ap-progress-track{width:100%;height:6px;background:var(--ap-border);border-radius:3px;overflow:hidden}.ap-progress-fill{height:100%;border-radius:3px;background:var(--ap-accent);transition:width .4s cubic-bezier(.4,0,.2,1)}.ap-timer{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ap-surface-2);border-radius:20px;font-size:14px;font-weight:600;color:var(--ap-text-2);font-variant-numeric:tabular-nums;border:1px solid var(--ap-border);transition:all .3s ease;white-space:nowrap}.ap-timer-icon{display:flex;align-items:center;color:var(--ap-text-3)}.ap-timer-value{letter-spacing:.5px}.ap-timer-label{font-size:11px;font-weight:500;color:var(--ap-text-3)}.ap-timer--warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.ap-timer--warning .ap-timer-icon{color:#d97706}.ap-timer--urgent{background:#fee2e2;border-color:#fca5a5;color:#7f1d1d;animation:apTimerPulse 1s ease-in-out infinite}.ap-timer--urgent .ap-timer-icon{color:#dc2626}@keyframes apTimerPulse{0%,to{opacity:1}50%{opacity:.7}}.ap-qcard{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);padding:32px 32px 28px;box-shadow:var(--ap-shadow-md);width:100%}.ap-qcard-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ap-qcard-category{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid currentColor;border-color:inherit}.ap-qcard-num{font-size:13px;font-weight:700;color:var(--ap-text)}.ap-qcard-of{font-weight:400;color:var(--ap-text-3)}.ap-qcard-passage{background:var(--ap-surface-2);border-left:3px solid var(--ap-accent);border-radius:0 var(--ap-radius-sm) var(--ap-radius-sm) 0;padding:16px 20px;margin-bottom:20px}.ap-qcard-passage-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ap-text-3);margin-bottom:8px}.ap-qcard-passage-text{font-size:15px;color:var(--ap-text-2);line-height:1.7}.ap-qcard-text{font-size:18px;font-weight:500;color:var(--ap-text);line-height:1.55;margin-bottom:28px}.ap-likert{width:100%}.ap-likert-endpoints{display:flex;justify-content:space-between;font-size:11px;color:var(--ap-text-3);font-weight:500;margin-bottom:10px;padding:0 4px}.ap-likert-options{display:flex;gap:8px;justify-content:center}.ap-likert-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ap-likert-option{flex:1;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0}.ap-likert-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;padding:10px 6px;border:2px solid var(--ap-border);border-radius:var(--ap-radius-sm);background:var(--ap-surface);transition:all .15s ease;cursor:pointer;min-height:60px}.ap-likert-option:hover .ap-likert-pill,.ap-likert-input:focus+.ap-likert-pill{border-color:var(--ap-border-focus);background:var(--ap-accent-soft);transform:translateY(-1px);box-shadow:0 4px 12px #1a93ac26}.ap-likert-option--selected .ap-likert-pill{border-color:var(--ap-accent);background:var(--ap-accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #1a93ac47}.ap-likert-option--disabled .ap-likert-pill{opacity:.5;cursor:not-allowed}.ap-likert-short{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.ap-likert-num{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.ap-mc{display:flex;flex-direction:column;gap:10px}.ap-mc-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--ap-surface);border:2px solid var(--ap-border);border-radius:var(--ap-radius);cursor:pointer;text-align:left;font-family:var(--ap-font);font-size:15px;color:var(--ap-text);transition:all .15s ease;width:100%;position:relative}.ap-mc-option:hover:not(.ap-mc-option--disabled):not(.ap-mc-option--selected){border-color:var(--ap-border-focus);background:var(--ap-accent-soft);transform:translate(2px)}.ap-mc-option:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}.ap-mc-option--selected{border-color:var(--ap-accent);background:var(--ap-accent-soft);color:var(--ap-accent)}.ap-mc-option--disabled{opacity:.55;cursor:not-allowed}.ap-mc-letter{width:28px;height:28px;border-radius:6px;background:var(--ap-surface-2);border:1px solid var(--ap-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:all .15s ease}.ap-mc-option--selected .ap-mc-letter{background:var(--ap-accent);border-color:var(--ap-accent);color:#fff}.ap-mc-text{flex:1;line-height:1.45}.ap-mc-check{margin-left:auto;color:var(--ap-accent);flex-shrink:0;display:flex;align-items:center}.ap-writing{width:100%}.ap-writing-textarea{width:100%;padding:16px 18px;border:2px solid var(--ap-border);border-radius:var(--ap-radius);font-family:var(--ap-font);font-size:15px;color:var(--ap-text);background:var(--ap-surface);resize:none;line-height:1.6;transition:border-color .15s ease,box-shadow .15s ease;min-height:160px;overflow:hidden}.ap-writing-textarea:focus{outline:none;border-color:var(--ap-border-focus);box-shadow:0 0 0 3px #1a93ac24}.ap-writing-textarea--disabled{background:var(--ap-surface-2);opacity:.6;cursor:not-allowed}.ap-writing-textarea::placeholder{color:var(--ap-text-3)}.ap-writing-footer{margin-top:8px}.ap-writing-bar-wrap{height:3px;background:var(--ap-border);border-radius:2px;overflow:hidden;margin-bottom:6px}.ap-writing-bar{height:100%;border-radius:2px;transition:width .2s ease,background-color .2s ease}.ap-writing-counter{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ap-wc{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.ap-wc--short{color:var(--ap-text-3)}.ap-wc--ok{color:var(--ap-success)}.ap-wc--near{color:var(--ap-warning)}.ap-wc--over{color:var(--ap-error)}.ap-wc-hint{font-size:11px;color:var(--ap-text-3)}.ap-wc-hint--over{color:var(--ap-error)}.ap-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.ap-nav-prev,.ap-nav-next,.ap-nav-submit{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--ap-radius);font-family:var(--ap-font);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.ap-nav-prev{background:var(--ap-surface);border-color:var(--ap-border);color:var(--ap-text-2)}.ap-nav-prev:hover:not(:disabled){border-color:var(--ap-text-3);color:var(--ap-text)}.ap-nav-next{background:var(--ap-accent);color:#fff;margin-left:auto}.ap-nav-next:hover:not(:disabled){background:var(--ap-accent-hover)}.ap-nav-submit{background:var(--ap-accent);color:#fff;margin-left:auto}.ap-nav-submit:hover:not(:disabled){background:var(--ap-accent-hover)}.ap-nav-prev:disabled,.ap-nav-next:disabled,.ap-nav-submit:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.ap-section-divider{display:flex;align-items:center;gap:16px;margin:28px 0 20px}.ap-section-divider-line{flex:1;height:1px;background:var(--ap-border)}.ap-section-divider-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ap-text-3);white-space:nowrap}.ap-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.ap-loader-ring{width:44px;height:44px;border:3px solid var(--ap-border);border-top-color:var(--ap-accent);border-radius:50%;animation:apSpin .75s linear infinite}@keyframes apSpin{to{transform:rotate(360deg)}}.ap-loader-text{font-size:14px;color:var(--ap-text-3);font-weight:500}.ap-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:24px;animation:apFadeUp .4s ease-out}.ap-status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.ap-status-icon--error{background:var(--ap-error-soft);color:var(--ap-error)}.ap-status-icon--success{background:var(--ap-success-soft);color:var(--ap-success)}.ap-status-icon--warning{background:#fef3c7;color:var(--ap-warning)}.ap-status-title{font-size:24px;font-weight:700;color:var(--ap-text);margin-bottom:10px;letter-spacing:-.3px}.ap-status-desc{font-size:15px;color:var(--ap-text-2);line-height:1.6;max-width:420px}.ap-done{text-align:center;animation:apFadeUp .5s ease-out;padding:20px 0}.ap-done-mark{width:56px;height:56px;border-radius:50%;background:var(--ap-accent-soft);color:var(--ap-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:apMarkPop .45s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes apMarkPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ap-done-title{font-family:var(--ap-font-display);font-size:28px;font-weight:700;color:var(--ap-text);margin-bottom:8px;letter-spacing:-.02em}.ap-done-sub{font-size:16px;color:var(--ap-text-2);margin-bottom:24px;line-height:1.5}.ap-done-note{font-size:14px;color:var(--ap-text-3);max-width:480px;margin:0 auto;line-height:1.6}.ap-results{animation:apFadeUp .5s ease-out}.ap-results-hero{text-align:center;margin-bottom:32px}.ap-results-title{font-size:26px;font-weight:700;color:var(--ap-text);margin-bottom:6px;letter-spacing:-.3px}.ap-results-sub{font-size:15px;color:var(--ap-text-2)}.ap-results-chart-wrap{display:flex;justify-content:center;margin-bottom:8px}.ap-trait-list{display:flex;flex-direction:column;gap:14px}.ap-trait{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:var(--ap-radius);padding:16px 20px;box-shadow:var(--ap-shadow)}.ap-trait-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ap-trait-name{font-size:14px;font-weight:700;color:var(--ap-text)}.ap-trait-score{font-size:14px;font-weight:700;color:var(--ap-accent)}.ap-trait-bar-track{height:6px;background:var(--ap-border);border-radius:3px;overflow:hidden;margin-bottom:8px}.ap-trait-bar-fill{height:100%;border-radius:3px;background:var(--ap-accent);transition:width 1s cubic-bezier(.4,0,.2,1)}.ap-trait-desc{font-size:13px;color:var(--ap-text-2);line-height:1.5}.ap-score-hero{text-align:center;padding:28px 20px}.ap-score-big{font-size:72px;font-weight:800;color:var(--ap-accent);line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums}.ap-score-label{font-size:14px;color:var(--ap-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.ap-score-percentile{font-size:16px;color:var(--ap-text-2);margin-top:8px}.ap-category-list{display:flex;flex-direction:column;gap:16px}.ap-category-item-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ap-category-name{font-size:14px;font-weight:600;color:var(--ap-text)}.ap-category-score{font-size:14px;font-weight:700;color:var(--ap-accent)}.ap-category-bar-track{height:8px;background:var(--ap-border);border-radius:4px;overflow:hidden}.ap-category-bar-fill{height:100%;border-radius:4px;background:var(--ap-accent);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.ap-cefr-badge{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:var(--ap-accent);color:#fff;font-size:32px;font-weight:800;margin:0 auto 16px;box-shadow:0 8px 24px #1a93ac47;letter-spacing:-1px}.ap-cefr-label{font-size:14px;color:var(--ap-text-3);text-align:center;margin-bottom:20px}.ap-results-note{background:var(--ap-accent-soft);border:1px solid var(--ap-accent-border);border-radius:var(--ap-radius);padding:14px 18px;font-size:13px;color:var(--ap-text-2);line-height:1.5;text-align:center;margin-top:4px}.ap-footer{text-align:center;padding:20px 16px;font-size:12px;color:var(--ap-text-3);letter-spacing:.3px;border-top:1px solid var(--ap-border)}.ap-inline-error{background:var(--ap-error-soft);border:1px solid rgba(192,57,43,.3);border-radius:var(--ap-radius-sm);padding:12px 16px;font-size:13px;color:var(--ap-error);line-height:1.5;margin-bottom:16px}.ap-inline-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--ap-radius-sm);padding:12px 16px;font-size:13px;color:#92400e;line-height:1.5;margin-bottom:16px}.ap-noback-notice{font-size:12px;color:var(--ap-text-3);text-align:center;padding:8px 0 0;font-style:italic}@media(max-width:600px){.ap-topbar{padding:10px 16px}.ap-content{padding:24px 12px 60px}.ap-qcard{padding:22px 18px 20px}.ap-qcard-text{font-size:16px}.ap-welcome-title{font-size:23px}.ap-likert-options{gap:5px}.ap-likert-pill{padding:8px 4px;min-height:52px}.ap-likert-num{font-size:16px}.ap-nav{flex-wrap:wrap}.ap-nav-prev{order:2;flex:1;justify-content:center}.ap-nav-next,.ap-nav-submit{order:1;flex:1;justify-content:center;margin-left:0}.ap-meta-grid{grid-template-columns:1fr}.ap-score-big{font-size:56px}.ap-likert-endpoints{display:none}.ap-card{padding:20px}}@media(max-width:380px){.ap-likert-short{font-size:9px}.ap-likert-num{font-size:14px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F7F8FA;--surface: #FFFFFF;--surface-2: #F7F8FA;--border: #E5E7EB;--border-hover: #D1D5DB;--text: #2A2F36;--text-muted: #6B7280;--text-faint: #9CA3AF;--text-heading: #0F1419;--accent: #1A93AC;--accent-hover: #16809A;--accent-soft: #E6F4F7;--accent-tint: #F0F9FB;--accent-glow: rgba(26, 147, 172, .15);--success: #2C7F4B;--error: #C0392B;--warning: #B27800;--radius: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 1px 3px rgba(15, 20, 25, .04), 0 1px 2px rgba(15, 20, 25, .03);--shadow-pop: 0 12px 32px rgba(15, 20, 25, .1), 0 2px 6px rgba(15, 20, 25, .04);--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}strong{color:var(--text-heading);font-weight:600}.page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.page-full{padding:0;flex-direction:column}.container{width:100%;max-width:540px;animation:fadeUp .6s ease-out}.container-wide{width:100%;max-width:960px;animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;gap:9px;margin-bottom:32px;padding:0 4px}.header-floating{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:16px;padding:12px 24px;margin-bottom:0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-timer{font-size:16px;font-weight:500;color:var(--text-heading);font-variant-numeric:tabular-nums;letter-spacing:1px;margin-left:auto}.brand-mark{width:26px;height:26px;background:var(--text-heading);border-radius:7px;position:relative;flex:0 0 26px}.brand-mark:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid #fff;border-radius:3px;transform:rotate(45deg)}.brand-mark--lg{width:40px;height:40px;border-radius:11px;flex:0 0 40px}.brand-mark--lg:before{top:8px;right:8px;bottom:8px;left:8px;border-width:2px;border-radius:4px}.brand-name{font-family:var(--font-body);font-weight:700;letter-spacing:-.02em;font-size:18px;color:var(--text-heading)}.wordmark{font-family:var(--font-body);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-heading)}.tagline{font-size:11px;color:var(--text-faint);letter-spacing:.4px;text-transform:uppercase;font-weight:500}.brand-wordmark{display:block;height:22px;width:auto}.brand-wordmark--lg{height:34px}.live-badge{font-size:12px;font-weight:600;color:var(--success);letter-spacing:1px;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:36px 32px;margin-bottom:24px}.split-layout{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100vh;animation:fadeUp .6s ease-out}.split-connecting{height:100vh}.split-video{position:relative;background:#000;overflow:hidden}.video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.rec-indicator{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:8px;z-index:10}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:recBlink 1.5s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.3}}.rec-label{font-size:12px;font-weight:700;color:#ef4444;letter-spacing:1.5px}.rec-time{font-size:12px;font-weight:500;color:#ffffffb3;font-variant-numeric:tabular-nums}.video-name-badge{position:absolute;bottom:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;z-index:10}.video-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--surface)}.fallback-icon{color:var(--text-muted);margin-bottom:16px;opacity:.5}.fallback-text{font-size:16px;font-weight:600;color:var(--text-heading)}.fallback-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.split-ai{display:flex;flex-direction:column;height:100vh;background:var(--bg);padding-top:60px}.waveform-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:0}.ai-label{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.waveform-canvas{width:100%;flex:1;min-height:120px;max-height:240px}.ai-hint{font-size:12px;color:var(--text-muted);margin-top:16px}.split-transcript{flex:1;min-height:0;border-top:1px solid var(--border);overflow:hidden}.split-transcript .transcript-panel{height:100%;border:none;border-radius:0}.split-transcript .transcript-panel.live{max-height:none;height:100%}.connecting-panel{display:flex;align-items:center;justify-content:center;padding-top:0}.connecting-content{text-align:center;padding:40px}.connecting-title{font-size:20px;font-weight:600;color:var(--text-heading);margin-top:24px;margin-bottom:8px}.connecting-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.end-btn-floating{padding:8px 20px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:12px}.end-btn-floating:hover{border-color:var(--error);color:var(--error);background:#c0392b0f}.upload-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500}.upload-status.uploading{background:var(--accent-soft);color:var(--accent)}.upload-status.done{background:#2c7f4b1a;color:var(--success)}.upload-status.warning{background:#b278001a;color:var(--warning)}.upload-status.error{background:#c0392b14;color:var(--error)}.upload-spinner{width:16px;height:16px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.upload-check{font-weight:700;font-size:15px}.up-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13px}.up-banner-icon{flex-shrink:0;display:flex;align-items:center}.up-banner-title{font-size:15px;font-weight:700;margin-bottom:2px;letter-spacing:-.01em}.up-banner-text{color:var(--text-muted);line-height:1.5}.up-banner--alert{background:var(--error);border:1px solid #A93226;color:#fff;box-shadow:0 4px 16px #c0392b38;animation:uploadPulse 1.6s ease-in-out infinite}.up-banner--alert .up-banner-title{font-size:16px}.up-banner--alert .up-banner-icon{color:#fff}.up-banner--alert .up-banner-text{color:#ffffffeb}.up-banner--ok{background:#2c7f4b14;border:1px solid rgba(44,127,75,.3);color:var(--text-heading)}.up-banner--ok .up-banner-icon{color:var(--success)}.up-banner--wait{background:#b2780017;border:1px solid rgba(178,120,0,.32);color:var(--text-heading);animation:uploadPulse 2s ease-in-out infinite}.up-banner--wait .up-banner-icon{color:var(--warning)}@keyframes uploadPulse{0%,to{opacity:1}50%{opacity:.78}}.retry-upload-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.retry-upload-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hover)}.retry-upload-btn:disabled{opacity:.55;cursor:not-allowed}.interview-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.interview-controls{position:sticky;top:32px}.welcome-row{display:flex;align-items:center;gap:16px;margin-bottom:32px}.avatar{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.welcome-name{font-size:22px;font-weight:600;color:var(--text-heading);line-height:1.3}.welcome-role{font-size:14px;color:var(--text-muted);margin-top:2px}.info-section{margin-bottom:28px}.info-heading{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.checklist{display:flex;flex-direction:column;gap:12px}.check-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text);line-height:1.5}.check-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px}.steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:14px;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.step-text{font-size:14px;color:var(--text);line-height:1.5;padding-top:3px}.inline-error{background:#c0392b12;border:1px solid rgba(192,57,43,.22);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;color:var(--error);margin-bottom:20px;line-height:1.5}.start-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:background .15s ease}.start-btn:hover{background:var(--accent-hover)}.start-btn:active{transform:scale(.99)}.active-card{border-color:var(--accent);text-align:center;padding:32px 24px;background:var(--accent-tint)}.mic-orb-wrap{position:relative;width:80px;height:80px;margin:0 auto 20px}.mic-orb-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transition:box-shadow .1s ease}.mic-orb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;animation:orbFloat 4s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.active-label{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:4px}.timer{font-size:32px;font-weight:300;color:var(--text-heading);font-variant-numeric:tabular-nums;letter-spacing:2px;margin:12px 0;font-family:var(--font-body)}.active-hint{font-size:12px;color:var(--text-muted);margin-bottom:20px}.end-btn{padding:10px 28px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.end-btn:hover{border-color:var(--error);color:var(--error)}.transcript-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.transcript-panel.live{max-height:calc(100vh - 160px)}.transcript-panel.final{max-height:400px}.transcript-header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.transcript-header-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:livePulse 2s ease-in-out infinite}.transcript-body{flex:1;overflow-y:auto;padding:16px 20px}.transcript-body::-webkit-scrollbar{width:5px}.transcript-body::-webkit-scrollbar-track{background:transparent}.transcript-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.transcript-empty{text-align:center;color:var(--text-muted);font-size:13px;font-style:italic;padding:40px 0}.transcript-turn{margin-bottom:16px}.transcript-turn:last-of-type{margin-bottom:4px}.transcript-speaker{margin-bottom:4px}.speaker-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px}.ai-badge{background:var(--accent-soft);color:var(--accent)}.candidate-badge{background:#2c7f4b1a;color:var(--success)}.transcript-text{font-size:14px;color:var(--text);line-height:1.6;padding-left:2px}.transcript-turn.ai .transcript-text{color:var(--text-muted)}.completed-card{text-align:center;padding:48px 32px}.completed-mark{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:scaleInMark .45s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes scaleInMark{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.completed-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text-heading);margin-bottom:4px}.completed-name{font-size:15px;color:var(--accent);font-weight:600;margin-bottom:20px}.completed-divider{width:40px;height:2px;background:var(--border);margin:0 auto 20px;border-radius:1px}.duration-badge{display:inline-block;margin-top:20px;padding:6px 16px;background:var(--accent-soft);color:var(--accent);border-radius:20px;font-size:13px;font-weight:500}.transcript-recap-heading{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-title{font-size:20px;font-weight:600;color:var(--text-heading);text-align:center;margin-bottom:8px}.card-desc{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.6}.error-icon{width:48px;height:48px;border-radius:50%;background:#c0392b14;color:var(--error);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 16px}.error-title{font-size:20px;font-weight:600;color:var(--text-heading);text-align:center;margin-bottom:8px}.error-msg{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.6}.status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 16px}.expired-icon{background:#c0392b14;color:var(--error)}.loader-ring{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{text-align:center;font-size:14px;color:var(--text-muted)}.footer{text-align:center;font-size:12px;color:var(--text-muted);opacity:.6;letter-spacing:.3px}.footer-floating{position:fixed;bottom:0;left:0;right:0;padding:8px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:100}@media(max-width:768px){.split-layout{grid-template-columns:1fr;grid-template-rows:40vh 60vh}.split-ai{height:60vh;padding-top:0}.split-video{height:40vh}.header-floating{padding:8px 16px}.header-timer{font-size:14px}.waveform-canvas{max-height:120px}}@media(max-width:600px){.card{padding:28px 20px}.active-card{padding:28px 16px}.completed-card{padding:36px 20px}.timer{font-size:28px}.welcome-name{font-size:19px}.transcript-panel.live{max-height:300px}.interview-layout{grid-template-columns:1fr}.interview-controls{position:static}.container-wide{max-width:540px}}.ap-behavioral-intro{max-width:560px;margin:48px auto 0;text-align:center;padding:8px}.ap-behavioral-intro-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-heading);margin-bottom:16px;letter-spacing:-.02em}.ap-behavioral-intro-desc{font-size:15px;line-height:1.6;color:var(--text-muted);margin-bottom:32px}.ap-behavioral-error{margin-top:16px;padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--error, #f87171);font-size:13px;text-align:center}.consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f141973;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.consent-modal{display:flex;flex-direction:column;width:100%;max-width:600px;max-height:92vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);color:var(--text);overflow:hidden;animation:fadeUp .4s ease-out}.consent-header{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 18px;border-bottom:1px solid var(--border)}.consent-headmain{display:flex;align-items:flex-start;gap:14px;flex:1 1 auto;min-width:0}.consent-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 44px}.consent-titles{flex:1;min-width:0}.consent-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-heading);line-height:1.25}.consent-subtitle{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.consent-langtoggle{display:flex;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.consent-langbtn{padding:6px 12px;border:none;background:transparent;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.consent-langbtn+.consent-langbtn{border-inline-start:1px solid var(--border)}.consent-langbtn.is-active{background:var(--accent);color:#fff}.consent-langbtn:disabled{cursor:default}.consent-body{flex:1;overflow-y:auto;padding:20px 24px 8px}.consent-body::-webkit-scrollbar{width:6px}.consent-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.consent-notice-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-weight:700;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--border)}.consent-consent-label{margin-top:8px}.consent-section{margin-bottom:18px}.consent-section-h{font-size:14px;font-weight:700;color:var(--text-heading);letter-spacing:-.01em;margin-bottom:8px;line-height:1.35}.consent-list{list-style:none;display:flex;flex-direction:column;gap:7px}.consent-li{position:relative;font-size:13px;line-height:1.6;color:var(--text);padding-inline-start:16px}.consent-li:before{content:"";position:absolute;inset-inline-start:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.consent-withdraw{background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:14px 16px;margin:4px 0 20px;font-size:13px;line-height:1.6;color:var(--text)}.consent-items{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.consent-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.consent-item:hover{border-color:var(--border-hover);background:var(--surface-2)}.consent-item.is-sensitive{border-inline-start:3px solid var(--warning)}.consent-item:has(.consent-check:checked){border-color:var(--accent);background:var(--accent-tint)}.consent-check{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.consent-item-body{display:flex;flex-direction:column;gap:6px;min-width:0}.consent-item-tags{display:flex;flex-wrap:wrap;gap:6px}.consent-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:5px}.consent-tag.is-required{background:var(--accent-soft);color:var(--accent)}.consent-tag.is-optional{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.consent-sensitive{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:5px;background:#b278001f;color:var(--warning)}.consent-item-label{font-size:13px;line-height:1.55;color:var(--text)}.consent-actions{display:flex;flex-direction:column;gap:10px;padding:16px 24px 18px;border-top:1px solid var(--border);background:var(--surface)}.consent-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:0 0 2px}.consent-error{font-size:13px;line-height:1.5;text-align:center;margin:0 0 2px;color:var(--error);background:#c0392b12;border:1px solid rgba(192,57,43,.22);border-radius:var(--radius-sm);padding:10px 12px}.consent-agree{width:100%;padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .15s}.consent-agree:hover:not(:disabled){background:var(--accent-hover)}.consent-agree:disabled{opacity:.5;cursor:not-allowed}.consent-decline{width:100%;padding:11px 16px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.consent-decline:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.consent-decline:disabled{opacity:.5;cursor:not-allowed}.consent-footer{font-size:11px;color:var(--text-faint);text-align:center;line-height:1.5;margin:2px 0 0}@media(max-width:600px){.consent-header{flex-direction:column;align-items:stretch;gap:14px;padding:18px 18px 14px}.consent-headmain{width:100%}.consent-langtoggle{align-self:flex-start}.consent-body{padding:16px 18px 8px}.consent-actions{padding:14px 18px 16px}.consent-modal{max-height:94vh}}