:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10161e;color:#e9eff5}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:640px;margin:0 auto}header{display:flex;gap:16px;align-items:center}h1{font-size:25px;margin:0}header p{color:#a6b7c6;font-size:14px}.mark{background:#d2b780;color:#151b22;font-size:28px;font-weight:750;border-radius:15px;padding:12px 18px}#status{background:#1d2834;border:1px solid #344553;border-radius:12px;padding:15px;min-height:55px}form,section{margin:22px 0}h2{font-size:20px}label{display:block;margin:18px 0 6px}input{width:100%;padding:13px;border:1px solid #627281;border-radius:9px;background:#19232d;color:inherit;font:inherit}button{border:0;border-radius:10px;background:#dec38d;color:#151b22;font:inherit;font-weight:650;min-height:48px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #81bfff;outline-offset:3px}form button{width:100%;margin-top:22px}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.secondary,#mute{background:#354653;color:#fff}#stop{background:#883d46;color:#fff}.orb{text-align:center;font-size:80px;color:#d2b780;padding:6px}.live .orb{color:#81ddb4}#timer{text-align:center;color:#aec0cd}.note,footer,form p{font-size:14px;line-height:1.6;color:#a9bac9}footer{border-top:1px solid #344553;padding-top:20px;margin-top:25px}details{margin:24px 0}summary{cursor:pointer;padding:12px 0}#transcript{white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;font-size:15px;line-height:1.55}.approval{border:1px solid #dec38d;border-radius:12px;padding:16px;margin:12px 0}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere}.approval button{margin:4px}#play{margin:14px auto;display:block}[hidden]{display:none!important}@media(max-width:380px){button{padding:12px}body{padding:14px 10px}}