:root{--bg:#0a1116;--bg-deep:#071015;--accent:#f7641d;--accent-strong:#ff8143;--accent-ink:#1d0d06;--text:#f6f1ea;--text-muted:#9eaaa9;--text-faint:#6f7d7d;--surface:#111b20;--surface-2:#17242a;--border:#2b393d;--danger:#ff8f83;--success:#76d4a6;--font-headline:"Arial Narrow", "Roboto Condensed", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:14px;--content-width:1180px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);text-rendering:optimizelegibility}body{background:radial-gradient(circle at 82% 8%, #f7641d14, transparent 28rem), var(--bg);min-width:320px;min-height:100dvh;margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.app-shell{min-height:100dvh}.eyebrow{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.2}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1.15rem;font-size:.9rem;font-weight:750;line-height:1;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button--accent{background:var(--accent);color:var(--accent-ink)}.button--accent:hover{background:var(--accent-strong)}.route-state{align-content:center;justify-items:start;gap:1rem;width:min(100% - 2rem,34rem);min-height:100dvh;margin:0 auto;padding:4rem 0;display:grid}.route-state h1{max-width:12ch;font-family:var(--font-headline);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2.8rem,12vw,5.5rem);line-height:.92}.route-state>p:not(.eyebrow){max-width:36ch;color:var(--text-muted);line-height:1.6}.route-state--loading{width:min(100% - 2rem,22rem);color:var(--text-muted);text-align:center;justify-items:center}.loading-mark{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2.75rem;height:2.75rem;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width>=768px){.route-state{width:min(100% - 4rem,56rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}