.app-header{grid-template-columns:1fr auto 1fr;gap:24px;display:grid}.app-header-spacer{height:calc(74px + env(safe-area-inset-top));flex:none}.app-header__actions{justify-self:end}.app-nav{align-items:center;gap:4px;display:flex}.app-nav a{min-height:40px;color:var(--color-text-muted);transition:background-color var(--motion-feedback) var(--ui-ease-std,cubic-bezier(.4, 0, .2, 1)), color var(--motion-feedback) var(--ui-ease-std,cubic-bezier(.4, 0, .2, 1));border-radius:999px;place-items:center;padding:8px 18px;font-size:.84rem;font-weight:600;text-decoration:none;display:grid;transform:none}@media (hover:hover) and (pointer:fine){.app-nav a:hover{color:var(--color-action);background:var(--color-surface-hover)}}.app-nav a[aria-current=page]{background:var(--color-surface-active);color:var(--color-action)}.app-header .profile-chip{border-radius:50%;justify-content:center;width:44px;min-width:44px;height:44px;padding:4px}.app-header .profile-chip[aria-current=page]{outline:2px solid var(--color-action);outline-offset:3px}@media (width<=640px){.app-header{height:calc(127px + env(safe-area-inset-top));min-height:0;padding:calc(16px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));grid-template-columns:1fr auto;gap:12px}.app-header-spacer{height:calc(127px + env(safe-area-inset-top))}.app-header__actions{grid-area:1/2}.app-nav{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:center;padding-bottom:10px}.app-nav a{flex:1;max-width:140px;min-height:44px;padding-inline:12px}}@media (width>=641px) and (width<=800px){.app-header-spacer{height:calc(66px + env(safe-area-inset-top))}}