:root{--bg: #eef2f3;--surface: #ffffff;--fg: #16232a;--muted: #5a6a71;--line: #d5dde0;--accent: #0d6b72;--ok: #2a9466;--warn: #b97f08;font-family:Atkinson Hyperlegible,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0e1619;--surface: #152024;--fg: #e2ebed;--muted: #93a4aa;--line: #29393f;--accent: #4fb4ba;--ok: #4dbb8a;--warn: #e0b040;color-scheme:dark}}body{margin:0;background:var(--bg);color:var(--fg)}.wrap{padding:env(safe-area-inset-top,0) max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));max-width:1100px;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.top b{font-size:18px}.status{font-size:12px;padding:2px 8px;border-radius:99px;border:1px solid var(--line)}.status.ok{border-color:var(--ok);color:var(--ok)}.status.off{color:var(--muted)}.hint{color:var(--muted);font-size:13px}.warn{color:var(--warn);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 16px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h2{font-size:15px;margin:0}input{width:80px;font:inherit;padding:2px 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--fg)}table{border-collapse:collapse;width:100%;margin-top:8px}td{padding:4px 6px;border-bottom:1px solid var(--line);font-size:14px}.mono{font-variant-numeric:tabular-nums;white-space:nowrap}:root{--err: #c43d36}@media (prefers-color-scheme: dark){:root{--err: #ef6a62}}main{display:grid;gap:14px;padding-top:14px}.narrow{max-width:420px}.form{display:grid;gap:10px}.form label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.form input{width:auto;font-size:15px;padding:6px 8px}input.code{font-size:22px;letter-spacing:.2em;width:9ch}input.short{width:80px}.btn{font:inherit;font-size:13px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:6px;padding:6px 12px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn.sm{padding:3px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.err{color:var(--err);font-size:13px}.small{font-size:12px}.selectable{-webkit-user-select:all;user-select:all}.break{word-break:break-all}.nowrap{white-space:nowrap}.who{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}.badge{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:1px 7px;color:var(--muted)}.steps{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.callout{border:1px solid var(--accent);border-radius:6px;padding:8px 12px;margin:8px 0}.scroll{overflow-x:auto}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:4px 6px;border-bottom:1px solid var(--line)}td input[type=email]{width:200px}tr.inactive td{color:var(--muted)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13px}.inline-form input,.inline-form select{width:auto;font:inherit;padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--fg)}
