:root{--ink: #16211f;--ink-soft: #56635f;--line: #d8dedb;--bg: #f6f8f7;--surface: #ffffff;--accent: #1f6feb;--accent-ink: #ffffff;--danger: #b3261e;--danger-bg: #fdeceb;--ok: #1a6b3c;--ok-bg: #e9f5ee;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55}.auth-shell{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:100%;max-width:26rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.brand{font-size:1.4rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .25rem}.brand-sub{color:var(--ink-soft);margin:0 0 1.75rem;font-size:.95rem}h1{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.lede{color:var(--ink-soft);margin:0 0 1.5rem}.field{display:block;margin-bottom:1.15rem}.field>span{display:block;font-weight:500;margin-bottom:.35rem}.field input{width:100%;font:inherit;padding:.7rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{display:block;color:var(--danger);font-size:.9rem;margin-top:.3rem}.hint{display:block;color:var(--ink-soft);font-size:.9rem;margin-top:.3rem}button{font:inherit;cursor:pointer}.button{width:100%;padding:.75rem 1rem;border:1px solid transparent;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600}.button:disabled{opacity:.6;cursor:progress}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.notice{border-radius:8px;padding:.8rem .9rem;margin-bottom:1.25rem;font-size:.95rem}.notice.error{background:var(--danger-bg);color:var(--danger)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice .request-id{display:block;margin-top:.4rem;font-size:.8rem;opacity:.75;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.links{margin-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}a{color:var(--accent)}.app-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-main{padding:2rem 1.25rem;max-width:46rem;margin:0 auto}.app-bar .who{color:var(--ink-soft);font-size:.95rem}.app-bar button{padding:.45rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.badge{display:inline-block;background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:600}.centered{min-height:100%;display:grid;place-items:center;color:var(--ink-soft)}