:root{color-scheme:light;--ink:#333;--muted:#999;--brand:#ff5a91;--brand-soft:#fff0f5;--soft:#fff7fa;--line:#f0edf0}*{box-sizing:border-box}body{margin:0;background:#f9f9f9;color:var(--ink);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.interview-active{height:100%;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}.shell{width:100%;max-width:375px;min-height:100vh;margin:auto;padding:0 16px 96px;background:#f9f9f9}.interview-shell{height:100svh;min-height:100svh;max-width:760px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:92px}.interview-shell .bottom-action{max-width:760px}.top{height:52px;margin:0 -16px 18px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:var(--brand-soft)}.brand{font-size:16px;font-weight:500}.nav{color:var(--muted);text-decoration:none;font-size:14px}.hero{padding:18px 16px;background:#fff;border-radius:16px}h1{margin:0 0 10px}h1,h2{font-size:20px}h2{margin:0 0 12px}p{line-height:1.6}.muted{color:var(--muted)}.card{margin-top:16px;padding:16px;background:#fff;border-radius:16px}.primary{width:100%;border:0;border-radius:22px;min-height:44px;padding:11px 18px;background:var(--brand);color:#fff;font-weight:500}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff;color:var(--ink)}.record{width:78px;height:78px;border-radius:50%;border:4px solid #ffd8e5;background:#fff;color:var(--brand);display:block;margin:22px auto 10px;font-weight:500}.recording{background:var(--brand);border-color:#ffd8e5;color:#fff}.question{min-height:116px;font-size:16px;line-height:1.7;font-weight:500}.status{text-align:center;color:var(--muted);min-height:26px}textarea{width:100%;min-height:88px;border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical;background:#fff}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1 1}.error{color:#b4232e;background:#fff1f1;padding:10px 12px;border-radius:8px}.score{font-size:40px;font-weight:600}.pill,.score{color:var(--brand)}.pill{display:inline-block;padding:4px 7px;border-radius:4px;background:var(--soft);font-size:10px}.interviewer{display:flex;gap:12px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px}.interviewer strong{display:block;font-size:16px;font-weight:500}.interviewer span{font-size:12px;color:var(--muted)}.check-title{margin:24px 0 8px;font-size:16px;font-weight:500}.check-list{margin:0;padding:0;list-style:none;background:#fff;border-radius:16px}.check-list li{position:relative;padding:14px 14px 14px 46px;min-height:58px;border-bottom:1px solid var(--line);font-size:14px}.check-list li:last-child{border-bottom:0}.check-list b{position:absolute;left:16px;top:16px;width:20px;height:20px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px}.check-list small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.bottom-action{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:10;width:100%;max-width:375px;padding:12px 16px 18px;background:#fff;border-top:1px solid var(--line)}.interview-shell>.error{margin-bottom:94px}.progress{display:flex;gap:5px;margin:0 0 16px}.progress span{height:3px;flex:1 1;background:#eee;border-radius:2px}.progress span.active{background:var(--brand)}.back{font-size:22px;color:#555;padding:4px}.back,.exit{border:0;background:transparent}.exit{padding:8px 0;color:var(--brand);font-size:12px}.progress-label{margin:-8px 0 14px;color:var(--muted);font-size:11px;text-align:right}.interview-stage{flex:0 0 auto;min-height:136px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 2px 8px;border-bottom:1px solid var(--line);background:#f9f9f9}.stage-copy{min-width:0;padding-top:12px}.stage-copy strong{display:block;font-size:14px;font-weight:500}.stage-copy span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.camera-preview{position:relative;flex:0 0 112px;width:112px;height:136px;overflow:hidden;border-radius:16px;background:#3d4149;color:#fff;box-shadow:0 3px 12px rgba(54,34,43,.12)}.camera-preview video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-live-dot{position:absolute;top:9px;left:9px;width:7px;height:7px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 2px rgba(255,255,255,.25)}.camera-message,.camera-preview button{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;padding:8px;background:transparent;color:#fff;font-size:10px;text-align:center}.camera-preview button{text-decoration:underline}.timer{flex:0 0 78px;width:78px;height:78px;aspect-ratio:1/1;margin:12px auto 8px;border:3px solid #ffc8da;border-radius:50%;display:grid;place-items:center;color:var(--brand);font-size:15px;line-height:1}.timer-recording{background:var(--brand-soft)}.generation{text-align:center;padding:48px 20px}.generation-mark{width:64px;height:64px;margin:auto;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:30px}.generation h2{margin-top:18px;font-size:18px}.generation-failed{background:#b4232e}.top-spacer{width:48px}.report-heading{padding:8px 2px 2px}.report-heading h1{margin:10px 0 4px;font-size:22px}.report-heading p{margin:4px 0;font-size:13px}.score-overview{text-align:center}.score-overview .score{margin-top:2px}.total-score{display:flex;align-items:baseline;justify-content:center;gap:3px;margin:4px 0 2px}.total-score strong{font-size:40px;font-weight:600;color:var(--brand)}.total-score span{color:var(--muted);font-size:14px}.total-score em{margin-left:8px;padding:3px 9px;border-radius:12px;font-size:12px;font-style:normal}.total-score .pass{color:#1f8a57;background:#eaf8f0}.total-score .fail{color:#c04b62;background:#fff0f2}.score small{margin-left:3px;color:var(--muted);font-size:12px;font-weight:400}.radar{display:block;width:100%;max-width:300px;margin:0 auto;overflow:visible}.radar text{fill:#666;font-size:10px;letter-spacing:0}.radar .radar-score-label{fill:var(--brand);font-size:10px;font-weight:500}.dimension-scores{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:4px;text-align:left}.dimension-scores div{display:flex;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:12px}.dimension-scores strong{color:var(--brand);white-space:nowrap}.report-section h2{font-size:16px}.report-section li,.report-section p{font-size:13px;line-height:1.7}.report-section ol{margin:0;padding-left:20px}.report-section li+li{margin-top:8px}.transcript summary{font-size:16px;font-weight:500;cursor:pointer}.transcript-turn{padding:14px 0;border-bottom:1px solid var(--line)}.transcript-turn:last-child{border-bottom:0}.transcript-turn h3{margin:0 0 8px;color:var(--brand);font-size:12px}.transcript-turn p{margin:6px 0;font-size:13px;line-height:1.65}.record-list h1{margin:8px 0 16px;font-size:20px}.record-item{margin-bottom:12px;padding:15px 16px;border-radius:16px;background:#fff}.record-item,.record-link{display:block;color:inherit}.record-link{text-decoration:none}.record-link>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.record-item strong{font-size:14px}.record-item p{margin:8px 0 5px;color:#666;font-size:12px}.record-item small{display:block;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.record-status{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#f1f1f1;color:#777;font-size:10px}.admin-retry{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.admin-retry button{border:1px solid #f2b8c9;border-radius:6px;padding:6px 9px;background:#fff;color:var(--brand);font-size:11px}.admin-retry button:disabled{opacity:.55}.admin-retry span{color:#b4232e;font-size:10px}.admin-diagnostics{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.admin-diagnostics summary{color:#666;font-size:11px;cursor:pointer}.admin-diagnostics p{margin:6px 0 0;color:#777;font-size:10px;line-height:1.5}.status-completed{background:var(--brand-soft);color:var(--brand)}.status-in_progress{background:#edf4ff;color:#4b70a5}.status-report_generating{background:#fff6df;color:#8a6515}.status-failed{background:#fff1f1;color:#b4232e}.repeat-practice{padding:20px 0 calc(4px + env(safe-area-inset-bottom))}.text-submit{margin-top:8px}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}.exit-dialog{width:100%;max-width:343px;padding:22px 16px 14px;border-radius:16px;background:#fff;text-align:center}.exit-dialog h2{margin:0 0 8px;font-size:18px}.exit-dialog p{margin:0 0 18px;color:#666;font-size:14px}.exit-dialog .dialog-note{margin-top:-8px;color:#b4232e;font-size:12px}.dialog-danger{width:100%;min-height:42px;margin-top:4px;border:0;background:transparent;color:#b4232e;font-weight:500}.dialog-danger:disabled{opacity:.55}.dialogue-scroll{flex:1 1 auto;min-height:0;padding:14px 2px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-behavior:smooth;touch-action:pan-y}.conversation{margin-top:14px;padding:0 2px}.conversation-turn{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dialogue-bubble{width:88%;padding:12px 14px;border:1px solid var(--line);border-radius:8px}.dialogue-bubble p{margin:6px 0 0;font-size:13px;line-height:1.65}.question-bubble{align-self:flex-start;background:#fff}.answer-bubble{align-self:flex-end;border-color:#e0e7f8;background:#eef2ff}.speaker{color:#7f654d;font-size:11px!important;font-weight:500}.ai-speaker{color:var(--brand)}.current-question-card{display:flex;margin-bottom:8px}.current-question-bubble{border-color:#f4d7e1}.current-question-bubble .question{min-height:64px;margin-top:6px}.question-goal{margin:7px 0 2px!important;color:#7f654d;font-size:11px!important}.feedback-link{min-height:34px;border:0;padding:5px 0;background:transparent;color:var(--brand);font-size:12px}.feedback{margin-top:8px;padding:12px;border-left:3px solid var(--brand);background:var(--soft)}.feedback strong{display:block;margin:4px 0;color:#633e21;font-size:12px}.feedback p{margin:4px 0 10px}.stream-stop{width:100%;margin-bottom:8px}@media (max-width:340px){.shell,.top{padding-left:12px;padding-right:12px}.top{margin-left:-12px;margin-right:-12px}.question{font-size:15px}}@media (max-width:520px){.interview-stage{min-height:132px;padding-bottom:5px}.camera-preview{flex-basis:100px;width:100px;height:126px;border-radius:14px}.dialogue-bubble{width:92%;padding:10px 12px}.dialogue-bubble p{font-size:12px}}@media (max-height:750px){.interview-shell{padding-bottom:82px}.interview-shell .top{height:46px;margin-bottom:10px}.interview-shell .progress{margin-bottom:10px}.interview-shell .progress-label{margin-bottom:8px}.interview-stage{min-height:108px;padding-top:2px;padding-bottom:5px}.stage-copy{padding-top:8px}.camera-preview{flex-basis:84px;width:84px;height:106px;border-radius:12px}.timer{flex-basis:62px;width:62px;height:62px;margin:6px auto 4px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-action{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.dialog-backdrop{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}