:root{--bg: #13161c;--surface: #1c2029;--surface-2: #262b36;--fg: #eef0f4;--muted: #a2aab8;--line: #353b48;--accent: #8cabff;--accent-fg: #0d1526;--accent-soft: #233253;--iso: #b9cf7a;--iso-soft: #2d3522;--warn: #f0b57a;--warn-soft: #3d2a14;--danger: #ff7b6b;--radius: 12px;--radius-sm: 8px;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.1;margin:0;text-wrap:balance}p{margin:0}.screen{min-height:100%;display:flex;flex-direction:column;gap:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:calc(16px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-bottom,0px));max-width:640px;margin:0 auto}.screen.center{justify-content:center;align-items:center}.screen.login{justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--line)}.eyebrow{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--muted)}.wordmark{font-size:3rem;font-weight:700}.wordmark .accent{color:var(--accent)}.tagline,.muted{color:var(--muted);max-width:40ch}.hero{display:grid;gap:10px}.error{color:var(--danger);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.btn{font:inherit;font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-align:center;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;cursor:pointer;min-height:52px}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-block{display:block;width:100%}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}