:root{--color-bg-base:#060707;--color-bg-surface:#191919;--color-bg-overlay:#191919b3;--color-bg-accent-tint:#031f11;--color-bg-selected:#19241f;--color-accent:#1ae784;--color-accent-active:#16cc74;--color-accent-10:#1ae7841a;--color-accent-20:#1ae78433;--color-accent-40:#1ae78466;--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-tertiary:#fff6;--color-text-muted:#a0a2a1;--color-text-on-accent:#191919;--color-border:#ffffff1a;--color-border-hover:#ffffff4d;--color-border-medium:#fff3;--color-border-accent:#1ae784;--color-live:#e7000b;--color-error:#ef4444;--font-primary:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-hero:160px;--text-xl:36px;--text-lg:20px;--text-body-lg:16px;--text-body-md:14px;--text-caption:12px;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:60px;--space-10:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:29px;--radius-3xl:40px;--radius-full:9999px;--shadow-glow-sm:0 0 8px 0 #1ae78499;--shadow-glow-md:0 0 12px 0 #1ae78499;--shadow-glow-lg:0 0 24px 0 #1ae78440;--shadow-glow-xl:0 0 32px 0 #1ae78440;--shadow-modal:0 4px 32px 0 #00000080;--glass-bg:#191919b3;--glass-blur:blur(8px);--glass-border:1px solid #ffffff1a;--dur-fast:.15s;--dur-std:.22s;--dur-slow:.3s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-snappy:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--topbar-height:60px;--content-max:800px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-body-lg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body:before{content:"";pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.page-stub{padding:var(--space-10) 0}.page-stub h1{font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-4);font-weight:700}.page-stub p{color:var(--color-text-secondary);font-size:var(--text-body-lg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}