*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7fb;--surface:#fff;--surface-alt:#f8fafc;--fill:#f6f7f9;--fill-med:#e2e8f0;--stroke:#1e1e2e;--stroke-soft:#94a3b8;--stroke-light:#e5e7eb;--border:#e2e8f0;--border-md:#cbd5e1;--sidebar:#1e293b;--sidebar-alt:#0f172a;--sidebar-border:#1e293b;--text:#0f172a;--text-soft:#475569;--text-faint:#94a3b8;--t1:#0f172a;--t2:#475569;--t3:#94a3b8;--t4:#cbd5e1;--indigo:#4f46e5;--indigo-bg:#eef2ff;--indigo-bdr:#c7d2fe;--indigo-dk:#4338ca;--purple:#7c3aed;--purple-bg:#f5f3ff;--purple-bdr:#ddd6fe;--green:#059669;--green-bg:#ecfdf5;--green-bdr:#a7f3d0;--amber:#d97706;--amber-bg:#fef3c7;--amber-bdr:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-bdr:#fecaca;--teal:#0d9488;--teal-bg:#f0fdfa;--teal-bdr:#5eead4;--pink:#db2777;--pink-bg:#fdf2f8;--pink-bdr:#fbcfe8;--sky:#0284c7;--sky-bg:#f0f9ff;--sky-bdr:#bae6fd;--shadow1:0 1px 2px #0f172a0a;--shadow2:0 1px 4px #0f172a0f,0 2px 8px #0f172a0a;--shadow3:0 4px 16px #0f172a14,0 2px 6px #0f172a0a;--shadow4:0 8px 24px #0f172a1a,0 4px 12px #0f172a0f;--focus:0 0 0 3px #4f46e524;--font-display:"Source Serif 4", "Source Serif Pro", "Georgia", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", "Source Serif Pro", "Georgia", serif;--font-mono:"JetBrains Mono", "SF Mono", Monaco, Consolas, monospace}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:600}.mono,time,.num{font-family:var(--font-mono);font-feature-settings:"tnum"}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:active:not(:disabled){transform:scale(.98)}@media (width<=768px){body{font-size:13px}}input:focus,select:focus,textarea:focus{outline:none}