:root{--page-bg:oklch(17% 0.012 255);--page-bg-elevated:oklch(19% 0.014 255);--surface-primary:oklch(20% 0.014 255/0.90);--surface-secondary:oklch(24% 0.014 255/0.92);--surface-hover:oklch(28% 0.016 255/0.94);--surface-overlay:oklch(22% 0.014 255/0.96);--surface-stage:oklch(14% 0.010 255/0.92);--border-subtle:oklch(42% 0.014 255);--border-strong:oklch(54% 0.020 255);--text-strong:oklch(95% 0.010 255);--text-muted:oklch(84% 0.012 255);--text-soft:oklch(72% 0.010 255);--text-inverse:oklch(18% 0.012 255);--accent:oklch(78% 0.120 78);--accent-hover:oklch(82% 0.110 78);--accent-active:oklch(74% 0.120 78);--accent-soft:oklch(78% 0.120 78/0.18);--accent-border:oklch(78% 0.105 78/0.46);--focus-ring:oklch(86% 0.090 82/0.95);--selection-bg:oklch(78% 0.100 78/0.28);--selection-fg:var(--text-strong);--scrollbar-track:oklch(19% 0.012 255/0.96);--scrollbar-thumb:oklch(60% 0.072 78/0.86);--scrollbar-thumb-hover:oklch(68% 0.090 78/0.92);--scrollbar-thumb-active:oklch(74% 0.104 78/0.96);--button-primary-bg:var(--accent);--button-primary-bg-hover:var(--accent-hover);--button-primary-bg-active:var(--accent-active);--button-primary-fg:var(--text-inverse);--button-secondary-bg:var(--surface-secondary);--button-secondary-bg-hover:var(--surface-hover);--button-secondary-bg-active:var(--page-bg-elevated);--button-secondary-fg:var(--text-strong);--button-secondary-border:var(--border-strong);--chip-bg:oklch(28% 0.026 248/0.72);--chip-fg:oklch(84% 0.030 248);--chip-border:oklch(54% 0.024 248/0.32);--scrim:oklch(10% 0.006 255/0.82);--particle:oklch(92% 0.006 255/0.16);--shadow-soft:0 24px 70px oklch(0% 0 0/0.42);--glow-plum:oklch(32% 0.050 310/0.20);--glow-blue:oklch(26% 0.030 248/0.16);--content-width:1280px;--section-radius:24px;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{background:oklch(17% .012 255);background:var(--page-bg);color-scheme:dark;scroll-behavior:smooth;scrollbar-color:oklch(60% .072 78/.86) oklch(19% .012 255/.96);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 720px at 14% 0,oklch(32% .05 310/.2),#0000 60%),radial-gradient(900px 600px at 84% 10%,oklch(26% .03 248/.16),#0000 50%),linear-gradient(180deg,oklch(19% .014 255),oklch(17% .012 255));background:radial-gradient(1200px 720px at 14% 0,var(--glow-plum),#0000 60%),radial-gradient(900px 600px at 84% 10%,var(--glow-blue),#0000 50%),linear-gradient(180deg,var(--page-bg-elevated) 0,var(--page-bg) 100%);color:oklch(84% .012 255);color:var(--text-muted);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;margin:0;overflow-x:clip;text-rendering:optimizeLegibility}#root,body{min-height:100vh;width:100%}#root{isolation:isolate}::selection{background:oklch(78% .1 78/.28);background:var(--selection-bg);color:oklch(95% .01 255);color:var(--selection-fg)}*{scrollbar-color:oklch(60% .072 78/.86) oklch(19% .012 255/.96);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-track{background:linear-gradient(180deg,oklch(100% 0 0/.03),#0000),oklch(19% .012 255/.96);background:linear-gradient(180deg,oklch(100% 0 0/.03),#0000),var(--scrollbar-track);border-left:1px solid oklch(100% 0 0/.04)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,oklch(82% .11 78),oklch(74% .104 78/.96)),oklch(60% .072 78/.86);background:linear-gradient(180deg,var(--accent-hover),var(--scrollbar-thumb-active)),var(--scrollbar-thumb);border:3px solid oklch(19% .012 255/.96);border:3px solid var(--scrollbar-track);border-radius:999px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.18),0 0 0 1px oklch(100% 0 0/.03)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,oklch(82% .11 78),oklch(68% .09 78/.92)),oklch(68% .09 78/.92);background:linear-gradient(180deg,var(--accent-hover),var(--scrollbar-thumb-hover)),var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,oklch(78% .12 78),oklch(74% .104 78/.96)),oklch(74% .104 78/.96);background:linear-gradient(180deg,var(--accent),var(--scrollbar-thumb-active)),var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:oklch(19% .012 255/.96);background:var(--scrollbar-track)}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:oklch(95% .01 255);color:var(--text-strong);line-height:1.05;margin:0}h1{font-size:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(1.85rem,2.8vw,2.45rem)}h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:600}li,p{color:oklch(84% .012 255);color:var(--text-muted);font-size:clamp(.98rem,1.1vw,1.05rem);line-height:1.72}p{text-wrap:pretty;margin:0}b,strong{font-weight:600}a,b,strong{color:oklch(95% .01 255);color:var(--text-strong)}a{text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:oklch(78% .12 78);color:var(--accent)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid oklch(86% .09 82/.95);outline:2px solid var(--focus-ring);outline-offset:3px}canvas,img,svg,video{display:block;max-width:100%}section{scroll-margin-top:1.5rem}#gradient-background{z-index:0}.large-header{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}#demo-canvas{height:100%;width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:640px){:root{--section-radius:20px}h1{font-size:clamp(2.65rem,12.5vw,3.4rem);line-height:.96}h2{font-size:clamp(1.65rem,7.8vw,1.95rem)}li,p{line-height:1.64}}
/*# sourceMappingURL=main.7a666ce3.css.map*/