:root{--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--f-disp:"Bricolage Grotesque",system-ui,sans-serif;--f-ui:"Hanken Grotesk",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--a-kana:#6366f1;--a-pvt:#e0823d;--a-voy:#0d9488;--a-game:#e0567b;--a-media:#d4452f;--a-work:#6b7a99;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:36px}[data-theme=zen]{--bg:#efece4;--bg-2:#f7f5ef;--ink:#1c1916;--ink-soft:#5b554c;--ink-faint:#8c857a;--hairline:rgba(28,25,22,.1);--card:hsla(0,0%,100%,.55);--card-2:hsla(0,0%,100%,.72);--card-border:hsla(0,0%,100%,.7);--card-blur:22px;--chip:hsla(0,0%,100%,.6);--card-shadow:0 1px 0 hsla(0,0%,100%,.6) inset,0 24px 50px -28px rgba(40,33,20,.5);--orb-op:.55;--grain-op:.035}[data-theme=glass]{--bg:#080a12;--bg-2:#0e1220;--ink:#f4f5fb;--ink-soft:#aab2c8;--ink-faint:#6b7390;--hairline:hsla(0,0%,100%,.1);--card:hsla(0,0%,100%,.045);--card-2:hsla(0,0%,100%,.07);--card-border:hsla(0,0%,100%,.1);--card-blur:18px;--chip:hsla(0,0%,100%,.06);--card-shadow:0 1px 0 hsla(0,0%,100%,.06) inset,0 30px 60px -30px rgba(0,0,0,.8);--orb-op:.8;--grain-op:.05}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--f-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .6s var(--ease),color .4s var(--ease)}::selection{background:var(--a-kana);color:#fff}button{font:inherit;background:none;border:none;cursor:pointer}a,button{color:inherit}a{text-decoration:none}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--orb-op);will-change:transform}[data-theme=glass] .orb{filter:blur(100px);mix-blend-mode:screen}.orb.o1{width:46vw;height:46vw;top:-14%;left:-8%;background:radial-gradient(circle at 30% 30%,var(--a-kana),transparent 70%);animation:drift1 32s var(--ease) infinite alternate}.orb.o2{width:42vw;height:42vw;bottom:-18%;right:-10%;background:radial-gradient(circle at 30% 30%,var(--a-voy),transparent 70%);animation:drift2 38s var(--ease) infinite alternate}.orb.o3{width:36vw;height:36vw;top:8%;right:6%;background:radial-gradient(circle at 30% 30%,var(--a-pvt),transparent 70%);animation:drift3 28s var(--ease) infinite alternate}.orb.o4{width:30vw;height:30vw;bottom:6%;left:18%;background:radial-gradient(circle at 30% 30%,var(--a-game),transparent 70%);animation:drift4 44s var(--ease) infinite alternate}@keyframes drift1{to{transform:translate(10vw,8vh) scale(1.12)}}@keyframes drift2{to{transform:translate(-8vw,-6vh) scale(1.05)}}@keyframes drift3{to{transform:translate(-10vw,9vh) scale(1.15)}}@keyframes drift4{to{transform:translate(9vw,-7vh) scale(.95)}}.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:var(--grain-op);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.tt{width:66px;height:34px;border-radius:999px;padding:3px;display:flex;align-items:center;background:var(--chip);border:1px solid var(--hairline);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.tt .ti{flex:1 1;display:grid;place-items:center;color:var(--ink-faint);z-index:2}.tt .ti svg{width:16px;height:16px}.tt:not(.on) .sun{color:var(--a-pvt)}.tt.on .moon{color:var(--a-kana)}.tt .kn{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:var(--card-2);box-shadow:0 3px 10px rgba(0,0,0,.22),0 0 0 1px var(--hairline) inset;transition:transform .42s var(--ease)}.tt.on .kn{transform:translateX(32px)}