*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#000;--text:#fff;--text-secondary:rgba(255,255,255,.45);--text-muted:rgba(255,255,255,.4);--text-faint:rgba(255,255,255,.35);--text-ghost:rgba(255,255,255,.2);--border:rgba(255,255,255,.1);--border-light:rgba(255,255,255,.08);--border-heavy:rgba(255,255,255,.2);--surface:rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.08);--surface-active:rgba(255,255,255,.06);--gradient-text-start:#fff;--gradient-text-end:rgba(255,255,255,.35);--glow-soft:rgba(255,255,255,.2);--pill-bg:rgba(255,255,255,.07);--pill-bg-hover:rgba(255,255,255,.13);--pill-border:rgba(255,255,255,.16);--pill-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.04);--pill-shadow:0 8px 32px rgba(0,0,0,.45);--pill-blur:blur(7px) saturate(160%);--danger:#ff453a;--tag-stable-bg:rgba(100,255,100,.1);--tag-stable-color:rgba(100,255,100,.8);--tag-stable-border:rgba(100,255,100,.2);--tag-beta-bg:rgba(255,200,100,.1);--tag-beta-color:rgba(255,200,100,.8);--tag-beta-border:rgba(255,200,100,.2);--tag-preview-bg:rgba(255,100,100,.1);--tag-preview-color:rgba(255,100,100,.8);--tag-preview-border:rgba(255,100,100,.2);--moon-fill:white;--moon-stroke:white}
[data-theme="light"]{--bg:#f5f5f5;--text:#1a1a1a;--text-secondary:rgba(0,0,0,.5);--text-muted:rgba(0,0,0,.45);--text-faint:rgba(0,0,0,.4);--text-ghost:rgba(0,0,0,.15);--border:rgba(0,0,0,.1);--border-light:rgba(0,0,0,.06);--border-heavy:rgba(0,0,0,.2);--surface:rgba(0,0,0,.03);--surface-hover:rgba(0,0,0,.06);--surface-active:rgba(0,0,0,.04);--gradient-text-start:#1a1a1a;--gradient-text-end:rgba(0,0,0,.4);--glow-soft:rgba(0,0,0,.15);--pill-bg:rgba(255,255,255,.55);--pill-bg-hover:rgba(255,255,255,.75);--pill-border:rgba(0,0,0,.12);--pill-edge:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.04);--pill-shadow:0 8px 32px rgba(0,0,0,.08);--tag-stable-bg:rgba(20,130,20,.15);--tag-stable-color:rgba(15,110,15,1);--tag-stable-border:rgba(20,130,20,.4);--tag-beta-bg:rgba(200,140,0,.15);--tag-beta-color:rgba(170,110,0,1);--tag-beta-border:rgba(200,140,0,.4);--tag-preview-bg:rgba(200,20,20,.12);--tag-preview-color:rgba(180,0,0,1);--tag-preview-border:rgba(200,20,20,.4);--moon-fill:#1a1a1a;--moon-stroke:#1a1a1a}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:scroll;transition:background .5s ease,color .5s ease;min-height:100vh;width:100%;scrollbar-gutter:stable both-edges}
#waveCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.15));box-shadow:0 0 8px rgba(255,255,255,.15)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.3));box-shadow:0 0 10px rgba(255,255,255,.3)}
::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(255,255,255,.4)}
[data-theme="light"] *{scrollbar-color:rgba(0,0,0,.3) transparent}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.15));box-shadow:0 0 8px rgba(0,0,0,.12)}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.3));box-shadow:0 0 10px rgba(0,0,0,.2)}