:root{--bg:#f7f8fa;--panel:#fff;--panel-soft:#f5f6f8;--panel-muted:#eef0f3;--line:#e5e7eb;--line-strong:#d1d5db;--text:#1e293b;--text-secondary:#475569;--muted:#64748b;--primary:#ff6b3d;--primary-strong:#e2572b;--primary-soft:#ff6b3d14;--neutral:#475569;--neutral-strong:#1e293b;--neutral-soft:#f1f5f9;--neutral-border:#e2e8f0;--green:#0f9f6e;--green-soft:#0f9f6e14;--amber:#d97706;--amber-soft:#d9770614;--red:#dc2626;--red-soft:#dc262614;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-md:15px;--font-lg:16px;--font-xl:20px;--font-2xl:24px;--font-3xl:28px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-base);color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}input,textarea,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--font-base);background:#fff;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--neutral-border);box-shadow:0 0 0 2px #4755691a}textarea{resize:vertical;min-height:80px;line-height:1.6}code.inline-code{font-size:var(--font-sm);color:var(--neutral-strong);background:var(--neutral-soft);border-radius:4px;padding:1px 6px}.primary-button,.secondary-button,.ghost-button,.danger-button{border-radius:var(--radius-sm);min-height:36px;font-size:var(--font-base);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.danger-button:focus-visible,.nav-button:focus-visible,.card-button:focus-visible,.empty-card:focus-visible,.icon-button:focus-visible{outline:2px solid var(--neutral-strong);outline-offset:2px}.primary-button{color:#fff;background:var(--primary);box-shadow:0 2px 8px #ff6b3d33}.primary-button:hover{background:var(--primary-strong)}.secondary-button{color:var(--text);border:1px solid var(--line-strong);background:#fff}.secondary-button:hover{background:var(--panel-soft)}.ghost-button{color:var(--neutral-strong);background:var(--neutral-soft)}.ghost-button:hover{background:var(--panel-muted)}.danger-button{color:#fff;background:var(--red)}.danger-button:hover{background:#b91c1c}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.5}.icon-button{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--muted);border:1px solid var(--line);font-size:var(--font-sm);background:#fff;place-items:center;transition:background .15s;display:grid}.icon-button:hover{background:var(--panel-soft)}.pill,.status-pill,.depth-pill{min-height:22px;font-size:var(--font-xs);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-weight:600;line-height:1;display:inline-flex}.pill{color:var(--neutral);background:var(--neutral-soft)}.status-pill.active{color:var(--green);background:var(--green-soft)}.status-pill.draft{color:var(--amber);background:var(--amber-soft)}.status-pill.stop{color:var(--red);background:var(--red-soft)}.depth-pill.low{color:var(--green);background:var(--green-soft)}.depth-pill.medium{color:var(--amber);background:var(--amber-soft)}.depth-pill.high{color:var(--red);background:var(--red-soft)}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--neutral-border);background:#fff;padding:16px 12px 20px}.brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.brand-logo{border-radius:var(--radius-sm);object-fit:contain;width:36px;height:36px}.brand-mark{border-radius:var(--radius-sm);color:#fff;width:36px;height:36px;font-size:var(--font-md);background:var(--primary);place-items:center;font-weight:700;display:grid}.brand-title{font-size:var(--font-lg);letter-spacing:-.01em;font-weight:700}.brand-subtitle{color:var(--muted);font-size:var(--font-xs);margin-top:1px}.nav-stack{gap:4px;display:grid}.nav-button{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);font-size:var(--font-base);background:0 0;align-items:center;gap:10px;padding:0 12px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-button:hover{background:var(--panel-soft);color:var(--text)}.nav-button.active{color:var(--neutral-strong);background:var(--neutral-soft)}.nav-icon{border-radius:var(--radius-xs);width:28px;height:28px;font-size:var(--font-md);color:var(--neutral);background:var(--neutral-soft);place-items:center;display:grid}.sidebar-tip{border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-sm);background:var(--neutral-soft);border:none;margin-top:12px;padding:10px;line-height:1.6}.workspace{padding:var(--space-xl);overflow-y:auto}.workspace>*{max-width:1200px;margin-left:auto;margin-right:auto}.topbar{margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topbar-title,.candidate-topbar-title{font-size:var(--font-xl);letter-spacing:-.02em;font-weight:700}.topbar-subtitle,.panel-tip,.question-paragraph,.candidate-description,.response-meta,.field-hint,.summary-meta,.card-desc,.side-card-desc,.empty-card-text{color:var(--muted);font-size:var(--font-sm);line-height:1.6}.topbar-actions,.card-actions,.badge-row,.candidate-actions,.tab-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-grid,.card-grid,.interviewer-library,.candidate-metrics,.response-metrics-grid,.two-column-cards{gap:12px;display:grid}.summary-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card,.panel-card,.interview-card,.empty-card,.question-card,.answer-card,.response-item,.candidate-topbar,.candidate-panel,.candidate-side-card,.candidate-submit-panel,.candidate-side-nav{border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-card);border:none}.summary-card{padding:var(--space-md)}.summary-label{color:var(--muted);font-size:var(--font-xs);font-weight:500}.summary-value{font-size:var(--font-2xl);letter-spacing:-.02em;margin-top:4px;font-weight:700}.summary-meta{font-size:var(--font-xs);margin-top:2px}.summary-card-icon{border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;margin-bottom:10px;display:grid}.summary-icon-default{color:var(--muted);background:var(--panel-soft)}.summary-icon-green{color:var(--green);background:var(--green-soft)}.summary-icon-amber{color:var(--amber);background:var(--amber-soft)}.summary-icon-primary{color:var(--neutral);background:var(--neutral-soft)}.summary-card-green .summary-value{color:var(--green)}.summary-card-amber .summary-value{color:var(--amber)}.summary-card-primary .summary-value{color:var(--neutral-strong)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interview-card,.empty-card{padding:var(--space-lg)}.interview-card{flex-direction:column;transition:box-shadow .15s;display:flex}.interview-card:hover{box-shadow:var(--shadow-md)}.interview-card .card-button{flex:1}.interview-card .card-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--line)}.empty-card{text-align:center;background:var(--neutral-soft);border:1.5px dashed var(--neutral-border);place-items:center;min-height:180px;display:grid}.empty-card strong{color:var(--neutral-strong);font-size:var(--font-lg);margin-top:6px;display:block}.empty-card-mark{color:var(--neutral);justify-content:center;line-height:1;display:flex}.card-button{text-align:left;background:0 0;width:100%}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title{font-size:var(--font-lg);font-weight:700;line-height:1.3}.card-title.small{font-size:var(--font-md)}.card-desc{min-height:48px;margin-top:8px}.card-desc.compact{min-height:0}.card-meta-row{color:var(--muted);font-size:var(--font-xs);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-weight:500;display:flex}.card-meta-row.muted{font-weight:400}.mini-avatar,.candidate-interviewer-avatar{border-radius:var(--radius-sm);width:36px;height:36px;font-weight:700;font-size:var(--font-base);color:var(--neutral);background:var(--neutral-soft);place-items:center;display:grid}.mini-avatar.large,.candidate-interviewer-avatar{border-radius:var(--radius-md);width:56px;height:56px;font-size:var(--font-xl)}.mini-avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.panel-card{padding:var(--space-lg)}.panel-head,.section-headline{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title,.candidate-section-title{font-size:var(--font-lg);margin:0;font-weight:700}.field-grid,.question-stack,.answer-stack,.response-list,.trait-list,.preview-question-list,.candidate-question-nav-list{gap:10px;display:grid}.field-row{gap:4px;display:grid}.field-label{font-size:var(--font-base);font-weight:600}.inline-grid,.two-column-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-layout,.responses-layout,.candidate-layout,.candidate-hero{gap:16px;display:grid}.editor-layout,.responses-layout{grid-template-columns:260px minmax(0,1fr)}.editor-sidebar,.editor-main,.responses-sidebar,.responses-main{min-width:0;min-height:0;overflow:hidden}.responses-main{padding:var(--space-lg);overflow-y:auto}.response-detail{gap:16px;display:grid}.sidebar-summary,.candidate-progress,.candidate-actions.centered{gap:0;display:grid}.sidebar-summary-item,.side-card,.metric-card,.tagline-card{border-radius:var(--radius-sm);background:var(--neutral-soft);border:none;padding:10px}.sidebar-summary-item{border-bottom:1px solid var(--neutral-border);background:0 0;border-radius:0;padding:8px 0}.sidebar-summary-item:last-child{border-bottom:none}.sidebar-summary-item span,.metric-card span{color:var(--muted);font-size:var(--font-xs);display:block}.sidebar-summary-item strong,.metric-card strong{font-size:var(--font-lg);margin-top:2px;font-weight:700;display:block}.side-card+.side-card{margin-top:8px}.side-card-head{align-items:center;gap:8px;display:flex}.side-card-title{font-size:var(--font-md);font-weight:700}.side-link-box{border-radius:var(--radius-sm);font-size:var(--font-sm);word-break:break-all;color:var(--neutral-strong);background:var(--neutral-soft);border:1px dashed var(--neutral-border);margin-top:8px;padding:8px;line-height:1.5}.side-link-row{align-items:flex-start;gap:6px;margin-top:8px;display:flex}.side-link-row .side-link-box{flex:1;margin-top:0}.side-link-row .icon-button{flex-shrink:0;margin-top:4px}.tab-row{margin-bottom:var(--space-md)}.tab-button{min-height:30px;color:var(--muted);font-size:var(--font-sm);background:0 0;border-radius:999px;padding:0 12px;font-weight:600;transition:background .15s,color .15s}.tab-button:hover{background:var(--panel-soft)}.tab-button.active{color:var(--neutral-strong);background:var(--neutral-soft)}.interviewer-select-grid,.interviewer-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.interviewer-choice,.interviewer-library-card{border-radius:var(--radius-md);background:var(--neutral-soft);border:1px solid #0000;padding:12px;transition:border-color .15s,box-shadow .15s}.interviewer-choice{text-align:left;align-items:center;gap:10px;display:flex}.interviewer-choice:hover{border-color:var(--line-strong)}.interviewer-choice.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #ff6b3d26}.interviewer-choice strong,.interviewer-library-card strong{font-size:var(--font-md);display:block}.interviewer-choice span,.interviewer-library-card span{color:var(--muted);font-size:var(--font-xs);margin-top:2px;display:block}.question-card,.answer-card{padding:var(--space-md)}.question-card.compact{margin-top:8px}.question-card-head,.answer-head,.response-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.question-title,.answer-title,.response-title{font-size:var(--font-md);font-weight:700}.question-actions{align-items:center;gap:6px;display:flex}.question-actions select{width:auto;min-width:100px;font-size:var(--font-sm);border-radius:var(--radius-xs);padding:4px 8px}.response-item{padding:var(--space-md);text-align:left;background:var(--neutral-soft);border:1px solid #0000;transition:border-color .15s,box-shadow .15s}.response-item.active{border-color:var(--neutral-border);box-shadow:var(--shadow-md);background:#fff}.response-score{font-size:var(--font-xl);color:var(--neutral-strong);font-weight:700}.response-metrics-grid,.candidate-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.bullet-list{color:var(--muted);font-size:var(--font-sm);margin:0;padding-left:16px;line-height:1.6}.answer-question{font-weight:600;font-size:var(--font-base);line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--neutral);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.7s linear infinite spin}.loading-state{padding:var(--space-xl);color:var(--muted);font-size:var(--font-sm);flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state{padding:var(--space-xl);text-align:center;color:var(--muted);font-size:var(--font-sm)}.topbar-breadcrumb{margin-bottom:4px}.text-link{color:var(--neutral);font-size:var(--font-sm);font-weight:600}.text-link:hover{color:var(--neutral-strong)}.text-link-button{justify-content:center;align-items:center;display:inline-flex}.inline-error{border-radius:var(--radius-sm);color:var(--red);background:var(--red-soft);font-size:var(--font-sm);padding:8px 10px;line-height:1.5}.trait-list{margin-top:8px}.trait-row{color:var(--muted);font-size:var(--font-xs);grid-template-columns:72px 1fr 36px;align-items:center;gap:8px;display:grid}.trait-track{background:var(--neutral-soft);border-radius:999px;height:6px;overflow:hidden}.trait-fill{border-radius:inherit;background:var(--neutral);height:100%}.candidate-shell{max-width:1100px;padding:var(--space-xl);margin:0 auto}.candidate-topbar,.candidate-panel,.candidate-side-card,.candidate-submit-panel,.candidate-side-nav{padding:var(--space-lg)}.candidate-hero{margin-top:var(--space-lg);grid-template-columns:minmax(0,1.05fr) 300px}.candidate-heading{font-size:var(--font-2xl);letter-spacing:-.02em;margin:10px 0 0;font-weight:700}.candidate-description.compact{margin-top:8px}.candidate-side-card h2,.candidate-submit-panel h2{font-size:var(--font-xl);margin:10px 0 0;font-weight:700}.candidate-side-label{color:var(--muted);font-size:var(--font-sm);margin-top:6px;font-weight:600}.candidate-question-block{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--neutral-soft);border:1px solid var(--neutral-border);margin-top:12px}.candidate-question-block h2{font-size:var(--font-xl);letter-spacing:-.01em;margin:8px 0 0;line-height:1.4}.candidate-progress-bar{background:var(--neutral-soft);border-radius:999px;width:100%;height:6px;overflow:hidden}.candidate-progress-fill{border-radius:inherit;background:var(--neutral);height:100%}.candidate-layout{margin-top:var(--space-lg);grid-template-columns:minmax(0,1.02fr) 260px}.candidate-question-nav-list{margin-top:12px}.question-nav-item{border-radius:var(--radius-sm);text-align:left;background:var(--neutral-soft);border:1px solid #0000;padding:10px 12px;transition:border-color .15s,background .15s}.question-nav-item:hover{background:var(--panel-soft)}.question-nav-item.active{border-color:var(--neutral-border);background:#fff}.question-nav-item strong{font-size:var(--font-base);display:block}.question-nav-item span{color:var(--muted);font-size:var(--font-xs);margin-top:2px;display:block}.candidate-submit-panel{margin-top:var(--space-lg);text-align:center}.candidate-submit-panel p{max-width:520px;margin:8px auto 0}.candidate-actions{margin-top:12px}.candidate-actions.centered{justify-content:center}.tagline-card{color:var(--muted);font-size:var(--font-sm);line-height:1.6}.toggle-card,.setup-card,.candidate-live-hero-card,.candidate-live-stage-card,.candidate-live-transcript-card,.candidate-live-input-card{padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border:none}.toggle-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-card input{width:auto;transform:scale(1.1)}.toggle-switch{background:var(--line-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;display:inline-block;position:relative}.toggle-switch.on{background:var(--neutral-strong)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch.on .toggle-knob{transform:translate(20px)}.toggle-switch:focus-visible{outline:2px solid var(--neutral-strong);outline-offset:2px}.workspace-badge{min-height:24px;color:var(--neutral);background:var(--neutral-soft);font-size:var(--font-xs);border-radius:999px;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.editor-layout-product{align-items:start}.editor-sidebar-product{padding:var(--space-lg);flex-direction:column;align-self:start;gap:0;display:flex}.editor-main-product{overflow:hidden}.sidebar-section{border-bottom:1px solid var(--neutral-border);padding:14px 0}.sidebar-section:first-child{padding-top:0}.sidebar-section:last-child{border-bottom:none;padding-bottom:0}.sidebar-section-label{font-size:var(--font-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-weight:600}.sidebar-status-row{align-items:center;gap:8px;display:flex}.sidebar-ready-tag{font-size:var(--font-xs);color:var(--muted);font-weight:600}.sidebar-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sidebar-stat{border-radius:var(--radius-sm);background:var(--neutral-soft);padding:10px 4px}.sidebar-stat span{font-size:var(--font-lg);color:var(--neutral-strong);font-weight:700;display:block}.sidebar-stat label{font-size:var(--font-xs);color:var(--muted);margin-top:2px;display:block}.sidebar-interviewer{align-items:center;gap:10px;display:flex}.sidebar-interviewer-name{font-size:var(--font-base);color:var(--text);font-weight:600}.sidebar-interviewer-label{font-size:var(--font-xs);color:var(--muted)}.sidebar-interviewer-empty{font-size:var(--font-sm);color:var(--muted)}.summary-card-compact{background:var(--neutral-strong);color:#fff;border:0;margin-top:10px}.summary-card-compact .summary-label,.summary-card-compact .summary-meta,.summary-card-compact .summary-value{color:#fff}.checklist-stack{gap:6px;margin-top:8px;display:grid}.checklist-item{border-radius:var(--radius-sm);background:var(--neutral-soft);border:none;padding:8px 10px}.checklist-item span,.checklist-item strong{display:block}.checklist-item span{color:var(--muted);font-size:var(--font-xs)}.checklist-item strong{font-size:var(--font-sm);margin-top:2px}.checklist-item.ready{background:var(--green-soft);border-color:#0f9f6e26}.checklist-item.ready span,.checklist-item.ready strong{color:var(--green)}.setup-shell,.setup-panel-stack,.setup-step-row,.transcript-stack,.live-transcript-stack,.candidate-side-summary{gap:12px;display:grid}.setup-hero{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--neutral-soft);border:none}.setup-title{font-size:var(--font-xl);letter-spacing:-.02em;margin:8px 0 0;font-weight:700}.setup-step-row{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-step{border-radius:var(--radius-sm);text-align:left;background:#fff;border:1px solid #0000;padding:10px;transition:border-color .15s,box-shadow .15s}.setup-step span,.setup-step strong{display:block}.setup-step span{width:22px;height:22px;color:var(--neutral);background:var(--neutral-soft);font-size:var(--font-xs);border-radius:999px;place-items:center;font-weight:700;display:grid}.setup-step strong{font-size:var(--font-sm);margin-top:6px}.setup-step.active{border-color:var(--neutral-border);box-shadow:var(--shadow-md);background:#fff}.setup-step.active span{color:#fff;background:var(--neutral-strong)}.setup-step.done span{color:#fff;background:var(--green)}.setup-step.done strong{color:var(--green)}.setup-nav-row{justify-content:flex-end}@keyframes setup-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.setup-panel-fade{animation:.2s ease-out setup-fade-in}.editor-danger-zone{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line);text-align:center}.danger-text-link{color:var(--muted);font-size:var(--font-sm);background:0 0;font-weight:500;transition:color .15s}.danger-text-link:hover{color:var(--red)}.question-card-editor textarea{min-height:90px}.interviewer-choice-rich{align-items:flex-start}.interviewer-choice-rich p{margin:6px 0 0}.interviewer-avatar-grid{margin-top:var(--space-lg);flex-wrap:wrap;gap:16px;display:flex}.interviewer-avatar-card{border-radius:var(--radius-lg);background:#fff;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;transition:border-color .15s,box-shadow .15s;display:flex}.interviewer-avatar-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.interviewer-avatar-card.active{border-color:var(--neutral-border);box-shadow:var(--shadow-md)}.interviewer-avatar-circle{border-radius:var(--radius-lg);place-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:grid}.interviewer-avatar-circle.large{border-radius:var(--radius-xl);width:120px;height:120px;font-size:48px}.interviewer-avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.interviewer-avatar-name{font-size:var(--font-md);color:var(--text);align-items:center;gap:4px;font-weight:600;display:flex}.gender-badge{font-size:var(--font-xs);opacity:.6;font-weight:700}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:100%;max-width:560px;padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;position:relative}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);background:var(--panel-soft);font-size:var(--font-lg);place-items:center;transition:background .15s;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--line)}.modal-profile{align-items:flex-start;gap:20px;display:flex}.modal-profile-info{flex:1;min-width:0}.modal-title{font-size:var(--font-xl);margin:0;font-weight:700}.modal-title+.pill{margin-top:6px}.modal-desc{color:var(--muted);font-size:var(--font-sm);margin:10px 0 0;line-height:1.6}.modal-opening{border-radius:var(--radius-sm);background:var(--neutral-soft);border:none;margin-top:12px;padding:10px}.modal-opening-label{font-size:var(--font-xs);color:var(--muted);margin-bottom:4px;font-weight:600}.modal-opening p{margin:0}.modal-traits{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.modal-traits-title{font-size:var(--font-md);margin-bottom:12px;font-weight:700}.modal-traits-grid{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.modal-trait-row{grid-template-columns:48px 1fr 36px;align-items:center;gap:8px;display:grid}.modal-trait-label{font-size:var(--font-sm);color:var(--muted)}.modal-trait-track{background:var(--panel-soft);border-radius:999px;height:6px;overflow:hidden}.modal-trait-fill{border-radius:inherit;height:100%;transition:width .3s}.modal-trait-value{font-size:var(--font-sm);text-align:right;font-weight:600}@media (width<=640px){.modal-profile{text-align:center;flex-direction:column;align-items:center}.modal-traits-grid{grid-template-columns:1fr}}.interviewer-toggle-btn{width:100%;font-size:var(--font-sm);margin-top:10px}.interviewer-opening-box{border-radius:var(--radius-sm);background:var(--neutral-soft);border:none;margin-top:8px;padding:10px}.interviewer-opening-box p{margin:0}.preview-card-soft,.live-delivery-card,.candidate-demo-card{background:var(--panel-soft)}.live-preview-note{color:var(--muted);font-size:var(--font-xs);margin-top:8px;font-weight:600}.transcript-bubble{border-radius:var(--radius-md);background:var(--panel-soft);border:1px solid var(--line);padding:10px}.transcript-bubble.ai{background:var(--neutral-soft);border-color:var(--neutral-border)}.transcript-bubble.candidate{background:#fff}.transcript-bubble.system{background:#00000005}.transcript-meta{color:var(--muted);font-size:var(--font-xs);justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.transcript-text{margin:0}.chat-transcript{flex-direction:column;gap:16px;padding:4px 0;display:flex}.chat-row{align-items:flex-start;gap:10px;display:flex}.chat-row--right{flex-direction:row-reverse}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:13px;font-weight:700;line-height:1;display:flex}.chat-avatar--ai{background:var(--primary,#ff6b3d);color:#fff}.chat-avatar--candidate{color:#444;background:#e0e0e6}.chat-bubble-wrap{flex-direction:column;gap:4px;max-width:72%;display:flex}.chat-row--right .chat-bubble-wrap{align-items:flex-end}.chat-meta{align-items:center;gap:6px;display:flex}.chat-row--right .chat-meta{flex-direction:row-reverse}.chat-label{color:var(--muted,#888);font-size:12px;font-weight:600}.chat-time{color:#bbb;font-size:11px}.chat-bubble{word-break:break-word;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.6}.chat-bubble--ai{color:#1d1d1f;background:#f5f5f7;border:1px solid #e5e5ea;border-top-left-radius:4px}.chat-bubble--candidate{background:var(--neutral-soft);color:#1d1d1f;border:1px solid var(--neutral-border);border-top-right-radius:4px}.chat-bubble--system{color:#999;text-align:center;background:#fafafa;border:1px dashed #ddd;border-radius:8px;align-self:center;font-size:12px}.candidate-shell-live{max-width:1200px}.candidate-live-intro,.candidate-live-grid{margin-top:var(--space-lg);grid-template-columns:minmax(0,1.05fr) 300px;gap:16px;display:grid}.candidate-live-hero-card{background:var(--panel-soft);min-height:100%}.candidate-side-card-live{background:#fff}.candidate-live-room{margin-top:var(--space-lg)}.candidate-live-stage-card{padding:var(--space-lg);background:var(--panel-soft)}.candidate-live-canvas{margin-bottom:var(--space-md);grid-template-columns:minmax(0,1.2fr) 260px;gap:16px;display:grid}.candidate-video-stage,.candidate-ai-stage{border-radius:var(--radius-xl);position:relative;overflow:hidden}.candidate-video-stage{background:linear-gradient(135deg,#3a2e27d6,#79695fc2);min-height:320px;padding:12px}.candidate-live-badge{z-index:2;color:#fff;min-height:26px;font-size:var(--font-xs);background:#0f9f6ee6;border-radius:999px;align-items:center;padding:0 10px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0f9f6e40}.candidate-video-feed,.candidate-video-placeholder{border-radius:var(--radius-lg);width:100%;height:100%;min-height:296px}.candidate-video-feed{object-fit:cover;background:#0000002e}.candidate-video-placeholder{padding:var(--space-xl);text-align:center;color:#ffffffd9;background:#ffffff0f;border:1px dashed #ffffff26;place-items:center;display:grid}.candidate-video-placeholder strong,.candidate-video-placeholder span{display:block}.app-toast{border-radius:var(--radius-sm);color:#fff;background:var(--text);font-size:var(--font-sm);opacity:0;pointer-events:none;z-index:100;padding:8px 16px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(12px)}.app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.editor-layout,.responses-layout,.candidate-hero,.candidate-layout,.candidate-live-intro,.candidate-live-grid,.candidate-live-canvas{grid-template-columns:1fr}.summary-grid,.card-grid,.interviewer-select-grid,.interviewer-library,.setup-step-row{grid-template-columns:repeat(2,1fr)}.imm-live-layout{grid-template-columns:1fr}.imm-stage-left{min-height:360px}}@media (width<=640px){.workspace,.candidate-shell{padding:var(--space-md)}.summary-grid{grid-template-columns:1fr 1fr}.card-grid,.inline-grid,.two-column-cards,.interviewer-select-grid,.interviewer-library{grid-template-columns:1fr}.setup-step-row{grid-template-columns:1fr 1fr}.response-metrics-grid,.candidate-metrics{grid-template-columns:repeat(3,1fr)}.topbar{flex-direction:column}.imm-live-layout{grid-template-columns:1fr}.imm-stage-left{min-height:300px}.imm-stage-right{order:-1}}.imm-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.imm-topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.imm-topbar-logo{font-size:var(--font-lg);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:700;display:flex}.imm-logo-img{border-radius:var(--radius-xs);object-fit:contain;width:28px;height:28px}.imm-topbar-tags{flex-wrap:wrap;gap:6px;display:flex}.imm-tag{min-height:22px;font-size:var(--font-xs);color:var(--neutral);background:var(--neutral-soft);border-radius:999px;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.imm-topbar-controls{gap:6px;margin-left:auto;display:flex}.imm-ctrl-btn{border-radius:var(--radius-sm);min-height:30px;font-size:var(--font-sm);color:var(--text);background:var(--panel-soft);border:1px solid var(--line);padding:0 12px;font-weight:600;transition:background .15s}.imm-ctrl-btn:hover{background:var(--line)}.imm-ctrl-btn.danger{color:#fff;background:var(--red);border-color:var(--red)}.imm-ctrl-btn.danger:hover{background:#b91c1c}.imm-ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.imm-body{padding:var(--space-xl);flex:1;width:100%;max-width:1100px;margin:0 auto}.imm-intro-card{max-width:560px;padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;border:none;flex-direction:column;gap:20px;margin:40px auto;display:flex}.imm-intro-title{font-size:var(--font-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.imm-intro-desc{color:var(--muted);font-size:var(--font-sm);margin:8px 0 0;line-height:1.6}.imm-intro-interviewer{align-items:center;gap:14px;display:flex}.imm-intro-avatar{width:52px;height:52px;font-weight:700;font-size:var(--font-lg);color:#fff;background:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.imm-intro-avatar-img{object-fit:cover;width:100%;height:100%}.imm-intro-welcome{flex-direction:column;gap:2px;display:flex}.imm-intro-greeting{font-size:var(--font-lg);color:var(--text);font-weight:600}.imm-intro-role{font-size:var(--font-sm);color:var(--muted)}.imm-intro-opening{border-radius:var(--radius-md);background:var(--neutral-soft);color:var(--text-secondary);font-size:var(--font-sm);padding:14px 16px;line-height:1.7;position:relative}.imm-metrics-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.imm-metric{border-radius:var(--radius-sm);background:var(--panel-soft);border:1px solid var(--line);text-align:center;padding:10px}.imm-metric strong{font-size:var(--font-lg);font-weight:700;display:block}.imm-metric span{color:var(--muted);font-size:var(--font-xs);margin-top:2px;display:block}.imm-field-row{gap:4px;margin-top:10px;display:grid}.imm-field-label{font-size:var(--font-base);font-weight:600}.imm-input,.imm-textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font-size:var(--font-base);color:var(--text);background:#fff;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.imm-input:focus,.imm-textarea:focus{border-color:var(--neutral-border);box-shadow:0 0 0 2px #4755691a}.imm-textarea{resize:vertical;min-height:100px;line-height:1.6}.imm-primary-btn{border-radius:var(--radius-sm);color:#fff;background:var(--primary);min-height:36px;font-size:var(--font-md);justify-content:center;align-items:center;margin-top:14px;padding:0 20px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 2px 8px #ff6b3d33}.imm-primary-btn:hover{background:var(--primary-strong)}.imm-primary-btn:disabled{opacity:.5;cursor:not-allowed}.imm-secondary-btn{border-radius:var(--radius-sm);min-height:34px;color:var(--text);border:1px solid var(--line-strong);font-size:var(--font-base);background:#fff;justify-content:center;align-items:center;margin-top:12px;padding:0 16px;font-weight:600;transition:background .15s;display:inline-flex}.imm-secondary-btn:hover{background:var(--panel-soft)}.imm-live-layout{grid-template-columns:minmax(0,1.2fr) 340px;gap:16px;display:grid}.imm-stage-left{border-radius:var(--radius-xl);background:linear-gradient(135deg,#3a2e27e0,#79695fcc);min-height:420px;position:relative;overflow:hidden}.imm-video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.imm-question-float{z-index:2;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;padding:10px 14px;position:absolute;top:12px;left:12px;right:12px}.imm-question-label{font-size:var(--font-xs);opacity:.8;font-weight:600}.imm-question-text{font-size:var(--font-md);margin-top:4px;font-weight:600;line-height:1.5}.imm-ai-pip{z-index:2;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:center;background:#00000080;min-width:80px;padding:10px;position:absolute;bottom:12px;right:12px}.imm-ai-orb{width:44px;height:44px;font-weight:700;font-size:var(--font-md);color:#fff;background:var(--primary);border-radius:50%;place-items:center;margin:0 auto;display:grid}.imm-ai-orb-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.imm-ai-name{font-size:var(--font-sm);margin-top:6px;font-weight:600}.imm-ai-status{font-size:var(--font-xs);opacity:.7;margin-top:2px}.imm-center-timer{z-index:2;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:center;background:#00000080;padding:8px 12px;position:absolute;bottom:12px;left:12px}.imm-timer-label{font-size:var(--font-xs);opacity:.7}.imm-timer-value{font-size:var(--font-xl);font-variant-numeric:tabular-nums;font-weight:700}.imm-answer-trigger{z-index:2;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.imm-voice-btn{color:#fff;background:var(--primary);width:56px;height:56px;font-size:var(--font-xl);border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 16px #ff6b3d4d}.imm-voice-btn:hover{transform:scale(1.06)}.imm-voice-btn.active{background:var(--red);animation:1.2s ease-in-out infinite imm-pulse;box-shadow:0 4px 16px #dc26264d}@keyframes imm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.imm-stage-right{flex-direction:column;gap:10px;display:flex}.imm-progress-bar{background:var(--neutral-soft);border-radius:999px;height:6px;overflow:hidden}.imm-progress-fill{border-radius:inherit;background:var(--neutral);height:100%;transition:width .3s}.imm-transcript{border-radius:var(--radius-lg);background:var(--neutral-soft);border:none;flex-direction:column;flex:1;gap:10px;min-height:260px;max-height:400px;padding:14px;display:flex;overflow-y:auto}.imm-bubble{border-radius:var(--radius-md);font-size:var(--font-sm);max-width:85%;padding:10px 14px;line-height:1.6}.imm-bubble.ai{box-shadow:var(--shadow-sm);background:#fff;border:none;align-self:flex-start}.imm-bubble.candidate{background:var(--neutral-strong);color:#fff;border:none;align-self:flex-end}.imm-bubble.system{color:var(--muted);font-size:var(--font-xs);text-align:center;background:0 0;border:none;align-self:center;max-width:100%}.imm-bubble-role{font-weight:600;font-size:var(--font-xs);color:var(--muted);margin-bottom:2px}.imm-bubble.candidate .imm-bubble-role{color:#ffffffb3}.imm-input-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border:none;padding:10px 14px}.imm-btn-row{gap:8px;margin-top:8px;display:flex}.imm-submit-btn{border-radius:var(--radius-sm);color:#fff;background:var(--primary);min-height:32px;font-size:var(--font-sm);padding:0 14px;font-weight:600;transition:background .15s}.imm-submit-btn:hover{background:var(--primary-strong)}.imm-finish-btn{border-radius:var(--radius-sm);color:#fff;background:var(--green);width:100%;min-height:34px;font-size:var(--font-sm);margin-top:8px;font-weight:600;transition:background .15s}.imm-finish-btn:hover{background:#0d8b60}.imm-finish-btn:disabled{opacity:.5;cursor:not-allowed}.imm-complete-card{max-width:560px;padding:var(--space-2xl) var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;border:none;flex-direction:column;gap:20px;margin:40px auto;display:flex}.imm-complete-header{flex-direction:column;align-items:center;gap:10px;display:flex}.imm-complete-check{width:48px;height:48px;font-size:var(--font-xl);color:#fff;background:var(--green);border-radius:50%;place-items:center;font-weight:700;display:grid}.imm-complete-title{font-size:var(--font-xl);margin:0;font-weight:700}.imm-complete-desc{color:var(--muted);font-size:var(--font-sm);max-width:400px;margin:0;line-height:1.6}.imm-score-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.imm-score-card{border-radius:var(--radius-md);background:var(--neutral-soft);border:none;padding:14px 12px}.imm-score-card strong{font-size:var(--font-xl);color:var(--neutral-strong);font-weight:700;display:block}.imm-score-card span{color:var(--muted);font-size:var(--font-xs);margin-top:4px;display:block}.imm-summary-box{border-radius:var(--radius-md);background:var(--neutral-soft);text-align:left;border:none;padding:16px}.imm-summary-label{font-size:var(--font-xs);color:var(--muted);margin-bottom:8px;font-weight:600}.imm-summary-text{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.7}@media (width<=768px){.imm-live-layout{grid-template-columns:1fr}.imm-stage-left{min-height:300px}.imm-body{padding:var(--space-md)}.imm-intro-card,.imm-complete-card{padding:var(--space-lg);margin:20px auto}.imm-metrics-row,.imm-score-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.resume-upload-zone{margin-top:var(--space-lg);padding:var(--space-lg);border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);text-align:center;background:var(--panel-soft);transition:border-color .15s,background .15s}.resume-upload-zone:hover{border-color:var(--neutral-border);background:var(--neutral-soft)}.resume-upload-label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.upload-icon{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--neutral);background:var(--neutral-soft);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.resume-upload-zone:has(input:disabled){opacity:.6;cursor:not-allowed}.resume-summary-card{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--line);background:#fff}.resume-summary-head{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.resume-summary-item{font-size:var(--font-sm);color:var(--muted);margin-top:4px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ai-breathe{0%,to{box-shadow:0 0 #ff6b3d4d}50%{box-shadow:0 0 16px 4px #ff6b3d26}}.anim-fade-in-up{animation:.35s ease-out both fade-in-up}.anim-fade-in{animation:.25s ease-out both fade-in}.anim-scale-in{animation:.25s ease-out both scale-in}.anim-stagger>*{animation:.3s ease-out both fade-in-up}.anim-stagger>:first-child{animation-delay:0s}.anim-stagger>:nth-child(2){animation-delay:50ms}.anim-stagger>:nth-child(3){animation-delay:.1s}.anim-stagger>:nth-child(4){animation-delay:.15s}.anim-stagger>:nth-child(5){animation-delay:.2s}.anim-stagger>:nth-child(6){animation-delay:.25s}.imm-bubble{animation:.3s ease-out both slide-in-left}.imm-bubble.candidate{animation-name:slide-in-right}.chat-row{animation:.25s ease-out both fade-in-up}.imm-ai-orb.listening{animation:2s ease-in-out infinite ai-breathe}.interview-card,.interviewer-avatar-card,.summary-card{transition:box-shadow .2s,transform .2s}.interview-card:hover,.interviewer-avatar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-overlay{animation:.2s ease-out both fade-in}.modal-card{animation:.25s ease-out both scale-in}.imm-intro-card,.imm-complete-card{animation:.4s ease-out both fade-in-up}.imm-score-row{animation:.4s ease-out .15s both fade-in-up}.imm-progress-fill,.candidate-progress-fill{transition:width .4s cubic-bezier(.4,0,.2,1)}.imm-live-layout{animation:.3s ease-out both fade-in}