*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f8f4ec;--bg-surface: #f0ece0;--bg-elevated: #ebe6d8;--bg-card: #ffffff;--border: #ddd8ce;--border-active: #c8c2b4;--border-hi: #c8c2b4;--text-primary: #111827;--text-secondary: #242938;--text-muted: #4b4038;--text-faint: #746a5d;--accent: #0d9a76;--accent-dim: rgba(13, 154, 118, .1);--blue: #0284c7;--purple: #7c3aed;--orange: #c2410c;--yellow: #c47a00;--red: #c53030;--font-mono: "DM Mono", "Courier New", monospace;--font-display: "Space Grotesk", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.label,.btn,nav,input,.display-mono{font-family:var(--font-mono)}.display,h1,h2{font-family:var(--font-display);letter-spacing:.01em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:2px}.label{font-size:10px;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.display{font-family:var(--font-display);font-weight:800}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .2s}.btn:hover{border-color:var(--border-active);color:var(--text-secondary)}.btn.active{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.bar{height:6px;border-radius:3px;transition:width .6s ease}.site-footer{max-width:960px;margin:0 auto;padding:0 32px 32px;color:var(--text-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}