:root{--primary: #a8325e;--on-primary: #ffffff;--accent: #e9b7c6;--bg: #fbf4f6;--surface: #ffffff;--text: #2b1d24;--muted: #6f5a64;--border: #ead9df;--danger: #b3261e;--radius: 18px;--tap: 48px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: Georgia, "Times New Roman", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--primary: #f0a3be;--on-primary: #2b1020;--accent: #7a3550;--bg: #17111a;--surface: #231a28;--text: #f5e9ee;--muted: #b9a5af;--border: #3a2d40;--danger: #ffb4ab;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;padding-top:env(safe-area-inset-top)}h1,h2{font-family:var(--font-display);font-weight:600;margin:0 0 .25rem}h1{font-size:1.9rem}h2{font-size:1.2rem}.muted{color:var(--muted);margin:0 0 1rem}.auth{max-width:28rem;margin:0 auto;padding:2rem 1.25rem 6rem;display:grid;gap:.75rem}.field{display:grid;gap:.35rem;margin:.5rem 0}label{font-size:.9rem;color:var(--muted)}input{min-height:var(--tap);padding:0 .9rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) - 6px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:grid;gap:.5rem}.btn{min-height:var(--tap);padding:0 1.25rem;font:inherit;font-weight:600;cursor:pointer;background:var(--primary);color:var(--on-primary);border:0;border-radius:999px}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn:disabled{opacity:.55;cursor:default}.error{color:var(--danger);margin:0}.info{color:var(--muted);margin:0}.code{font-family:ui-monospace,monospace;word-break:break-all;padding:.75rem;margin:0;background:var(--bg);border-radius:12px;-webkit-user-select:all;user-select:all}.tabs{position:fixed;inset:auto 0 0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabs a{flex:1;min-height:56px;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:.9rem}.tabs a.on{color:var(--primary);font-weight:700;box-shadow:inset 0 3px 0 var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}