.mobile-header{position:fixed!important;z-index:50;top:0!important;right:0!important;left:0!important;display:flex;width:100%;max-width:100vw;min-height:calc(env(safe-area-inset-top, 0px) + 44px);flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;box-sizing:border-box;border:none;background:transparent;padding:max(env(safe-area-inset-top,0px),4px) var(--app-mobile-gutter-right) 6px var(--app-mobile-gutter-left)}[data-theme=light] .mobile-header{box-shadow:none}.mobile-header-island{min-height:44px;flex-shrink:0;overflow:hidden;border-radius:9999px}.mobile-header-island,.mobile-header-island .mobile-header-action,.mobile-header-island .mobile-header-action-wrap button,.mobile-header-island .mobile-header-logo,.mobile-header-island .mobile-header-user{-webkit-tap-highlight-color:transparent}.mobile-header-island-left{flex:0 0 auto;width:-moz-max-content;width:max-content;max-width:min(58vw,240px)}.mobile-header-island-right{width:clamp(104px,28vw,148px);max-width:min(42vw,180px);flex-shrink:0}.mobile-header-island-inner{display:flex;min-height:44px;height:100%;flex-wrap:nowrap;align-items:center;gap:2px;padding:0 6px 0 8px}.mobile-header-island-left .mobile-header-island-inner{width:-moz-max-content;width:max-content}.mobile-header-island-right .mobile-header-island-inner{width:100%;justify-content:flex-end;padding:0 4px 0 6px}.mobile-header-action,.mobile-header-action-wrap button,.mobile-header-logo,.mobile-header-user{border-radius:9999px;outline:none;touch-action:manipulation;transition:color .15s ease,background-color .15s ease}.mobile-header-user{display:flex;max-width:100%;min-width:0;align-items:center;gap:.5rem;padding:4px 4px 4px 2px}.mobile-header-action-wrap .relative>button:focus-visible,.mobile-header-action-wrap button:focus-visible,.mobile-header-action:focus-visible,.mobile-header-logo:focus-visible,.mobile-header-user:focus-visible{box-shadow:0 0 0 2px var(--theme-accent-light)}.mobile-header-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}@media (min-width:640px){.mobile-header-user-name{max-width:120px}}.mobile-header-logo{display:flex;min-width:40px;min-height:40px;flex-shrink:0;align-items:center;justify-content:center;margin:0 -2px 0 0;padding:6px 10px;cursor:pointer}.mobile-header-logo-text{flex-shrink:0;font-size:.9375rem;font-weight:600;letter-spacing:.02em}.mobile-header-action-wrap,.mobile-header-action-wrap .relative,.mobile-header-actions{display:flex;flex-shrink:0;align-items:center;justify-content:center}.mobile-header-actions{flex-wrap:nowrap;gap:2px}.mobile-header-action-wrap[data-reserved=true]{visibility:hidden;pointer-events:none}.mobile-header-action,.mobile-header-action-wrap .relative>button,.mobile-header-action-wrap button{display:flex;width:40px;min-width:40px;height:40px;min-height:40px;flex-shrink:0;align-items:center;justify-content:center}.mobile-header-action svg,.mobile-header-action-wrap button svg,.mobile-header-icon{width:20px;min-width:20px;height:20px;min-height:20px;flex-shrink:0}.mobile-header-user .mobile-avatar-button img,.mobile-header-user .mobile-avatar-button>span{width:28px;min-width:28px;height:28px;min-height:28px}.mobile-avatar-button{position:relative;display:flex;width:32px;min-width:32px;height:32px;min-height:32px;align-items:center;justify-content:center;overflow:visible;touch-action:manipulation}.mobile-avatar-button,.mobile-avatar-button img,.mobile-avatar-button>span{flex-shrink:0;border-radius:9999px}.nav-mobile-zone{pointer-events:none;position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:calc(64px + env(safe-area-inset-bottom, 0px));padding-top:0;padding-right:var(--app-mobile-gutter-right);padding-bottom:max(6px,env(safe-area-inset-bottom,0px));padding-left:var(--app-mobile-gutter-left);background:transparent!important;border:none;box-shadow:none;contain:layout style paint;transform:translateZ(0)}.nav-mobile-zone-placeholder{visibility:hidden}.nav-mobile-zone .layout-zone,.nav-mobile-zone .layout-zone>div,.nav-mobile-zone [data-module-placement-id]{pointer-events:none;background:transparent!important}.nav-mobile-zone .nav-mobile{pointer-events:auto}.nav-mobile-zone .layout-zone,.nav-mobile-zone .layout-zone>div{width:100%;background:transparent!important}.nav-mobile-zone [data-module-placement-id]{flex:1 1 100%;min-width:0;background:transparent!important}.mobile-bottom-stack{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;pointer-events:none}.mobile-bottom-stack-player{display:flex;width:100%;justify-content:center;pointer-events:auto}.nav-mobile{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:32rem;flex-direction:column;min-height:52px;border-radius:9999px;padding:6px}.nav-mobile-inner{width:100%;justify-content:space-around;gap:4px;padding:0 4px}.nav-mobile-inner,.nav-mobile-item{display:flex;align-items:center;min-height:40px}.nav-mobile-item{flex-direction:column;justify-content:center;flex:1;min-width:0;padding:6px 4px;border-radius:9999px;transition:background-color .2s ease,color .2s ease,transform .2s ease;touch-action:manipulation;gap:0}.nav-mobile-item[data-hold-hovered=true]{background-color:var(--theme-nav-mobile-item-bg-hover,var(--btn-ghost-bg-hover));color:var(--theme-nav-mobile-item-text-active,var(--theme-text-primary));transform:scale(1.04)}.nav-mobile-item.btn-active[data-hold-hovered=true],.nav-mobile-item.nav-mobile-item-active[data-hold-hovered=true]{color:var(--theme-nav-mobile-item-text-active,var(--btn-active-text))}.nav-mobile-item-icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px}.nav-mobile-item-icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:inherit}.nav-mobile-item-icon-active{filter:none}