.main-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.main-nav .wide{position:relative;display:flex;align-items:center;gap:.75rem 1.5rem;flex-wrap:nowrap;padding-block:.7rem;max-width:84rem}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;font-size:1.2rem;letter-spacing:-.01em;flex:none}.brand img{width:36px;height:36px}.brand-text span{color:var(--lapis)}.nav-links{margin-inline:auto;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.3rem .5rem}.nav-links ul{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none}.nav-links li{display:flex}.nav-links li.nav-divider:before{content:"";width:1px;margin:.45rem .35rem;background:var(--line-strong)}.nav-links a{font-size:1rem;color:var(--text);padding:.45rem .95rem;border-radius:999px;text-decoration:none;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--lapis)}.nav-links a[aria-current=page]{font-weight:600}.nav-tools{display:flex;align-items:center;gap:.45rem;flex:none;margin-left:auto}.nav-single{display:flex;gap:.5rem}.nav-line{width:1px;height:1.8rem;background:var(--line-strong);margin-inline:.2rem}.pill-group{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.2rem;gap:.1rem}.icon-button{width:2.3rem;height:2.3rem;border-radius:999px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font:700 .8rem var(--sans);text-decoration:none;padding:0}.icon-button:hover{color:var(--text);background:var(--card-2)}.icon-button svg{width:18px;height:18px}.icon-button.round{width:2.5rem;height:2.5rem;border:1px solid var(--line);background:var(--card)}.pill-group .icon-button[aria-pressed=true],.pill-group .icon-button[aria-current=true]{background:var(--card-2);color:var(--lapis)}:root[data-design=lapis-night] .pill-group .icon-button[aria-pressed=true],:root[data-design=lapis-night] .pill-group .icon-button[aria-current=true]{box-shadow:inset 0 0 0 1px var(--line-strong)}.settings-button[aria-expanded=true]{color:var(--lapis);border-color:var(--lapis)}.menu-button,.menu-button .menu-close,.main-nav.menu-open .menu-button .menu-open{display:none}.main-nav.menu-open .menu-button .menu-close{display:inline}.settings{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:calc(100% + .5rem);width:min(20rem,calc(100vw - 32px));padding:1.1rem;z-index:40}.settings h2{font-size:1rem;letter-spacing:-.01em;font-weight:700;margin-bottom:.8rem}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.55rem;border-top:1px solid var(--line);font-size:.9rem}.settings-row:first-of-type{border-top:0}.choice{display:flex;gap:.25rem}.choice button,.choice a{font:inherit;font-size:.8rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}.choice button.large{font-size:.95rem}.choice [aria-pressed=true],.choice [aria-current=true]{background:var(--lapis);border-color:var(--lapis);color:var(--on-lapis)}@media (max-width: 1100px){.main-nav .wide{flex-wrap:wrap}.menu-button{display:grid}.nav-tools{margin-left:auto}.nav-links{order:5;flex-basis:100%;display:none;border-radius:16px;margin:0;padding:.4rem}.main-nav.menu-open .nav-links{display:block}.nav-links ul,.nav-links li.nav-divider{flex-direction:column}.nav-links li.nav-divider:before{width:auto;height:1px;margin:.2rem .6rem}.nav-links a{padding:.65rem .9rem}.nav-links a[aria-current=page]{background:var(--card-2)}}@media (max-width: 480px){.nav-tools .design-picker,.nav-line{display:none}.icon-button.round{width:2.2rem;height:2.2rem}.brand-text{font-size:1.05rem}}