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