:root{--bg: #f2f4f3;--panel: #ffffff;--ink: #10161a;--muted: #5b6b67;--accent: #3b3fe0;--accent-soft: #3b3fe01a;--accent-2: #0e9c8f;--accent-2-soft: #0e9c8f1a;--warn: #c2740a;--warn-soft: #c2740a0f;--grid: #d9dee0;--radius-lg: 16px;--radius-md: 10px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}a{color:inherit}button{font-family:inherit;cursor:pointer}input[type=range]{accent-color:var(--accent);width:100%}.app-shell{max-width:900px;margin:0 auto;padding:40px 20px 64px}.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500}.card{background:var(--panel);border:1px solid var(--grid);border-radius:var(--radius-lg);padding:24px}.mono{font-family:var(--font-mono)}.text-muted{color:var(--muted)}.nav{display:flex;gap:4px;margin-bottom:32px;border:1px solid var(--grid);border-radius:999px;padding:4px;background:var(--panel);width:fit-content}.nav a{text-decoration:none;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted)}.nav a.active{background:var(--accent);color:#fff}.spin{animation:spin 1.1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}