.app-header {
    position: fixed; top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%; max-width: 600px;
    height: var(--header-h, 60px);
    padding-top: 0;
    background: transparent;
    box-shadow: none; border: none;
    display: flex; align-items: center;
    box-sizing: border-box; z-index: 10000;
    padding-left: 12px; touch-action: pan-x pan-y;
    pointer-events: none;
    will-change: transform;
}
.app-header > * {
    pointer-events: auto;
}
@media (max-width: 600px) {
    .app-header { max-width: 100%; padding-left: 8px; }
}