:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;background:#0c0a0d;color:#f7f2ec}*{box-sizing:border-box}body{margin:0}header{display:flex;flex-direction:column;gap:8px;padding:26px 7%;border-bottom:1px solid #39252d}header strong{color:#dfbd73;font-size:25px}header span,small{color:#bba9ae}main{max-width:850px;margin:40px auto;padding:0 18px;text-align:center}h1{font-size:34px}p{line-height:1.9}section{padding:26px;margin:22px 0;border:1px solid #37272e;border-radius:20px;background:linear-gradient(145deg,#231219,#111014)}.mic{font-size:42px;color:#dfbd73}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}button{cursor:pointer;border:1px solid #65404b;border-radius:12px;background:#331924;color:#f6e5cd;padding:12px 15px;font:inherit}button:disabled{opacity:.4;cursor:default}#start{background:#d8b46a;color:#1b1016;min-width:220px;font-weight:bold}#notice{color:#f0b9b9}#grounding{font-size:14px;color:#dec99d}#transcript,details{text-align:right}#transcript{max-height:420px;overflow:auto}details{border-bottom:1px solid #473039;padding:15px 0}summary{cursor:pointer;color:#dcc38e}footer{text-align:center;font-size:13px;padding:25px;color:#998990}@media(max-width:500px){main{margin-top:24px}section{padding:20px 14px}.controls button{font-size:12px;padding:11px 9px}h1{font-size:29px}}