:root{color-scheme:dark;--bg:#10151d;--panel:#192230;--text:#edf3fa;--muted:#a8b7ca;--accent:#8bd4ca}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}main{max-width:940px;margin:auto;padding:40px 20px}header{margin-bottom:32px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}h1{font-size:clamp(2.3rem,7vw,4rem);line-height:1.1;margin:.4em 0}h2{font-size:1.2rem;margin:0 0 12px}article,.subscription,section:last-of-type{background:var(--panel);border:1px solid #2b3b50;border-radius:18px;padding:24px;margin:18px 0}code{display:block;overflow-wrap:anywhere;word-break:break-word;padding:14px;background:#101820;border-radius:8px;font-size:.82rem}summary{cursor:pointer;color:var(--muted);font-size:.9rem}details[open] code{margin-top:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{cursor:pointer;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#102620;padding:11px 16px;font:inherit;font-weight:650}button+button{background:transparent;color:var(--accent)}a{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:4px}.muted,footer{color:var(--muted);font-size:.88rem}footer{padding-top:20px}dialog{border:1px solid #5c728e;border-radius:18px;background:var(--panel);color:var(--text);max-width:min(95vw,560px);padding:22px}dialog::backdrop{background:#000b}#qr-image{background:white;padding:12px;margin:16px 0;border-radius:8px}#qr-image svg{display:block;max-width:100%;height:auto;shape-rendering:crispEdges}#status{min-height:1.6em;color:var(--accent)}@media(max-width:480px){main{padding:28px 14px}article,.subscription,section:last-of-type{padding:18px}button{flex:1 1 135px}}
