.nav-right{gap:12px}.nav-links{gap:clamp(10px,1.5vw,22px)}.nav-links a{white-space:nowrap}@media (min-width:821px) and (max-width:1100px){.nav{gap:12px}.nav-links{gap:9px;font-size:13px}.nav .toggle-lbl{display:none}}.sfx-btn .sx-w1,.sfx-btn .sx-w2{opacity:0;transition:opacity .25s}.sfx-btn.is-on .sx-w1,.sfx-btn.is-on .sx-w2{opacity:1;animation:sx-wave 1.6s ease-in-out infinite}.sfx-btn.is-on .sx-w2{animation-delay:.25s}.sfx-btn.is-on .sx-x{opacity:0}.sfx-btn .sx-x{transition:opacity .2s}.sfx-btn.is-on{background:#f2f1ee;color:#111;border-color:#f2f1ee}html[data-page=light] .sfx-btn.is-on{background:#17110e;color:#fff;border-color:#17110e}@keyframes sx-wave{0%,to{opacity:1}50%{opacity:.35}}.kbd-btn.mono{font-family:var(--mono)}.pill-btn.magnetic{transform:translate(var(--mx,0px),var(--my,0px)) translateY(var(--up,0px));transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s;will-change:transform}.pill-btn.magnetic:hover{--up:-1px}@media (max-width:820px){.nav .toggle{display:none}}@media (max-width:560px){.nav-right{gap:8px}}@media (prefers-reduced-motion:reduce){.sfx-btn.is-on .sx-w1,.sfx-btn.is-on .sx-w2{animation:none}.pill-btn.magnetic{transition:none}}