@view-transition{navigation:auto}@property --primary{syntax:"<color>";inherits:true;initial-value:#f0f}@property --accent{syntax:"<color>";inherits:true;initial-value:#4eff2e}@font-face{font-family:Jura Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/jura:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-400-normal.woff2)format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-400-normal.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sigmar;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/sigmar@latest/latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(https://cdn.jsdelivr.net/fontsource/fonts/baloo-2:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{scroll-behavior:smooth}html,body{width:100%;height:100%;margin:0}body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.content{z-index:10;flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;overflow:auto}.content svg{width:100%;height:200px}nav{z-index:100;flex-flow:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex}nav a{letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;align-items:center;height:72px;padding:.2rem .4rem;font-size:1.2rem;text-decoration:none;transition:opacity .2s;display:flex}nav a:has(svg){background:0 0;padding:0}nav a:hover{opacity:.7}body.lightbox-open{overflow:hidden}body.lightbox-open nav{display:none}@keyframes dot-drift{0%{background-position:0 0,12px 12px}to{background-position:25px 25px,37px 37px}}html[data-theme="2026"]{--primary:#fff;--accent:#ee96c9;--background:#0a0a0a;--text:#e3e3e3}html[data-theme="2026"] body{background-color:var(--background);color:var(--primary);font-family:Jura Variable,monospace;font-weight:100}html[data-theme="2026"] p{font-family:Space Mono,sans-serif}html[data-theme="2026"] .dot-bg{pointer-events:none;z-index:1;background-image:radial-gradient(circle, var(--primary) 1.5px, transparent 1.5px), radial-gradient(circle, var(--accent) 1px, transparent 1px);opacity:.15;will-change:background-position, transform;background-position:0 0,12px 12px;background-size:25px 25px,25px 25px;transition:transform .5s ease-out;animation:2s linear infinite dot-drift;position:fixed;inset:0;transform:scale(1)}html[data-theme="2026"].interacting .dot-bg{transform:scale(1.03)}html[data-theme="2026"] nav{font-family:Space Mono}html[data-theme="2026"] nav a{color:var(--accent)}html[data-theme="2027"]{--primary:#fff;--accent:#fff;--background:#0a0a0a;--text:#e3e3e3;--circle-magenta:#ff0090;--circle-yellow:#ffe100;--circle-cyan:#00e5ff;--circle-orange:#ff6a00;--circle-purple:#8b2fff}html[data-theme="2027"] body{background-color:var(--background);color:var(--primary);font-family:"Baloo 2 Variable",sans-serif;font-weight:600}html[data-theme="2027"] p{font-family:"Baloo 2 Variable",sans-serif}html[data-theme="2027"] .dot-bg{pointer-events:none;z-index:1;background-image:radial-gradient(circle, var(--primary) 1.5px, transparent 1.5px), radial-gradient(circle, var(--circle-magenta) 1px, transparent 1px);opacity:.15;will-change:background-position, transform;background-position:0 0,12px 12px;background-size:25px 25px,25px 25px;transition:transform .5s ease-out;animation:2s linear infinite dot-drift;position:fixed;inset:0;transform:scale(1)}html[data-theme="2027"].interacting .dot-bg{transform:scale(1.03)}html[data-theme="2027"] nav{font-family:"Baloo 2 Variable",sans-serif;font-weight:700}html[data-theme="2027"] nav a{color:var(--accent)}html nav a.cta{border:2px solid var(--primary);height:auto;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.6rem 1.3rem;transition:background-color .2s,color .2s}html nav a.cta:hover{opacity:1;background-color:var(--primary);color:var(--background)}