:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f8ff;background:#091327;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#183d62 0%,#091327 45%);min-height:100dvh}.app{max-width:550px;margin:auto;padding:24px 20px 45px}header{display:flex;align-items:center;gap:12px;margin-bottom:38px}header strong{font-size:17px}header small{display:block;color:#a2b5cc;font-size:12px;margin-top:3px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#20b8c9;color:#09213a;font-size:28px}.iconbtn{margin-left:auto;border:1px solid #3c5473;background:#182c45;color:white;border-radius:13px;font-size:23px;width:43px;height:43px}.eyebrow{font-size:11px;letter-spacing:2px;color:#63d5e2;font-weight:800}.hero h1{font-size:clamp(29px,7vw,38px);line-height:1.13;margin:14px 0}.hero p{color:#adc0d5;line-height:1.5}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 20px}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #69e6ef;outline-offset:3px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:135px;text-align:left;padding:17px;border-radius:20px;border:1px solid #354964;color:white;background:#14243b}.mode.active{border:2px solid #43d4df;background:#123d54}.mode span{font-size:27px}.mode b{font-size:16px}.mode small{font-size:12px;color:#aec1d5}.panel{background:#14243b;border:1px solid #30445f;border-radius:20px;padding:20px;margin-bottom:20px}.paneltop{display:flex;justify-content:space-between;align-items:center;gap:8px}.paneltop span{font-size:12px;color:#7bdce3}h2{font-size:16px;margin:8px 0 14px}.choices{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.choice{border:1px solid #415671;background:#1d324d;border-radius:12px;padding:11px 15px;color:#e8f2ff;flex:1;white-space:nowrap}.choice.selected{background:#176778;border-color:#67e4eb;color:white}.topics .choice,.personalities .choice{flex:1 1 43%;white-space:normal;text-align:left;font-size:13px}.inline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #30445f}.inline input{width:21px;height:21px;accent-color:#39c7d2}.primary,.secondary{border-radius:15px;border:0;padding:17px 20px;font-weight:750}.primary{background:#48d9e4;color:#062538}.primary span{float:right}.secondary{background:#223852;color:white;border:1px solid #47607e}.full{width:100%;margin-top:20px}.footnote{color:#8ca2bd;text-align:center;font-size:12px;line-height:1.5;margin:17px 6px}#startBtn{width:100%}[hidden]{display:none!important}.sessionhead{display:flex;justify-content:space-between;align-items:center;color:#83dfe8;font-size:12px;letter-spacing:1px;font-weight:700}.textbtn{border:0;background:none;color:#d6e8f6;font-size:14px}.clockwrap{text-align:center;padding:52px 0 25px}.clock{font-size:clamp(75px,19vw,104px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-5px}.progress{height:9px;border-radius:9px;background:#2a405b;overflow:hidden;margin:18px 0 32px}.progress>div{width:0;height:100%;background:#48d9e4;transition:width .3s}.phasename{font-size:24px;font-weight:800;margin:0 0 7px}.phasehint{color:#afc3d7;line-height:1.5}.now{background:#142b41;border:1px solid #3b6070;padding:18px;border-radius:17px;margin:20px 0}.now span{color:#6bdae6;font-size:12px;font-weight:800}.now p{line-height:1.5;margin:8px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline{margin-top:24px}.step{padding:12px 4px;border-bottom:1px solid #2d4058;display:flex;justify-content:space-between;gap:12px;color:#96abc4}.step.current{color:#70e0e8;font-weight:700}.hint{font-size:13px;color:#a5bbd0;line-height:1.5}input[type=range]{width:100%;accent-color:#48d9e4}

.voice-status{font-size:12px;line-height:1.45;color:#93dedb;border:1px solid #35546a;border-radius:10px;padding:10px 12px;background:#102c3d;margin:0 0 18px}
.audioaction{margin-top:0;margin-bottom:10px;padding:12px 14px;font-size:13px}

.audio-health{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:12px 0 6px;color:#d6f9fc;font-size:13px}
.audio-health span{color:#a9cad8;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
.voice-status[data-state="error"]{color:#ffd5b3;border-color:#815c49;background:#362b2e}
.voice-status[data-state="warn"]{color:#ffe6b9;border-color:#947748;background:#3e3528}
.voice-status[data-state="good"]{color:#a5edd3;border-color:#396f62;background:#123d3a}
.quickguide{font-size:12px;line-height:1.6;background:#0d2237;border-radius:14px;border:1px solid #375777;padding:12px;margin:12px 0 20px;color:#bcd0e5}
.quickguide p{margin:8px 0 0}.quickguide code{font-family:ui-monospace,Consolas,monospace;word-break:break-all;color:#c5eef5}
button:disabled{opacity:.52;cursor:wait}