:root{color-scheme:light dark;--bg: #f6f5f2;--fg: #1d1c1a;--muted: #6b6963;--card: #ffffff;--line: #e2dfd8;--accent: #3f7d5a;--danger: #a3412f;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #161513;--fg: #ecebe6;--muted: #9c9a92;--card: #211f1c;--line: #33302b;--accent: #6fb88e;--danger: #e06b55}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.shell{max-width:880px;margin:0 auto;padding:16px}.centered{max-width:420px;margin-top:12vh}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}.brand{font-weight:600;font-size:18px}nav{display:flex;gap:8px}nav button.active{border-color:var(--accent);color:var(--accent)}h1{font-size:24px;margin:0 0 8px}h2{font-size:16px;margin:0 0 8px}.muted{color:var(--muted)}.error{color:var(--danger)}.notice{padding:10px 12px;border:1px solid var(--line);border-radius:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:8px;margin-top:10px}input{flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font-size:15px}button{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);cursor:pointer;font-size:14px}button:hover{border-color:var(--accent)}button.danger{border-color:var(--danger);color:var(--danger);margin-top:10px}button:disabled{opacity:.6;cursor:default}pre.token{padding:10px;background:var(--bg);border:1px dashed var(--line);border-radius:8px;overflow-x:auto;-webkit-user-select:all;user-select:all}