:root{color-scheme:dark;--bg:#101515;--card:#19211f;--line:#2c3833;--sun:#f9bd36;--muted:#a9b4ae}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#26332b 0,transparent 55%),var(--bg);color:#f6f8f4;font:15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.shell{max-width:680px;margin:auto;padding:28px 22px 35px}header{display:flex;align-items:center;gap:12px;margin:12px 0 52px}.logo{width:44px;height:44px;border-radius:14px;background:var(--sun);color:#29210d;display:grid;place-items:center;font-size:28px}header b{font:700 18px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}header b span{color:var(--sun)}header small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:2px}.status{margin-left:auto;border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--muted);font-size:12px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#727c76;margin-right:7px}.status.on i{background:#65d695;box-shadow:0 0 9px #65d695}.card,.controls{background:linear-gradient(140deg,#1c2521,#171e1c);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 22px 75px #0004}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--sun);font-weight:700}h1{font:600 clamp(32px,7vw,48px)/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.8px;margin:17px 0}h1 em{color:var(--sun);font-style:normal}.card p{color:var(--muted);line-height:1.65;margin:0 0 27px}.step{display:flex;align-items:center;gap:10px;color:#dfe5df;font-size:14px}.step b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#314036;color:var(--sun)}.code{display:flex;align-items:center;justify-content:space-between;margin:13px 0 8px;padding:16px 18px;background:#101614;border:1px solid #354139;border-radius:12px;font:700 26px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:7px;color:var(--sun)}.code button{letter-spacing:0;font:600 12px DM Sans;background:#26332b;border:0;color:#e7eee7;padding:9px 12px;border-radius:8px;cursor:pointer}.hint,.mic{font-size:12px;color:var(--muted)}code{color:#f8d079}.primary{width:100%;border:0;border-radius:11px;background:var(--sun);color:#24200f;font:700 15px DM Sans;padding:15px;margin:27px 0 12px;cursor:pointer}.primary:disabled{opacity:.4;cursor:not-allowed}.mic{text-align:center}.controls{margin-top:16px;padding:12px 26px}.row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.toggle,.exit{border:1px solid #46534a;background:#253029;color:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.toggle.active{background:#653b35;border-color:#945c51}label{display:block;padding:19px 0;color:#dce3dc;font-weight:600}input[type=range]{width:100%;accent-color:var(--sun);display:block;margin-top:13px}.peers{font-size:13px;color:var(--muted);padding:5px 0 14px}.peer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:8px 0}.peer span{min-width:100px}.peer input{max-width:180px;margin:0}.exit{width:100%;color:#f3b3a8}footer{text-align:center;color:#7d8981;font-size:11px;line-height:1.7;padding:23px 15px}@media(max-width:520px){.shell{padding:18px 14px}header{margin:8px 0 35px}.card{padding:23px 19px}.controls{padding:8px 18px}.code{font-size:22px;letter-spacing:5px}}