.nav-topbar{z-index:110;height:var(--nav-topbar-height);padding:env(safe-area-inset-top) 1rem 0;background:var(--tutti-background);grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;display:grid;position:fixed;top:0;left:0;right:0}.nav-topbar-avatar{background:var(--tutti-dark);width:2.625rem;height:2.625rem;color:var(--tutti-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.nav-topbar-title{text-align:center;letter-spacing:-.02em;color:var(--tutti-label-font);white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;font-weight:800;overflow:hidden}.nav-topbar-toggle{cursor:pointer;background:#ffffff80;border-radius:.875rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.3rem;width:2.625rem;height:2.625rem;display:flex}.nav-topbar-toggle-bar{background:var(--tutti-placeholder-font);border-radius:.125rem;width:1.25rem;height:.14rem}@media screen and (min-width:60rem){.nav-topbar{display:none}}
.nav-list,.nav-footer{flex-direction:column;gap:.625rem;display:flex}.nav-brand{align-items:center;gap:.6875rem;padding:0 .375rem 1.25rem;display:flex}.nav-brand-mark{background:var(--tutti-button);width:2.5rem;height:2.5rem;color:var(--tutti-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav-brand-text{flex-direction:column;line-height:1.15;display:flex}.nav-brand-name{letter-spacing:-.02em;color:var(--tutti-label-font);font-size:1.0625rem;font-weight:800}.nav-brand-tagline{color:rgba(var(--tutti-ink-rgb), .5);font-size:.71875rem;font-weight:600}.nav-group-label{letter-spacing:.09em;text-transform:uppercase;color:rgba(var(--tutti-ink-rgb), .4);padding:.75rem .375rem .5rem;font-size:.65625rem;font-weight:700;display:block}.nav-group-label:first-child{padding-top:0}.nav-spacer{flex:1}.nav-divider{background:rgba(var(--tutti-ink-rgb), .08);height:1px;margin:.75rem .375rem}
.nav-skeleton-circle,.nav-skeleton-square,.nav-skeleton-bar,.nav-skeleton-dot{background:linear-gradient(90deg, var(--tutti-input) 25%, rgba(var(--tutti-ink-rgb), .06) 37%, var(--tutti-input) 63%);background-size:400% 100%;border-radius:.75rem;animation:1.4s infinite nav-skeleton-shimmer}.nav-skeleton-circle,.nav-skeleton-dot{border-radius:50%;flex:none;width:2.625rem;height:2.625rem}.nav-skeleton-circle--brand{width:2.75rem;height:2.75rem;margin-bottom:1rem}.nav-skeleton-square{border-radius:.875rem;flex:none;width:2.625rem;height:2.625rem}.nav-skeleton-bar{height:1.25rem;margin:.5rem 0}.nav-skeleton-bar--title{width:40%;height:1.0625rem;margin:0}.nav-skeleton-bar--short{width:60%}.nav-skeleton-dot{width:3.2rem;height:3.2rem}@keyframes nav-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}