:root{--bg: #f6f7f9;--card: #ffffff;--text: #1b1f24;--muted: #5a6572;--line: #d6dbe1;--accent: #1f5fbf;--accent-text: #ffffff;--danger: #b3261e;--warn-bg: #fff4d6;--warn-line: #e0b84a;--badge: #e6edf8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #14171b;--card: #1d2227;--text: #e8ecf0;--muted: #9aa6b2;--line: #343c45;--accent: #6ea0ec;--accent-text: #0d1117;--danger: #ff8a80;--warn-bg: #3a3218;--warn-line: #8a7326;--badge: #26324a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.4rem;margin:0 0 .5rem}h2{font-size:1.05rem;margin:1.5rem 0 .5rem}.muted{color:var(--muted)}.card{max-width:26rem;margin:10vh auto 0;padding:1.75rem;background:var(--card);border:1px solid var(--line);border-radius:10px}@media(max-width:30rem){.card{margin:0;border-radius:0;border-left:0;border-right:0;min-height:100vh}}form{display:grid;gap:1rem;margin-top:1rem}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}input,select{font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button{font:inherit;padding:.65rem 1rem;border:0;border-radius:6px;background:var(--accent);color:var(--accent-text);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--line);padding:.35rem .75rem}.error{color:var(--danger);min-height:1.5rem;margin:.75rem 0 0}.hint{margin:0;font-size:.85rem;color:var(--muted)}.qr{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px;margin:1rem 0}.secret{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;word-break:break-all}.bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.grow{flex:1}.switcher{display:flex;align-items:center;gap:.5rem}.badge{background:var(--badge);padding:.1rem .55rem;border-radius:999px;font-size:.8rem}.banner{display:flex;gap:1rem;align-items:center;padding:.7rem 1rem;background:var(--warn-bg);border-bottom:1px solid var(--warn-line)}.content{max-width:52rem;margin:0 auto;padding:1.5rem 1rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}dt{color:var(--muted)}dd{margin:0}.nav{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.nav li{padding:.4rem .8rem;border:1px solid var(--line);border-radius:6px;background:var(--card)}.nav li.soon{color:var(--muted)}
