:root{--header-bar: 50px;--header-line: #272a32;--header-face: "Space Grotesk", var(--face);--header-h: calc(var(--header-bar) + env(safe-area-inset-top, 0px))}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:6px;box-sizing:border-box;height:var(--header-h);padding:env(safe-area-inset-top,0px) max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));background:#080a10f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 -1px 0 var(--header-line);color:#eeeef0;font:500 12px/1.2 var(--header-face);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.site-header *,.site-header *:before,.site-header *:after{box-sizing:border-box}.site-header :focus-visible{outline:2px solid var(--glow);outline-offset:2px}.header-back{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--header-line);border-radius:0;background:transparent;color:#b9bac4;cursor:pointer;transition:color .2s,background-color .2s,box-shadow .2s}.header-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.header-back:hover{color:var(--glow);border-color:var(--glow)}.header-home{display:inline-flex;align-items:center;gap:9px;min-width:0;padding:2px 6px 2px 2px;color:inherit;text-decoration:none}.site-header .brand-mark{flex:none;width:32px;height:32px;filter:drop-shadow(0 0 6px var(--glow-soft));transition:filter .2s}.header-home:hover .brand-mark{filter:drop-shadow(0 0 10px var(--glow))}.site-header .brand-name{display:flex;flex-direction:column;align-items:flex-end;font:800 19px/1 Barlow Condensed,Arial Narrow,Impact,sans-serif;letter-spacing:.5px;color:var(--core);white-space:nowrap;transform:skew(-7.5deg);text-shadow:0 0 12px var(--glow-soft),0 0 1px var(--glow)}.site-header .brand-name .brand-sub{position:relative;align-self:stretch;margin:5px -3.4px 0 0;font-size:7px;font-weight:600;letter-spacing:3.4px;text-align:right;color:rgb(var(--hot-rgb));text-shadow:none}.site-header .brand-name .brand-sub:before{content:"";position:absolute;top:-3px;left:1px;right:3.4px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#7a45d6,#00b4ef,#ec2a8c);box-shadow:0 0 6px #00b4ef66}.header-end{flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}.sound-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--header-line);border-radius:0;background:none;color:#b9bac4;cursor:pointer;transition:color .2s,border-color .2s}.sound-button[hidden]{display:none}.sound-button:hover{color:var(--glow);border-color:var(--glow)}.sound-button:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.sound-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sound-button .speaker{fill:currentColor}.sound-button .cross,.sound-button[aria-pressed=true] .waves{display:none}.sound-button[aria-pressed=true] .cross{display:inline}.sound-button[aria-pressed=true]{color:#5d616c}.theme-picker{position:relative}.theme-button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--header-line);border-radius:0;background:none;color:#eeeef0;font:500 11px/1 var(--header-face);cursor:pointer;transition:color .2s,border-color .2s}.theme-button:hover,.theme-button[aria-expanded=true]{border-color:var(--glow)}.theme-button .chevron{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.theme-button[aria-expanded=true] .chevron{transform:rotate(180deg)}.swatch{flex:none;width:7px;height:7px;border-radius:50%;background:var(--swatch);box-shadow:0 0 8px var(--swatch)}.settings-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:200px;padding:5px;border:1px solid var(--header-line);border-radius:0;background:#0b0e14;box-shadow:0 18px 40px -12px #000000e6}.settings-panel[hidden]{display:none}.settings-heading{margin:8px 12px 4px;font:600 10px/1 var(--header-face);letter-spacing:1.5px;text-transform:uppercase;color:#6c6f7b}.theme-menu{margin:0;padding:0;list-style:none}.graphics-choice{display:flex;gap:4px;margin:2px 7px 0}.graphics-choice button{position:relative;flex:1;padding:7px 4px;font:500 11px/1 var(--header-face);color:#92939f;background:none;border:1px solid var(--header-line);border-radius:0;cursor:pointer}.graphics-choice button:hover{color:#eeeef0}.graphics-choice button[aria-checked=true]{color:#eeeef0;border-color:var(--glow);background:rgb(var(--glow-rgb) / .1)}.graphics-choice button[data-auto-active]:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background:var(--glow);box-shadow:0 0 5px var(--glow-soft)}.graphics-choice button:focus-visible{outline:2px solid var(--glow);outline-offset:1px}.graphics-note{max-width:220px;margin:8px 12px 6px;font:400 11px/1.4 var(--header-face);color:#6c6f7b}.theme-menu li{display:flex;align-items:center;gap:12px;padding:9px 12px;color:#92939f;font-size:12px;cursor:pointer}.theme-menu li:hover,.theme-menu li.active{color:#eeeef0;background:rgb(var(--glow-rgb) / .08)}.theme-menu li[aria-selected=true]{color:#eeeef0}.theme-menu .check{width:14px;height:14px;margin-left:auto;fill:none;stroke:var(--glow);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.theme-menu li[aria-selected=true] .check{visibility:visible}.theme-menu:focus{outline:none}.theme-menu:focus-visible li.active{box-shadow:inset 0 0 0 1px var(--glow)}@media(max-width:420px){.theme-button .theme-name{display:none}}@media(max-width:340px){.site-header .brand-name .brand-sub{display:none}}.header .settings{align-items:center;margin-left:auto}.header .settings .theme-picker .theme-button,.header .settings .theme-picker .graphics-choice button{background:none;color:#eeeef0;font:500 11px/1 var(--header-face)}.header .settings .theme-picker .theme-button{height:32px;padding:0 10px}.header .settings .theme-picker .graphics-choice button{padding:7px 4px;color:#92939f}.header .settings .theme-picker .graphics-choice button[aria-checked=true]{color:#eeeef0;background:rgb(var(--glow-rgb) / .1)}.header .settings>.motion-button,.header .settings>.sound-button{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid var(--header-line);color:#b9bac4}.header .settings>.motion-button:hover,.header .settings>.sound-button:hover{color:var(--glow);border-color:var(--glow)}.motion-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.motion-button .play{display:none;fill:currentColor;stroke:none}.motion-button[aria-pressed=true] .pause{display:none}.motion-button[aria-pressed=true] .play{display:inline}.header .settings>.motion-button[aria-pressed=true]{color:#5d616c}.header .settings>.sound-button[aria-pressed=true]{color:#5d616c}.header .settings>.sound-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:420px){.header .settings .theme-picker .theme-name{display:none}}