:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5ff;background:#091423}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:22px;background:radial-gradient(ellipse at 0% 0%,#213958 0%,transparent 35%),radial-gradient(ellipse at 100% 0%,#103c3a 0%,transparent 38%),#091423}main{max-width:800px;margin:24px auto}header{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8bcaed}h1{font-size:clamp(30px,5vw,42px);letter-spacing:-1px;margin:13px 0}h2{font-size:20px;margin:0 0 18px}p{line-height:1.65;color:#a9bcd2}.card{background:#142236;border:1px solid #30465d;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 12px 32px #0002}textarea,input{background:#0a1829;color:white;border:1px solid #58718f;border-radius:12px;padding:13px;font:inherit;font-size:16px;width:100%;outline:none}textarea{min-height:116px;line-height:1.6;resize:vertical}input:focus,textarea:focus{border-color:#78c7fa}.tag{color:#92dfc3;font-size:13px;margin-bottom:13px}button{background:#65baff;color:#081627;border:none;border-radius:10px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary,.sample{background:#263d58;color:#c8e4fa;border:1px solid #4c6b89}.actions,.examples{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.sample{font-size:13px;padding:8px 12px;border-radius:20px}.status{min-height:24px;color:#a7d5f5;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.stats>div{background:#0e1b2b;border:1px solid #2b4867;border-radius:12px;padding:13px}.stats small{color:#8fa7c4}.stats strong{display:block;font-size:clamp(18px,3vw,27px);margin-top:8px}.hint,footer{font-size:13px;color:#899eb6}.notice{background:#382b23;border:1px solid #806247;padding:13px;border-radius:11px;color:#e8c9ad;font-size:13px}.error{color:#ff9c9c}audio{width:100%;display:block;margin-top:10px}footer{text-align:center;margin-top:28px}#loginForm{display:flex;gap:12px}#loginForm input{flex:1}#loginForm button{flex-shrink:0}@media(max-width:520px){body{padding:12px}.card{padding:17px}#loginForm{flex-direction:column}.stats>div{padding:9px}}
.topics{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.topic{background:#293c55;color:#e3f0ff;border:1px solid #43617d;font-size:14px;padding:10px 14px}.topic.selected{background:#1b6584;color:#fff;border-color:#5cc6e2}.notice{white-space:pre-line}.examTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.clock{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:#7ee1c7}.dialogue{max-height:400px;min-height:220px;overflow-y:auto;background:#0b1929;border:1px solid #344967;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.message{border:1px solid #365473;border-radius:14px;padding:12px 14px;max-width:88%;font-size:15px;line-height:1.65;white-space:pre-wrap}.message.examiner{background:#223751;align-self:flex-start}.message.candidate{background:#0b564c;align-self:flex-end;border-color:#15846b}.speaker{font-size:12px;font-weight:800;color:#97daec;margin-bottom:5px}.candidate .speaker{color:#a4ead4}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.toggle{display:flex;align-items:center;gap:5px;color:#b0c6d8;font-size:13px}.toggle input{width:auto}.typed{border-top:1px solid #33455b;padding-top:20px;margin-top:24px}.typed label{font-size:13px;color:#aac2d8}.typedRow{display:flex;gap:9px;margin-top:8px}.typedRow input{min-width:0;flex:1}.typedRow button{flex-shrink:0}.status{min-height:44px}[hidden]{display:none!important}@media(max-width:520px){.message{max-width:95%}.typedRow{flex-direction:column}}

#voiceSpeed, #asrModel {margin-left:6px; padding:7px 8px; font-size:14px; border:1px solid #94a3b8; border-radius:8px; color:inherit; background:transparent;}