.mobile-top-appbar{background:var(--background-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);left:0;padding-left:max(var(--spacing-xs),env(safe-area-inset-left));padding-right:max(var(--spacing-xs),env(safe-area-inset-right));padding-top:max(-4px,env(safe-area-inset-top));position:fixed;right:0;top:0;transform:translateY(0);transition:transform var(--duration-normal) var(--ease-default);z-index:var(--z-header)}.mobile-top-appbar.mobile-top-appbar--hidden{pointer-events:none;transform:translateY(-100%)}.mobile-top-appbar-container{align-items:center;display:flex;height:44px;padding:0 var(--spacing-xs)}.mobile-top-appbar-left{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);position:relative;z-index:1}.mobile-top-appbar-center{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.mobile-top-appbar-settings{flex-shrink:0;z-index:1}.mobile-top-appbar-profile-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;margin-bottom:var(--space-1);margin-left:var(--space-2);padding:0;transition:background-color var(--transition-fast)}.mobile-top-appbar-profile-button:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-profile-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-top-appbar-profile-image{border:2px solid var(--interactive-neutral);border-radius:50%;height:32px;object-fit:cover;width:32px}.mobile-top-appbar-back-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.mobile-top-appbar-back-button:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-back-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-top-appbar-back-button i{font-size:18px;line-height:1}.mobile-top-appbar-close-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.mobile-top-appbar-close-button:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-top-appbar-close-button svg{height:20px;width:20px}.mobile-top-appbar-back-button.platform-visible,.mobile-top-appbar-close-button.platform-visible{display:flex}.mobile-top-appbar-title{color:var(--text-primary-soft);cursor:default;font-size:20px;font-weight:600;letter-spacing:-.6px;max-width:calc(100% - 200px);overflow:hidden;pointer-events:auto;text-align:center;text-overflow:ellipsis;user-select:none;white-space:nowrap}.mobile-top-appbar-logo{height:32px;width:auto}.mobile-top-appbar-settings-container{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);margin-left:auto;position:relative;z-index:1}.mobile-top-appbar-container{position:relative}.mobile-top-appbar-settings-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:background-color var(--transition-fast)}.mobile-top-appbar-settings-button:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-settings-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.settings-icon{height:22px;opacity:.8;width:22px}.mobile-top-appbar-create-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;height:fit-content;justify-content:center;margin:0;padding:0;position:absolute;right:52px;text-decoration:none;top:50%;transform:translateY(-50%);transition:background-color var(--transition-fast),transform var(--transition-fast);width:100%}.mobile-top-appbar-create-button:hover{background-color:var(--gray-background-color);transform:translateY(-50%) scale(1.05)}.mobile-top-appbar-create-button:active{transform:translateY(-50%) scale(.95)}.mobile-top-appbar-create-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.create-icon{height:28px;opacity:.9;transition:opacity var(--transition-fast);width:28px}.mobile-top-appbar-create-button:hover .create-icon{opacity:1}.mobile-top-appbar-create-menu{background-color:var(--widget-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:block;filter:blur(12px);margin-top:var(--spacing-xs);min-width:200px;opacity:0;padding:8px 6px;pointer-events:none;position:absolute;right:0;top:calc(100% + var(--spacing-xs));transform:translateY(-8px) scale(.92);transform-origin:top right;transition:opacity .15s ease-out,filter .1s ease-out,transform .2s ease-out,box-shadow .2s ease-out;will-change:opacity,filter,transform;z-index:calc(var(--z-header) + 50)}.mobile-top-appbar-create-menu.dropdown-open{box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);filter:blur(0);opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .15s ease-out,filter .1s ease-out,transform .2s ease-out,box-shadow .2s ease-out}.mobile-top-appbar-create-menu .dropdown-item{align-items:center;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:12px;padding:10px var(--spacing-sm);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-top-appbar-create-menu .dropdown-item:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-settings-menu-container{pointer-events:none;position:absolute;top:calc(100% + var(--spacing-xs));z-index:calc(var(--z-header) + 50)}.mobile-top-appbar-settings-menu-container.context-menu-right{left:auto;right:0}.mobile-top-appbar-settings-menu-container.context-menu-left{left:0;right:auto}.mobile-top-appbar-settings-menu-container.context-menu-center{left:0;right:auto}.mobile-top-appbar-settings-menu{background-color:var(--widget-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:block;filter:blur(12px);margin-top:var(--spacing-xs);min-width:200px;opacity:0;padding:8px 6px;pointer-events:none;transform:translateY(-8px) scale(.92);transform-origin:top right;transition:opacity .15s ease-out,filter .1s ease-out,transform .2s ease-out,box-shadow .2s ease-out;will-change:opacity,filter,transform}.mobile-top-appbar-settings-menu-container.context-menu-right .mobile-top-appbar-settings-menu{transform-origin:top right}.mobile-top-appbar-settings-menu-container.context-menu-left .mobile-top-appbar-settings-menu{transform-origin:top left}.mobile-top-appbar-settings-menu-container.context-menu-center .mobile-top-appbar-settings-menu{transform-origin:top center}.mobile-top-appbar-settings-menu-container.dropdown-open{pointer-events:auto}.mobile-top-appbar-settings-menu-container.dropdown-open .mobile-top-appbar-settings-menu{box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);filter:blur(0);opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .15s ease-out,filter .1s ease-out,transform .2s ease-out,box-shadow .2s ease-out}.mobile-top-appbar-settings-menu-item{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:12px;padding:10px var(--spacing-sm);position:relative;text-align:left;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.mobile-top-appbar-settings-menu-item:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-settings-menu-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.mobile-top-appbar-settings-menu-item i{color:var(--text-secondary);text-align:center;width:16px}.notification-bell{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:relative;transition:background-color var(--transition-fast);width:44px}.notification-bell:hover{background-color:var(--gray-background-color)}.notification-bell__icon{height:22px;width:22px}.notification-bell__badge{background:var(--primary-color);border-radius:var(--border-radius-full);color:var(--button-text-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:2px;text-align:center;top:4px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.notification-bell__badge--hidden{display:none}.notification-bell__badge--animate{transform:scale(1.3)}.mobile-top-appbar-live-badge{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-xs);justify-content:center;left:calc(var(--spacing-xs)*2 + 20px + var(--spacing-xs));margin:0;padding:var(--spacing-xs);position:absolute;top:50%;transform:translateY(-50%);transition:background-color var(--transition-fast),transform var(--transition-fast)}.mobile-top-appbar-live-badge:hover{background-color:var(--gray-background-color)}.mobile-top-appbar-live-badge:active{transform:translateY(-50%) scale(.95)}.mobile-top-appbar-live-badge:focus{outline:2px solid var(--primary-color);outline-offset:2px}.live-badge-dot{animation:livePulse 2s ease-in-out infinite;background-color:#fc0017;border-radius:50%;height:8px;position:relative;width:8px}.live-badge-dot:before{animation:livePulseRing 2s ease-in-out infinite;background-color:#fc0017;border-radius:50%;content:"";height:8px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.live-badge-text{color:#fc0017;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes livePulseRing{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@media (prefers-reduced-motion:reduce){.live-badge-dot,.live-badge-dot:before{animation:none}}@media (min-width:768px){.mobile-top-appbar:not(.platform-native *){display:none}}@media (prefers-contrast:high){.mobile-top-appbar{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.mobile-top-appbar,.mobile-top-appbar-back-button,.mobile-top-appbar-close-button,.mobile-top-appbar-live-badge,.mobile-top-appbar-profile-button,.mobile-top-appbar-settings-button,.mobile-top-appbar-settings-menu,.notification-bell__badge{animation:none;filter:none!important;transition:none}}.mobile-top-appbar-back-button:focus-visible,.mobile-top-appbar-close-button:focus-visible,.mobile-top-appbar-live-badge:focus-visible,.mobile-top-appbar-profile-button:focus-visible,.mobile-top-appbar-settings:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}