:root{--bg:#050511;--surface:#0e091cb8;--surface-hov:#160e2aeb;--surface-solid:#0a0716d1;--border:#5032823d;--border-dim:#3c28641f;--text:#ede8f8;--text-muted:#9a88b8;--text-faint:#7a6a98;--text-dim:#c8c0d8;--nav-link:#8a7aa8;--nav-bg:#050511d6;--nav-border:#7850c824;--tag-bg:#3c1e644d;--tag-border:#643ca038;--tag-color:#a080d0;--code-muted:#6446a08c;--input-bg:#0e0820b8;--track-hov:#140c288c;--section-alt:#04030e73;--filter-bg:#140e26b8;--player-bg:#0a0718c7;--lang-bg:#140f28d1;--exp-current:#160a30c2;--exp-default:#0c081c9e;--focus-ring:#c9a8e8}body.mode-light{--bg:#ece5f7;--surface:#f8f2ffd1;--surface-hov:#eee6fcf5;--surface-solid:#eee8fae0;--border:#8c5ac833;--border-dim:#8250be1a;--text:#180e2a;--text-muted:#3a2860;--text-faint:#5a4080;--text-dim:#2c1e50;--nav-link:#5a3890;--focus-ring:#6040a0;--nav-bg:#f0eafceb;--nav-border:#8c5ac829;--tag-bg:#b48cdc29;--tag-border:#8c5ac838;--tag-color:#6040a0;--code-muted:#643ca073;--input-bg:#eee8fcc7;--track-hov:#e4daf8ad;--section-alt:#e4dcf86b;--filter-bg:#e4daf8b8;--player-bg:#f0eafec7;--lang-bg:#e4daf8d1;--exp-current:#eee4ffd1;--exp-default:#f6f0ffad}body.mode-transitioning *{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s,opacity .35s!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#643cb459;border-radius:2px}::selection{color:var(--text);background:#aa82e638}.tabs-scroll-fade{position:relative}.tabs-scroll-fade:before,.tabs-scroll-fade:after{content:"";pointer-events:none;z-index:1;width:28px;position:absolute;top:0;bottom:1px}.tabs-scroll-fade:before{background:linear-gradient(to right, var(--bg) 0%, transparent 100%);left:0}.tabs-scroll-fade:after{background:linear-gradient(to left, var(--bg) 0%, transparent 100%);right:0}:focus{outline:none}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}input,textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.mode-light input,body.mode-light textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input::placeholder,textarea::placeholder{color:var(--text-faint)}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translate(-28px)}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translate(28px)}.reveal-right.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}@keyframes easterSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes spinCw{to{transform:rotate(360deg)}}@keyframes spinCcw{to{transform:rotate(-360deg)}}@keyframes wave1{0%{height:3px}to{height:22px}}@keyframes wave2{0%{height:10px}to{height:5px}}@keyframes wave3{0%{height:6px}to{height:20px}}@keyframes wave4{0%{height:14px}to{height:4px}}@keyframes glitch1{0%,87%,to{clip-path:inset(0 0 100%);opacity:0;transform:none}89%{clip-path:inset(12% 0 58%);opacity:.78;transform:skew(-10deg)translate(-7px)}91%{clip-path:inset(52% 0 10%);opacity:.55;transform:skew(7deg)translate(6px)}93%{clip-path:inset(28% 0 42%);opacity:.88;transform:skew(-4deg)translate(-2px)}95%{clip-path:inset(0 0 100%);opacity:0;transform:none}}@keyframes glitch2{0%,87%,to{clip-path:inset(100% 0 0);opacity:0;transform:none}89%{clip-path:inset(68% 0 0);opacity:.65;transform:skew(6deg)translate(9px)}92%{clip-path:inset(38% 0 22%);opacity:.5;transform:skew(-7deg)translate(-6px)}94%{clip-path:inset(100% 0 0);opacity:0;transform:none}}@keyframes livePulse{0%,to{box-shadow:0 0 12px rgba(var(--pulse-rgb,201, 168, 232), .7)}50%{box-shadow:0 0 20px rgba(var(--pulse-rgb,201, 168, 232), .2)}}.r-section{max-width:1160px;margin:0 auto;padding:0 80px}.r-hero{max-width:980px;padding:0 88px}.r-grid-2col{grid-template-columns:1fr 1.5fr;align-items:start;gap:80px;display:grid}.r-grid-proj{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.r-contact{grid-template-columns:1fr 1fr;gap:80px;display:grid}.r-footer{border-top:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:36px 80px;display:flex}.r-currently{grid-template-columns:1fr auto;align-items:center;gap:32px;display:grid}.nav-desktop{align-items:center;gap:28px;display:flex}.nav-mobile{align-items:center;gap:12px;display:none}@media (max-width:960px){.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.r-section,.r-hero{padding:0 28px}.r-grid-2col{grid-template-columns:1fr!important;gap:44px!important}.r-grid-proj{grid-template-columns:1fr!important}.r-contact{grid-template-columns:1fr!important;gap:44px!important}.r-footer{text-align:center;flex-direction:column;gap:14px;padding:28px}.r-currently{grid-template-columns:1fr!important}.player-hd{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}.exp-hd{flex-direction:column!important;align-items:flex-start!important}}@media (max-width:600px){.r-section,.r-hero{padding:0 18px}.r-footer{padding:24px 18px}}