:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1c1526;--page-hi:#2b2138;--page-lo:#110c18;--bar:#130f1e;--bar-hi:#1b1529;--bar-lo:#0c0814;--icon-off:#a79eb8;--icon-on:#1a1420;--text-hi:#f6f2f8;--text-soft:#bcb3ca;--text-faint:#a8a0b8;--glow-rgb:201 242 74;--glow:rgb(var(--glow-rgb));--dock-r:18px;--bead-d:56px;--bead-cy:0px;--rise:42px;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-ui:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, .61, .28, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--text-hi);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}.bloom{pointer-events:none;z-index:0;background:radial-gradient(38% 27% at 50% 68%, rgb(var(--glow-rgb) / .2), transparent 74%), radial-gradient(88% 52% at 50% 4%, #342846, transparent 76%), linear-gradient(180deg, var(--page-hi), var(--page-lo));position:fixed;inset:0}.grain{pointer-events:none;z-index:1;opacity:.16;mix-blend-mode:overlay;background-image:url(/textures/grain.png);background-size:180px;position:fixed;inset:-50%}.stage{z-index:2;min-height:100svh;padding:clamp(28px, 6vh, 64px) 20px calc(clamp(28px, 7vh, 72px) + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(34px,7vh,74px);display:flex;position:relative}.head{text-align:center;width:100%;max-width:640px}.head__brand{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:9px;margin:0 0 clamp(14px,2.4vh,26px);font-size:12px;font-weight:600;display:inline-flex}.head__dot{background:var(--glow);width:8px;height:8px;box-shadow:0 0 0 4px rgb(var(--glow-rgb) / .24);border-radius:50%}.panels{display:grid}.panel{outline:none;grid-area:1/1}.panel[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block}.panel:focus-visible{outline:2px solid var(--text-hi);outline-offset:10px;border-radius:6px}.panel__word{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-hi);margin:0;font-size:clamp(52px,13vw,116px);font-weight:700;line-height:.92}.panel__line{color:var(--text-soft);margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(14px,1.6vw,17px);font-weight:400}.dock{touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:var(--bar);border-radius:var(--dock-r);flex:none;width:min(460px,100%);height:clamp(72px,10vh,84px);position:relative}.js .dock{background:0 0}.dock__cast{background:var(--bar);border-radius:999px;position:absolute;inset:46% 7% 6%;box-shadow:0 10px 22px -8px #000000bd,0 32px 56px -20px #000c}.dock__skin{filter:drop-shadow(0 6px 14px #00000080);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dock__fill{fill:url(#mnPlate);stroke:url(#mnRim);stroke-width:1px}.dock__plate-hi{stop-color:var(--bar-hi)}.dock__plate-lo{stop-color:var(--bar-lo)}.dock__rim-hi{stop-color:#fff;stop-opacity:.6}.dock__rim-lo{stop-color:#fff;stop-opacity:.06}.dock__bead{top:var(--bead-cy);width:var(--bead-d);height:var(--bead-d);margin:calc(var(--bead-d) / -2) 0 0 calc(var(--bead-d) / -2);background:linear-gradient(168deg, color-mix(in srgb, var(--glow) 76%, #fff), var(--glow) 62%);box-shadow:0 0 0 1px rgb(var(--glow-rgb) / .5), 0 0 26px 2px rgb(var(--glow-rgb) / .32), 0 10px 18px -7px #000000ad, inset 0 0 0 1px #ffffff6b, inset 0 -3px 6px -3px #1a10222e;will-change:transform;pointer-events:none;border-radius:50%;position:absolute;left:0}.dock:not(.is-ready) .dock__bead{opacity:0}.dock__tabs{padding-inline:clamp(26px,10.5%,54px);display:flex;position:absolute;inset:0}.tab{height:100%;font:inherit;color:inherit;cursor:pointer;--t:0;background:0 0;border:0;border-radius:14px;flex:1;padding:0;display:block;position:relative}.tab:focus-visible{outline:2px solid var(--acc);outline-offset:-3px}.tab__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px;color:color-mix(in oklab, var(--icon-off) calc((1 - var(--t)) * 100%), var(--icon-on));transform:translate(-50%, -50%) translateY(calc(var(--t) * var(--rise) * -1));will-change:transform;position:absolute;top:50%;left:50%}.tab__label{letter-spacing:.06em;color:var(--acc);opacity:0;transform:translateY(calc((1 - var(--t)) * 7px));pointer-events:none;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;bottom:14%;left:0;right:0}.tab[aria-selected=true] .tab__label,.dock.is-dragging .tab__label{opacity:var(--t)}.hint{color:var(--text-faint);margin:0;font-size:13px}.hint em{color:var(--text-hi);border-bottom:1px dashed #f6f2f861;font-style:normal}@media (width<=400px){.tab__icon{width:23px;height:23px}.tab__label{font-size:10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}