:root{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{margin:0;background:var(--page);color:var(--text-hi);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.bloom{position:fixed;inset:0;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))}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:1;opacity:.16;background-image:url(/meniscus-liquid-nav/textures/grain.png);background-size:180px;mix-blend-mode:overlay}.stage{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(34px,7vh,74px);padding:clamp(28px,6vh,64px) 20px calc(clamp(28px,7vh,72px) + env(safe-area-inset-bottom))}.head{width:100%;max-width:640px;text-align:center}.head__brand{display:inline-flex;align-items:center;gap:9px;margin:0 0 clamp(14px,2.4vh,26px);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.head__dot{width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 4px rgb(var(--glow-rgb) / .24)}.panels{display:grid}.panel{grid-area:1 / 1;outline:none}.panel[hidden]{display:block;visibility:hidden;opacity:0;pointer-events:none}.panel:focus-visible{outline:2px solid var(--text-hi);outline-offset:10px;border-radius:6px}.panel__word{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(52px,13vw,116px);line-height:.92;letter-spacing:-.035em;color:var(--text-hi)}.panel__line{margin:clamp(10px,1.6vh,18px) 0 0;font-size:clamp(14px,1.6vw,17px);font-weight:400;color:var(--text-soft)}.dock{position:relative;width:min(460px,100%);height:clamp(72px,10vh,84px);flex:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:var(--bar);border-radius:var(--dock-r)}.js .dock{background:none}.dock__cast{position:absolute;inset:46% 7% 6%;border-radius:999px;background:var(--bar);box-shadow:0 10px 22px -8px #000000bd,0 32px 56px -20px #000c}.dock__skin{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.dock__fill{fill:url(#mnPlate);stroke:url(#mnRim);stroke-width:1}.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{position:absolute;top:var(--bead-cy);left:0;width:var(--bead-d);height:var(--bead-d);margin:calc(var(--bead-d) / -2) 0 0 calc(var(--bead-d) / -2);border-radius:50%;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}.dock:not(.is-ready) .dock__bead{opacity:0}.dock__tabs{position:absolute;inset:0;display:flex;padding-inline:clamp(26px,10.5%,54px)}.tab{position:relative;flex:1;display:block;height:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;border-radius:14px;--t: 0}.tab:focus-visible{outline:2px solid var(--acc);outline-offset:-3px}.tab__icon{position:absolute;left:50%;top:50%;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;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}.tab__label{position:absolute;left:0;right:0;bottom:14%;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--acc);opacity:0;transform:translateY(calc((1 - var(--t)) * 7px));pointer-events:none;white-space:nowrap}.tab[aria-selected=true] .tab__label,.dock.is-dragging .tab__label{opacity:var(--t)}.hint{margin:0;font-size:13px;color:var(--text-faint)}.hint em{font-style:normal;color:var(--text-hi);border-bottom:1px dashed rgba(246,242,248,.38)}@media(max-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}}