@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}html[data-theme="2026"]{--primary:#f0f;--accent:#ee96c9;--background:#0a0a0a;--text:#e3e3e3;transition:--primary .9s ease-out,--accent .9s ease-out}html[data-theme="2026"].interacting{--primary:#5e239d;--accent:#b68ae5}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;background-position:0 0,12px 12px;background-size:25px 25px,25px 25px;animation:2s linear infinite dot-drift;position:fixed;inset:0}@keyframes dot-drift{0%{background-position:0 0,12px 12px}to{background-position:25px 25px,37px 37px}}html[data-theme="2026"] nav{font-family:Space Mono}html[data-theme="2026"] nav a{color:var(--accent)}html[data-theme="2027"]{--primary:#000;--accent:#000;--accent-yellow:#e5e5e5;--accent-cyan:#fff;--background:#fff;--text:#111;--circle-magenta:#ff0090;--circle-yellow:#ffe100;--circle-cyan:#00e5ff;--circle-orange:#ff6a00;--circle-purple:#8b2fff;transition:--accent .9s ease-out}html[data-theme="2027"].interacting{--accent:#000}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"] .psych-bg{z-index:1;pointer-events:none;mix-blend-mode:multiply;position:fixed;inset:0;overflow:hidden}html[data-theme="2027"] .tile-grid{--cell:6.5vmin;grid-template-columns:repeat(auto-fill, var(--cell));grid-template-rows:repeat(auto-fill, var(--cell));place-content:center;width:100%;height:100%;display:grid}html[data-theme="2027"] .tile{opacity:.4;width:42%;height:42%;animation-name:puzzle-shift;animation-duration:9s;animation-delay:calc(var(--i,0) * -.19s);will-change:transform;border-radius:50%;place-self:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite}html[data-theme="2027"] .tile.dir-b{animation-name:puzzle-shift-alt;animation-duration:7s}html[data-theme="2027"] .tile:nth-child(5n+1){background:var(--circle-magenta)}html[data-theme="2027"] .tile:nth-child(5n+2){background:var(--circle-yellow)}html[data-theme="2027"] .tile:nth-child(5n+3){background:var(--circle-cyan)}html[data-theme="2027"] .tile:nth-child(5n+4){background:var(--circle-orange)}html[data-theme="2027"] .tile:nth-child(5n+5){background:var(--circle-purple)}@keyframes puzzle-shift{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes puzzle-shift-alt{0%{transform:translate(0)}25%{transform:translateY(100%)}50%{transform:translate(-100%,100%)}75%{transform:translate(-100%)}to{transform:translate(0)}}html[data-theme="2027"] nav{font-family:"Baloo 2 Variable",sans-serif;font-weight:700}html[data-theme="2027"] nav a{color:var(--accent)}