.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);transition:box-shadow .3s}.top-nav--scrolled{box-shadow:0 2px 20px var(--color-shadow)}.top-nav__container{max-width:1600px;margin:0 auto;padding:0 1rem}.top-nav__row{height:var(--nav-height)}.top-nav__logo,.top-nav__row{display:flex;align-items:center}.top-nav__logo{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0}.top-nav__wordmark{font-size:24px;font-weight:800;letter-spacing:.12em;color:var(--color-primary);line-height:1;display:inline-flex;align-items:center}.top-nav__logo-img{height:.85em;width:auto;margin-right:.12em}.top-nav__items{display:flex;align-items:center;justify-content:center;flex:1;gap:4px}.top-nav__controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.top-nav__sample-btn{opacity:.9}.top-nav__sample-icon{width:.9rem;height:.9rem;margin-right:6px}.top-nav__icon-btn{position:relative;padding:8px;border-radius:50%;background:none;border:none;cursor:pointer;color:var(--color-on-surface-muted);transition:color .15s}@media (hover:hover){.top-nav__icon-btn:hover{color:var(--color-on-surface)}}.top-nav__icon-link{display:inline-flex}.top-nav__badge{position:absolute;top:3px;right:3px;min-width:1rem;height:1rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:9999px;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.top-nav__spacer{height:var(--nav-height)}.top-nav__controls-desktop,.top-nav__items{display:none}.top-nav__hamburger{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target)}@media (min-width:1024px){.top-nav__items{display:flex}.top-nav__controls-desktop{display:flex;align-items:center;gap:8px}.top-nav__hamburger{display:none}}.top-nav-sheet{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--color-surface);overflow-y:auto;overscroll-behavior:contain;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);outline:none;animation:fade-in .15s ease,slide-in-from-right .25s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.top-nav-sheet{animation:none}}@media (min-width:1024px){.top-nav-sheet{display:none}}.top-nav-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.top-nav-sheet__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.top-nav-sheet__close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target);background:none;border:none;cursor:pointer;color:var(--color-on-surface-muted);border-radius:var(--radius-md)}.top-nav-sheet__nav{display:flex;flex-direction:column;padding:var(--space-2)}.top-nav-sheet__link,.top-nav-sheet__section-btn{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-on-surface);text-decoration:none;text-align:left}.top-nav-sheet__section-btn{justify-content:space-between}.top-nav-sheet__link[aria-current=page]{color:var(--color-primary);background:var(--color-primary-subtle)}.top-nav-sheet__link--sub{font-weight:var(--font-weight-normal);padding-left:var(--space-6)}.top-nav-sheet__link--child{padding-left:var(--space-8);font-size:var(--font-size-sm)}.top-nav-sheet__link--danger{color:var(--color-destructive)}.top-nav-sheet__link:disabled{opacity:.5;cursor:default}.top-nav-sheet__group-label{padding:var(--space-2) var(--space-3) 0 var(--space-6);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-muted)}.top-nav-sheet__chevron{transition:transform .2s;color:var(--color-on-surface-muted);flex-shrink:0}.top-nav-sheet__section-btn[aria-expanded=true] .top-nav-sheet__chevron{transform:rotate(180deg)}.top-nav-sheet__section-body{display:flex;flex-direction:column}.top-nav-sheet__section-body[hidden]{display:none}.top-nav-sheet__divider{height:1px;background:var(--color-border);margin:var(--space-2) var(--space-4);flex-shrink:0}.top-nav-sheet__actions{display:flex;flex-direction:column;padding:var(--space-2);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,0px))}.top-nav-sheet__count{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 6px;border-radius:9999px;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center}