:root{color-scheme:dark;--bg:#0d1421;--card:#17243b;--text:#f4f7ff;--muted:#becce2;--accent:#a8c9ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:28px 24px 64px}nav{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:48px;font-size:14px}a{color:var(--accent)}nav span{color:var(--muted)}.eyebrow{letter-spacing:.11em;font-size:12px;font-weight:700;color:var(--accent)}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:15px 0 24px}h2{font-size:23px;margin:0}.intro{max-width:680px;font-size:21px}.notice{padding:18px 22px;background:var(--card);border:1px solid #3c5274;border-radius:16px;margin:26px 0}.notice p{margin:5px 0 0;color:var(--muted);font-size:16px}#identity{color:var(--muted);font-size:14px}#status{min-height:2em;font-weight:650}.controls{display:flex;gap:12px;flex-wrap:wrap}button{font:600 16px/1.35 system-ui,sans-serif;cursor:pointer;padding:14px 19px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:#10213b}button.secondary{background:transparent;color:var(--text);border-color:#546982}button:focus-visible,a:focus-visible{outline:3px solid #f6d173;outline-offset:4px}button:disabled{opacity:.42;cursor:default}.privacy{font-size:14px;color:var(--muted);max-width:740px;margin:20px 0}audio{width:100%;max-width:420px;margin:8px 0}.conversation{margin-top:38px;border-top:1px solid #3c5274;padding-top:28px}.transcript-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}#empty{color:var(--muted)}.turn{padding:14px 18px;border-radius:14px;background:var(--card);margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.speaker{display:block;color:var(--accent);font-size:13px;font-weight:700;margin-bottom:5px}@media(max-width:520px){main{padding:22px 17px}.controls button{width:100%}nav{margin-bottom:32px}.intro{font-size:18px}}

label[for="chat"]{display:block;font-weight:650;margin:22px 0 8px}select{width:100%;max-width:680px;font:inherit;color:var(--text);background:var(--card);border:1px solid #546982;border-radius:10px;padding:12px}select:focus-visible{outline:3px solid #f6d173;outline-offset:4px}select:disabled{opacity:.55}