.topbar{-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,var(--color-bg-header-highlight) 0,var(--color-bg-header) 100%);border-bottom:1px solid var(--color-border-muted);height:var(--topbar-height)}.topbar-inner{height:100%;max-width:var(--container-app);padding:0 var(--app-padding-x);width:100%;margin:0 auto}@media (width<=768px){.topbar-inner{padding:0 var(--space-4)}}.nav-pill{color:var(--color-text-muted)}.nav-pill-active,.nav-pill:hover,.nav-pill:hover .text-text-muted{color:var(--color-text-primary)}.nav-pill-active{background:var(--color-bg-elevated);box-shadow:var(--shadow-nav-pill-active,0 1px 2px var(--color-shadow-sm))}:global(.dark) .nav-pill-active{background:var(--color-bg-tertiary);box-shadow:var(--shadow-nav-pill-active-dark,0 1px 3px var(--color-shadow-sm))}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active{transition:transform .3s cubic-bezier(.16,1,.3,1)}.slide-leave-active{transition:transform .2s ease-in}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.mobile-drawer{box-shadow:-4px 0 20px var(--color-shadow-sm)}