.site-header{--header-text:var(--foreground);--header-subtle:color-mix(in oklch, var(--foreground) 72%, var(--background));--header-line:var(--border);--header-hover:var(--muted);z-index:40;width:100%;color:var(--header-text);background:var(--background);border-bottom:1px solid var(--header-line);position:sticky;top:0}.site-header--overlay{--header-text:oklch(98% .004 258);--header-subtle:oklch(88% .012 258);--header-line:oklch(98% .004 258/.18);--header-hover:oklch(98% .004 258/.1);background:oklch(22% .038 258/.88);position:absolute;inset:0 0 auto}.site-header__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;max-width:1280px;height:75px;margin-inline:auto;padding-inline:20px;display:grid}.site-header__brand{border-radius:12px;align-items:center;gap:11px;width:fit-content;min-width:0;display:inline-flex}.site-header__brand-mark{width:40px;height:40px;color:var(--primary-foreground);background:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.site-header__wordmark{gap:4px;display:grid}.site-header__name{letter-spacing:-1px;font-size:22px;font-weight:800;line-height:1}.site-header__tagline{color:var(--header-subtle);letter-spacing:.035em;font-size:10px;font-weight:500;line-height:1.2}.site-header__nav{height:100%;display:none}.site-header__nav ul{justify-content:center;align-items:stretch;gap:24px;height:100%;display:flex}.site-header__nav li{display:flex}.site-header__nav-link{color:var(--header-subtle);white-space:nowrap;align-items:center;font-size:13px;font-weight:600;display:inline-flex;position:relative}.site-header__nav-link:after{content:"";bottom:-1px;background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;inset-inline:0;transform:scaleX(0)}.site-header__nav-link:hover,.site-header__nav-link[aria-current=page]{color:var(--header-text)}.site-header__nav-link[aria-current=page]:after{transform:scaleX(1)}.site-header__actions{align-items:center;gap:3px;display:flex}.site-header__icon-button{width:44px;height:44px;color:var(--header-subtle);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.site-header__icon-button:hover{color:var(--header-text);background:var(--header-hover)}.site-header__separator{background:var(--header-line);width:1px;height:22px;margin-inline:10px;display:none}.site-header__favorites{border:1px solid var(--header-line);background:var(--header-hover);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:12px;font-weight:650;display:none}.site-header__favorites:hover{border-color:var(--header-subtle)}.site-header__count{background:var(--header-text);min-width:20px;height:20px;color:var(--background);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding-inline:4px;font-size:10px;display:grid}.site-header--overlay .site-header__count{color:oklch(22% .038 258)}.site-header :focus-visible{outline-color:var(--header-text);outline-offset:5px}.site-menu__overlay{z-index:50;background:oklch(18% .03 258/.65);position:fixed;inset:0}.site-menu{z-index:51;overscroll-behavior:contain;width:min(420px,100%);height:100dvh;padding:28px 24px max(24px, env(safe-area-inset-bottom));color:var(--foreground);background:var(--background);border-left:1px solid var(--border);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-16px 0 60px oklch(18% .03 258/.15)}.site-menu__heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:24px;display:flex}.site-menu__title{letter-spacing:-.6px;font-size:21px;font-weight:750;line-height:1.5}.site-menu__description{max-width:240px;color:var(--foreground);opacity:.75;margin-top:5px;font-size:12px;line-height:1.7}.site-menu__close{border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;margin-top:-5px;display:grid}.site-menu__close:hover{background:var(--muted)}.site-menu__nav{padding-block:20px}.site-menu__nav ul{gap:3px;display:grid}.site-menu__link{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.site-menu__link:hover{background:var(--muted)}.site-menu__link[aria-current=page]{background:var(--accent);color:var(--accent-foreground)}.site-menu__link-label{font-size:17px;font-weight:650;line-height:1.5;display:block}.site-menu__link-description{color:var(--foreground);opacity:.75;margin-top:2px;font-size:11px;line-height:1.6;display:block}.site-menu__link>svg{color:var(--muted-foreground)}.site-menu__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:18px}.site-menu__saved{background:var(--muted);border-radius:999px;align-items:center;gap:10px;min-height:50px;padding-inline:15px;font-size:13px;font-weight:600;display:flex}.site-menu__saved-count{color:var(--foreground);opacity:.75;margin-left:auto;font-size:11px;font-weight:400}.site-menu__theme{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:10px;font-size:12px;display:flex}.site-menu__theme:hover{background:var(--muted)}@media (width>=640px){.site-header__favorites{display:inline-flex}.site-header__separator{display:block}}@media (width>=1024px){.site-header__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:24px}.site-header__nav{display:block}.site-header__menu-trigger{display:none}}@media (width>=1280px){.site-header__nav ul{gap:30px}.site-header__nav-link{font-size:14px}}@media (width<=374px){.site-header__inner{gap:8px;padding-inline:16px}.site-header__theme{display:none}.site-menu{padding-inline:16px}}@media (prefers-reduced-motion:no-preference){.site-header__nav-link:after{transition:transform .18s}.site-header__icon-button,.site-header__favorites,.site-menu__close{transition:transform .16s}.site-header__icon-button:active,.site-header__favorites:active,.site-menu__close:active{transform:scale(.96)}.site-menu[data-state=open]{animation:.24s cubic-bezier(.22,.61,.36,1) site-menu-enter}.site-menu[data-state=closed]{animation:.18s ease-in site-menu-exit}.site-menu__overlay[data-state=open]{animation:.18s ease-out site-menu-fade}.site-menu__overlay[data-state=closed]{animation:.18s ease-in reverse site-menu-fade}}@keyframes site-menu-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes site-menu-exit{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes site-menu-fade{0%{opacity:0}to{opacity:1}}