.navbar{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--theme-border) 40%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 92%, transparent), color-mix(in srgb, var(--theme-bg) 72%, transparent)), color-mix(in srgb, var(--theme-bg) 75%, transparent);-webkit-backdrop-filter:blur(16px);padding:0;position:sticky;top:0;overflow-x:clip}body.nav-drawer-open{overflow:hidden}.navbar-inner{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-6) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1280px;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.navbar-logo:focus-visible,.navbar-link:focus-visible,.navbar-auth-link:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 72%, white 28%);outline-offset:3px;border-radius:var(--radius-md)}.navbar-logo-mark{width:2.25rem;height:2.25rem;font-family:var(--font-heading);color:var(--manuscript-gold,var(--color-gold));border:1px solid color-mix(in srgb, var(--color-gold) 22%, transparent);background:color-mix(in srgb, var(--theme-bg-elevated) 90%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.navbar-logo-copy{gap:.08rem;display:grid}.navbar-logo-text{font-family:var(--font-heading);color:var(--theme-text);letter-spacing:-.02em;font-size:24px;font-weight:800}.navbar-logo-note{letter-spacing:.16em;text-transform:uppercase;color:var(--theme-text-muted);font-size:.72rem}.navbar-links{align-items:center;gap:var(--space-2);display:flex}.navbar-link{min-height:44px;font-size:var(--font-size-sm);color:var(--theme-text-muted);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;border:1px solid #0000;border-radius:999px;align-items:center;padding:.6rem .9rem;font-weight:500;text-decoration:none;display:inline-flex}.navbar-link:hover{color:var(--theme-text);background:color-mix(in srgb, var(--theme-bg-card) 78%, transparent)}.navbar-link.active{color:var(--theme-text);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 86%, var(--color-primary) 14%)}.navbar-actions{align-items:center;gap:var(--space-6);display:flex}.navbar-menu-btn,.navbar-mobile-backdrop,.navbar-mobile-drawer{display:none}.navbar-auth-block{align-items:center;gap:var(--space-2);display:flex}.navbar-auth-link{text-decoration:none}.navbar-user-pill{border-radius:var(--radius-full);color:var(--theme-text);background:color-mix(in srgb, var(--theme-bg-elevated) 88%, transparent);border:1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:7.5rem;padding:.28rem .65rem;font-size:.72rem;display:inline-flex;overflow:hidden}.navbar-user-pill.guest{color:var(--theme-text-muted)}.navbar-stats{align-items:center;gap:var(--space-3);display:flex}.stat-pill{align-items:baseline;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--theme-bg-card) 80%, transparent);border:1px solid color-mix(in srgb, var(--theme-text) 10%, transparent);border-radius:999px;padding:.38rem .6rem;font-weight:600;display:flex}.stat-pill.is-xp-pulse .stat-value{animation:.8s xpPulse}.stat-xp-gain{color:var(--color-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700;animation:1.8s xpGainFade}.stat-value{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:700}@keyframes xpPulse{0%{color:var(--color-primary-light);transform:scale(1)}35%{color:var(--color-gold);transform:scale(1.18)}to{color:var(--color-primary-light);transform:scale(1)}}@keyframes xpGainFade{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}.navbar-mobile-links{display:none}@media (width<=1120px){.navbar{background:color-mix(in srgb, var(--theme-bg) 96%, transparent);-webkit-backdrop-filter:none}.navbar-inner{padding-inline:var(--space-4);gap:var(--space-3)}.navbar-links,.navbar-actions{display:none}.navbar-logo,.navbar-logo-copy{min-width:0}.navbar-logo-text{font-size:1.25rem}.navbar-logo-note{display:none}.navbar-menu-btn{border:1px solid color-mix(in srgb, var(--theme-border) 82%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 92%, transparent);min-height:46px;color:var(--theme-text);cursor:pointer;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .7rem .5rem .9rem;display:inline-flex}.navbar-menu-btn-copy{text-align:left;gap:.05rem;display:grid}.navbar-menu-btn-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--theme-text-muted);font-size:.62rem}.navbar-menu-btn-label{letter-spacing:-.01em;font-size:.84rem;font-weight:600}.navbar-menu-icon,.navbar-drawer-close{border:1px solid color-mix(in srgb, var(--theme-border) 76%, transparent);background:color-mix(in srgb, var(--theme-bg) 82%, transparent);width:2rem;height:2rem;color:var(--theme-text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navbar-menu-btn:focus-visible,.navbar-drawer-close:focus-visible,.navbar-mobile-link:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 72%, white 28%);outline-offset:2px}.navbar-mobile-backdrop{opacity:0;pointer-events:none;z-index:79;background:#00000075;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.navbar-mobile-backdrop.is-open{opacity:1;pointer-events:auto}.navbar-mobile-drawer{align-content:start;gap:var(--space-5);width:min(23rem,88vw);padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--theme-bg-elevated) 96%, transparent), color-mix(in srgb, var(--theme-bg) 98%, transparent));border-left:1px solid color-mix(in srgb, var(--theme-border) 82%, transparent);transition:transform .22s var(--ease-out-quart);z-index:80;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-16px 0 42px #00000042}.navbar-mobile-drawer.is-open{transform:translate(0)}.navbar-mobile-drawer-head{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.navbar-mobile-drawer-brand{gap:.35rem;display:grid}.navbar-mobile-drawer-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--theme-text-muted);font-size:.7rem}.navbar-mobile-drawer-brand strong{font-family:var(--font-heading);color:var(--theme-text);font-size:1.4rem;line-height:1.05}.navbar-mobile-drawer-summary{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.navbar-mobile-stat{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--theme-border) 80%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 92%, transparent);color:var(--theme-text-muted);gap:.25rem;padding:.95rem 1rem;font-size:.78rem;display:grid}.navbar-mobile-stat-value{font-family:var(--font-heading);color:var(--theme-text);font-size:1.25rem;line-height:1}.navbar-mobile-links{gap:.6rem;display:grid}.navbar-mobile-link{border:1px solid color-mix(in srgb, var(--theme-border) 80%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 90%, transparent);min-height:48px;color:var(--theme-text-muted);letter-spacing:-.01em;border-radius:1rem;justify-content:space-between;align-items:center;padding:.95rem 1rem;font-size:.96rem;font-weight:600;text-decoration:none;display:flex}.navbar-mobile-link.active{color:var(--theme-text);border-color:color-mix(in srgb, var(--color-primary) 26%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 82%, var(--color-primary) 18%)}.navbar-mobile-auth{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb, var(--theme-border) 72%, transparent);margin-top:auto;display:grid}.navbar-mobile-auth .navbar-auth-link,.navbar-mobile-auth .q-btn{width:100%}.navbar-mobile-auth .navbar-user-pill{justify-content:center;max-width:none;padding-block:.6rem;display:inline-flex}.navbar-mobile-auth .q-btn{min-height:46px}}@media (width<=720px){.navbar-logo-mark{width:2rem;height:2rem;font-size:1.05rem}.navbar-menu-btn{padding-right:.55rem}.navbar-menu-btn-copy{display:none}}