#navbar{left:50%;bottom:max(.5rem, env(safe-area-inset-bottom));z-index:40;width:min(calc(100% - 1rem), var(--content-max));background:var(--nav-surface);border:1px solid var(--nav-border);min-height:3.75rem;box-shadow:0 10px 24px var(--shadow-color-weak), inset 0 1px 0 var(--nav-inner-highlight,var(--inner-highlight-strong));backdrop-filter:blur(16px);isolation:isolate;transition:opacity var(--motion-duration-2) var(--motion-ease-out), transform var(--motion-duration-2) var(--motion-ease-out);border-radius:1.75rem;grid-template-columns:repeat(4,1fr);gap:.18rem;padding:.25rem;display:grid;position:fixed;overflow:hidden;transform:translate(-50%)}.navbar-brand{display:none}@media (width<=899px){#navbar{-webkit-backdrop-filter:none;box-shadow:0 6px 18px var(--shadow-color-weak), inset 0 1px 0 var(--nav-inner-highlight,var(--inner-highlight-strong))}}#navbar a{z-index:1;min-height:3.35rem;color:var(--text-muted);letter-spacing:.01em;text-align:center;transition:color var(--motion-duration-2) var(--motion-ease-out), transform var(--motion-duration-1) var(--motion-ease-out);border-radius:1.35rem;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.22rem .18rem .24rem;font-size:.72rem;font-weight:800;display:inline-flex;position:relative}@media (hover:hover){#navbar a:hover{background:var(--accent-soft);color:var(--text);transform:translateY(-1px)}}#navbar a.active{color:var(--accent-contrast);background:0 0;transform:translateY(-1px)}#navbar a>svg{stroke:currentColor;width:1.05rem;height:1.05rem;transition:transform var(--motion-duration-2) var(--motion-ease-out);flex:none}#navbar a.inactive>svg{color:var(--text-muted)}#navbar a.active>svg{color:var(--accent-contrast);transform:scale(1.08)}.navbar-link-label{font-size:.66rem;font-weight:800;line-height:1}.notification-badge{border-radius:var(--radius-pill);background:var(--danger);min-width:1.15rem;height:1.15rem;color:var(--danger-contrast);box-shadow:0 0 0 2px var(--nav-surface);animation:motion-pop-in var(--motion-duration-2) var(--motion-ease-out) both;justify-content:center;align-items:center;padding:0 .28rem;font-size:.7rem;font-weight:900;line-height:1;display:inline-flex}.navbar-notification-badge{position:absolute;top:.25rem;right:.55rem}#navbar a.active .notification-badge{box-shadow:0 0 0 2px var(--accent)}#navbar.navbar-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}#navbar.navbar-hidden{opacity:0;pointer-events:none;transform:translate(-50%,.75rem)}@keyframes mobile-navbar-enter{0%{opacity:0;transform:translate(-50%,1.25rem)}to{opacity:1;transform:translate(-50%)}}.offline-pill{left:50%;bottom:calc(max(.5rem, env(safe-area-inset-bottom)) + 4.25rem);z-index:41;justify-content:center;align-items:center;gap:var(--space-2);max-width:calc(100% - 2rem);color:var(--attempt-contrast);background:var(--attempt);border:1px solid var(--attempt-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-1);white-space:nowrap;animation:motion-slide-up var(--motion-duration-3) var(--motion-ease-out) both;padding:.55rem .85rem;font-size:.86rem;font-weight:800;display:inline-flex;position:fixed;transform:translate(-50%)}.offline-pill-dot{border-radius:var(--radius-pill);opacity:.85;background:currentColor;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite motion-pulse}.offline-pill-text{font-weight:900}#navbar .navbar-selection{background:var(--accent);width:calc(25% - .135rem);height:calc(100% - .5rem);box-shadow:inset 0 -1px 0 var(--inner-shadow-dark-weak);pointer-events:none;z-index:0;transform:translateX(calc(var(--navbar-selection-index,0) * (100% + .18rem)));transition:transform var(--motion-duration-3) var(--motion-ease-out), opacity var(--motion-duration-2) var(--motion-ease-out);border-radius:1.35rem;position:absolute;top:.25rem;left:.25rem}@media (width<=899px){#navbar{will-change:transform, opacity}#navbar.navbar-visible{animation:mobile-navbar-enter var(--motion-duration-3) var(--motion-ease-out) both}#navbar.navbar-hidden{transform:translate(-50%,calc(100% + 1rem))}}@media (width>=900px){#navbar{--desktop-sidebar-width:14rem;width:var(--desktop-sidebar-width);min-width:0;max-width:none;min-height:0;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-3) calc(var(--space-5) + env(safe-area-inset-bottom));justify-content:flex-start;align-items:stretch;gap:var(--space-2);border:0;border-right:1px solid var(--nav-border);box-shadow:none;border-radius:0;flex-direction:column;display:flex;top:0;bottom:0;left:0;transform:none}.navbar-brand{align-items:center;gap:var(--space-2);min-height:3.8rem;padding:var(--space-2) var(--space-3) var(--space-4);color:var(--text);display:flex}.navbar-logo{object-fit:contain;flex:none;width:2.35rem;height:2.35rem;display:block}.navbar-logo-dark{display:none}.navbar-brand-text{min-width:0;color:var(--text);letter-spacing:-.03em;font-size:1.08rem;font-weight:900;line-height:1}.app-shell.theme-dark .navbar-logo-light{display:none}.app-shell.theme-dark .navbar-logo-dark{display:block}@media (prefers-color-scheme:dark){.app-shell.theme-system .navbar-logo-light{display:none}.app-shell.theme-system .navbar-logo-dark{display:block}}#navbar .navbar-selection{left:var(--space-3);top:calc(var(--space-5) + env(safe-area-inset-top) + 4.15rem + (var(--navbar-selection-index,0) * (3rem + var(--space-2))));width:calc(100% - (var(--space-3) * 2));height:3rem;transform:none}#navbar a{width:100%;min-width:0;min-height:3rem;padding:0 var(--space-3);border-radius:var(--radius-lg);text-align:left;flex-direction:row;justify-content:flex-start;gap:.75rem;font-size:.96rem}#navbar a>svg{width:1.12rem;height:1.12rem}.navbar-link-label{font-size:.96rem}.navbar-notification-badge{top:50%;right:var(--space-3);transform:translateY(-50%)}#navbar.navbar-visible{transform:none}#navbar.navbar-hidden{transform:translate(-.75rem)}.offline-pill{left:7rem;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));transform:translate(-50%)}}