.app-shell{min-height:100vh;padding:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));--stack-gap:var(--space-3);overflow-x:hidden}.app-shell__content{flex:1}.app-shell__nav{z-index:50;border-radius:var(--radius-lg);background:var(--nav-glow), var(--surface-glass);border:1px solid var(--surface-glass-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;max-width:100%;padding:10px 16px;position:sticky;top:8px}.navbar{align-items:center;gap:var(--space-1);display:flex;overflow:hidden}.navbar__brand{flex-shrink:0;align-items:center;gap:6px;display:flex}.navbar__logo{align-items:center;width:auto;height:1.5rem;display:inline-flex}.navbar__tagline{font-size:var(--text-14);color:var(--muted);display:none}.navbar__desktop-links{flex:1;justify-content:center;align-items:center;gap:4px;display:none}.navbar .navbar__desktop-only{display:none}.navbar__controls{align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto;display:flex}.navbar__menu-toggle{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.navbar__toggle-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.navbar__toggle-icon svg{width:100%;height:100%}.navbar__icon-btn{width:40px;height:40px;color:var(--muted);border:1px solid transparent;border-radius:10px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.navbar__icon-btn:hover{color:var(--text);border-color:var(--accent-border);background:var(--accent-surface-hover)}.navbar__icon-btn svg{width:18px;height:18px}.navbar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.navbar__link-icon svg{width:100%;height:100%}.navbar__link{color:var(--text);white-space:nowrap;background:0 0;border:1px solid transparent;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:12px 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.navbar__link:hover{border-color:var(--accent-border);background:var(--accent-surface-hover)}.navbar__link--active{border-color:var(--accent-border);background:var(--accent-surface);color:var(--text);box-shadow:0 8px 20px var(--accent-shadow)}.navbar-backdrop{background:var(--overlay-40);z-index:90;animation:fade-in var(--duration-short) ease;position:fixed;inset:0}.navbar-drawer{z-index:100;background:var(--surface);border-left:1px solid var(--border);width:min(300px,85vw);box-shadow:-8px 0 24px var(--shadow-strong);padding:var(--space-4) var(--space-3);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));visibility:hidden;transition:transform var(--duration-medium) var(--ease-out-expo), visibility 0s var(--duration-medium);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.navbar-drawer--open{visibility:visible;transition:transform var(--duration-medium) var(--ease-out-expo), visibility 0s;transform:translate(0)}.navbar-drawer__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.navbar-drawer__body{flex-direction:column;flex:1;gap:4px;display:flex}.navbar-drawer__body .navbar__link{width:100%;font-size:var(--text-16);justify-content:flex-start}.navbar-drawer__divider{background:var(--border);height:1px;margin:var(--space-2) 0}.navbar-drawer__preferences{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.navbar-drawer__footer{border-top:1px solid var(--border);padding-top:var(--space-3)}.navbar__user{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.navbar__user-compact{display:none}.navbar__avatar{background:var(--primary);width:40px;height:40px;color:var(--text-on-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.navbar__meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.navbar__email{font-size:var(--text-14);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.theme-toggle{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-bg-6);flex-shrink:0;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.theme-toggle__btn{color:var(--muted);cursor:pointer;min-height:36px;font-weight:600;font-size:var(--text-14);white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 8px}.theme-toggle__btn--active{color:var(--text);background:var(--accent-surface)}.navbar__link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar__menu-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar__icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width>=37.5rem){.navbar__tagline{display:block}}@media (width>=48rem){.app-shell{padding:var(--space-3) clamp(16px, 4vw, 40px) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.app-shell__nav{top:12px}}@media (width>=56.25rem){.navbar__desktop-links{display:flex}.navbar .navbar__desktop-only,.navbar__user-compact{display:inline-flex}.navbar__menu-toggle,.navbar-drawer,.navbar-backdrop{display:none}}@media (prefers-reduced-motion:reduce){.navbar-drawer{transition:none}.navbar-backdrop{animation:none}}