@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";
:root{--canvas:#fafafa;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#f5f5f5;--surface-overlay:#fffffff2;--ink:#0a0a0a;--ink-secondary:#525252;--ink-muted:#a3a3a3;--ink-inverse:#fafafa;--accent:#84cc16;--accent-hover:#65a30d;--accent-subtle:#84cc161a;--accent-border:#84cc164d;--amber:#f59e0b;--amber-subtle:#f59e0b1a;--success:#22c55e;--success-subtle:#22c55e1a;--warning:#f59e0b;--warning-subtle:#f59e0b1a;--error:#ef4444;--error-subtle:#ef44441a;--info:#3b82f6;--info-subtle:#3b82f61a;--border:#e5e5e5;--border-hover:#d4d4d4;--border-focus:var(--accent);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000d, 0 4px 6px #00000008;--shadow-xl:0 20px 25px #0000000f, 0 8px 10px #0000000a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-micro:.15s ease-out;--ease-layout:.25s ease-out;--ease-spring:.3s cubic-bezier(.16, 1, .3, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"DM Serif Display", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px}[data-theme=dark]{--canvas:#0a0a0a;--surface:#171717;--surface-elevated:#1c1c1c;--surface-sunken:#0f0f0f;--surface-overlay:#171717f2;--ink:#fafafa;--ink-secondary:#a3a3a3;--ink-muted:#525252;--ink-inverse:#0a0a0a;--accent:#a3e635;--accent-hover:#84cc16;--accent-subtle:#a3e6351a;--accent-border:#a3e63540;--border:#262626;--border-hover:#404040;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.serif{font-family:var(--font-serif)}p{color:var(--ink-secondary);line-height:1.7}a{color:var(--accent);transition:color var(--ease-micro);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--border) 50%, var(--surface-sunken) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}