:root{--bg: #f6f7f9;--surface: #ffffff;--text: #0f172a;--muted: #5b6678;--accent: #0f766e;--accent-text: #ffffff;--border: #d8dde6;--danger: #b42318;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--surface: #121a2b;--text: #e6ebf5;--muted: #9aa7bd;--accent: #2dd4bf;--accent-text: #04201c;--border: #26324a;--danger: #ff8a80}}*{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}.small{font-size:.875rem;color:var(--muted)}code{word-break:break-all}.card{max-width:420px;margin:0 auto;padding:24px 16px}form{display:grid;gap:14px;margin-top:16px}label{display:grid;gap:6px;font-weight:600}input{font:inherit;padding:12px;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}button{font:inherit;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-text);font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--muted);font-weight:500;text-decoration:underline}.error{color:var(--danger);margin:0}.qr{display:block;width:200px;height:200px;margin:12px auto;background:#fff;padding:8px;border-radius:10px}.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.app header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.content{padding:16px;max-width:720px;width:100%;margin:0 auto}.app nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.app nav button{background:none;color:var(--muted);border-radius:0;min-height:56px}.app nav button[aria-current=true]{color:var(--accent);border-top:3px solid var(--accent)}