@import "https://fonts.googleapis.com/css2?family=Doto:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--black:#f5f5f5;--surface:#fff;--surface-raised:#f0f0f0;--border:#e8e8e8;--border-visible:#ccc;--text-disabled:#999;--text-secondary:#666;--text-primary:#1a1a1a;--text-display:#000;--accent:#d71921;--accent-subtle:#d719211f;--success:#4a9e5c;--warning:#d4a843;--interactive:#007aff;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--text-display-xl:72px;--text-display-lg:48px;--text-display-md:36px;--text-heading:24px;--text-subheading:18px;--text-body:16px;--text-body-sm:14px;--text-caption:12px;--text-label:11px;--font-display:"Doto", "Space Mono", monospace;--font-body:"Space Grotesk", "DM Sans", system-ui, sans-serif;--font-mono:"Space Mono", "JetBrains Mono", "SF Mono", monospace;--ease-out:cubic-bezier(.25, .1, .25, 1);--duration-fast:.15s;--duration-normal:.25s;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-weight:400;font-size:var(--text-body);color:var(--text-primary);background:var(--black);min-height:100vh;line-height:1.5}#root{min-height:100vh}.display-xl{font-family:var(--font-display);font-size:var(--text-display-xl);letter-spacing:-.03em;font-weight:700;line-height:1}.display-lg{font-family:var(--font-display);font-size:var(--text-display-lg);letter-spacing:-.02em;font-weight:700;line-height:1.05}.display-md{font-family:var(--font-display);font-size:var(--text-display-md);letter-spacing:-.02em;font-weight:600;line-height:1.1}.heading{font-family:var(--font-body);font-size:var(--text-heading);letter-spacing:-.01em;font-weight:500;line-height:1.2}.subheading{font-family:var(--font-body);font-size:var(--text-subheading);line-height:1.3}.body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.5}.body-sm{font-family:var(--font-body);font-size:var(--text-body-sm);letter-spacing:.01em;line-height:1.5}.caption{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;line-height:1.4}.label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-display{color:var(--text-display)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-interactive{color:var(--interactive)}.surface{background:var(--surface)}.surface-raised{background:var(--surface-raised)}.dot-grid{background-image:radial-gradient(circle, var(--border-visible) 1px, transparent 1px);background-size:16px 16px}.dot-grid-subtle{background-image:radial-gradient(circle, var(--border) .5px, transparent .5px);background-size:12px 12px}.seg-bar{gap:2px;width:100%;height:8px;display:flex}.seg-bar-block{background:var(--border);height:100%;transition:width var(--duration-normal) var(--ease-out)}.seg-bar-block.filled{background:var(--text-display)}.seg-bar-block.filled.accent{background:var(--accent)}.seg-bar-block.filled.success{background:var(--success)}.seg-bar-block.filled.warning{background:var(--warning)}.seg-bar-hero{height:16px}.btn-pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--text-display);color:var(--black);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:none;min-height:44px;padding:12px 24px;font-size:13px;font-weight:700}.btn-pill:hover{opacity:.85}.btn-pill:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--border-visible);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;min-height:44px;font-size:11px;font-weight:700}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-ghost.danger{border-color:var(--accent);color:var(--accent)}.btn-ghost.danger:hover{background:var(--accent);color:var(--black)}.input{font-family:var(--font-mono);border:none;border-bottom:1px solid var(--border-visible);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:0;outline:none;width:100%;padding:12px 16px;font-size:14px}.input:focus{border-color:var(--text-primary)}.input::placeholder{color:var(--text-disabled)}.divider{background:var(--border);width:100%;height:1px}.status-inline{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}.mono{font-family:var(--font-mono)}