:root{--topbar-h:56px}.topbar{z-index:30;height:var(--topbar-h);background:var(--glass);backdrop-filter:blur(14px)saturate(1.1);border-bottom:1px solid var(--line);transition:opacity .7s var(--ease), transform .9s var(--ease);position:fixed;top:0;left:0;right:0}.topbar-in{height:100%;padding:0 var(--gut);justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar-brand{font:340 24px/1 var(--f-display);font-variation-settings:"opsz" 72;letter-spacing:-.012em;color:var(--ink);padding:6px 0;text-decoration:none}.topbar-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.topbar-link{min-height:40px;font:400 12px/1 var(--f-mono);letter-spacing:.02em;color:var(--ink-3);border-radius:2px;align-items:center;gap:7px;padding:0 10px;text-decoration:none;display:inline-flex}.topbar-link:before{content:"";width:5px;height:5px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%}.topbar-link:hover{color:var(--ink);background:var(--hover)}.topbar-link[data-status=active]{color:var(--ink)}.topbar-link[data-status=active]:before{background:var(--st-2);box-shadow:none}.topbar-menu{display:none}html:has(.sky.is-intro) .topbar{opacity:0;pointer-events:none;transform:translateY(-12px)}@media (width<=760px){:root{--topbar-h:52px}.topbar-in{padding:0 16px}.topbar-brand{font-size:22px}.topbar-menu{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;height:36px;font:400 12px/1 var(--f-mono);color:var(--ink-2);background:0 0;align-items:center;padding:0 12px;display:inline-flex}.topbar-menu[aria-expanded=true]{color:var(--ink);border-color:var(--line-2)}.topbar-nav{top:var(--topbar-h);background:var(--glass-strong);backdrop-filter:blur(14px)saturate(1.1);border-bottom:1px solid var(--line);padding:6px 16px 12px;display:none;position:absolute;left:0;right:0}.topbar-nav[data-open]{display:block}.topbar-nav ul{flex-direction:column}.topbar-link{min-height:44px;padding:0 4px;font-size:13px}}@media (prefers-reduced-motion:reduce){.topbar{transition:none}}@media (scripting:none){html:has(.sky.is-intro) .topbar{opacity:1;pointer-events:auto;transform:none}}