.live-badge{align-items:center;display:inline-flex;gap:var(--space-1)}.live-badge--hidden{display:none}.live-badge__dot{animation:liveBadgePulse 2s ease-in-out infinite;background-color:var(--color-signal-500);border-radius:50%;height:8px;position:relative;width:8px}.live-badge__dot:before{animation:liveBadgePulseRing 2s ease-in-out infinite;background-color:var(--color-signal-500);border-radius:50%;content:"";height:8px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.live-badge__text{color:var(--color-signal-500);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.5px;line-height:1;text-transform:uppercase}.live-badge--sm .live-badge__dot{height:6px;width:6px}.live-badge--sm .live-badge__dot:before{height:6px;width:6px}.live-badge--sm .live-badge__text{font-size:10px;letter-spacing:.3px}.live-badge--paused .live-badge__dot{animation:none;background-color:var(--text-muted)}.live-badge--paused .live-badge__dot:before{animation:none;opacity:0}.live-badge--paused .live-badge__text{color:var(--text-muted)}@keyframes liveBadgePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes liveBadgePulseRing{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-image{background-color:var(--media-image-bg,#f0f0f0);overflow:hidden;position:relative;width:100%}.media-image>*{height:100%;left:0;position:absolute;top:0;width:100%}.media-image__placeholder{transition:opacity .3s ease-out;z-index:1}.media-image__placeholder--thumbhash{background-repeat:no-repeat;filter:blur(2px);transform:scale(1.05)}.media-image__placeholder--skeleton{animation:media-image-shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--media-image-skeleton-base,#e0e0e0) 25%,var(--media-image-skeleton-highlight,#f5f5f5) 50%,var(--media-image-skeleton-base,#e0e0e0) 75%);background-size:200% 100%}@keyframes media-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.media-image__img{height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s ease-out;width:100%;z-index:2}.media-image__blur-fill{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(20px) saturate(150%);opacity:0;pointer-events:none;transform:scale(1.15);transition:opacity .3s ease-out;z-index:1}.media-image__blur-fill--active{opacity:1}.media-image__blur-fill:after{background:rgba(0,0,0,.3);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.media-image[data-state=idle] .media-image__img{opacity:0}.media-image[data-state=loaded] .media-image__img{opacity:1}.media-image[data-state=loaded] .media-image__placeholder{opacity:0;pointer-events:none}.media-image[data-state=error] .media-image__blur-fill{opacity:0}.media-image[data-state=error]{background-color:var(--media-image-error-bg,#fafafa)}.media-image[data-state=error]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:24px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.media-image__initial{align-items:center;background-color:var(--bg-tertiary);box-sizing:border-box;color:var(--text-muted);display:flex;font-size:calc(var(--media-image-initial-size, 1em)*.42);font-weight:600;justify-content:center;line-height:1;padding-top:.08em;text-transform:uppercase;user-select:none;z-index:2}.media-image--avatar{border-radius:50%}.media-image--rounded{border-radius:8px}.media-image--rounded-lg{border-radius:12px}.media-image--square{aspect-ratio:1/1}.media-image--video{aspect-ratio:16/9}.media-image--portrait{aspect-ratio:3/4}.media-image--landscape{aspect-ratio:4/3}.media-image--hero{aspect-ratio:21/9}.media-image--clickable{cursor:pointer}.media-image--clickable:hover .media-image__img{transform:scale(1.02)}.media-image--clickable .media-image__img{transition:opacity .3s ease-out,transform .2s ease-out}.media-image--clickable:active .media-image__img{transform:scale(.98)}@media (prefers-color-scheme:dark) and (min-width:999999px){.media-image{background-color:var(--media-image-bg-dark,#2a2a2a)}.media-image__placeholder--skeleton{background:linear-gradient(90deg,var(--media-image-skeleton-base-dark,#3a3a3a) 25%,var(--media-image-skeleton-highlight-dark,#4a4a4a) 50%,var(--media-image-skeleton-base-dark,#3a3a3a) 75%);background-size:200% 100%}.media-image__blur-fill:after{background:rgba(0,0,0,.45)}.media-image[data-state=error]{background-color:var(--media-image-error-bg-dark,#2a2a2a)}.media-image[data-state=error]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E")}}@media (prefers-reduced-motion:reduce){.media-image__placeholder--skeleton{animation:none;background:var(--media-image-skeleton-base,#e0e0e0)}.media-image__blur-fill,.media-image__img,.media-image__placeholder{transition:none}.media-image--clickable .media-image__img{transition:none}.media-image--clickable:active .media-image__img,.media-image--clickable:hover .media-image__img{transform:none}}@media (min-width:768px){.media-image[data-state=error]:after{height:32px;width:32px}.media-image--rounded{border-radius:10px}.media-image--rounded-lg{border-radius:16px}}.media-image--fill{height:100%;left:0;position:absolute;top:0;width:100%}.media-image--with-overlay:before{background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.6));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.media-image--transparent{background-color:transparent}.media-image--bordered{border:1px solid var(--media-image-border,rgba(0,0,0,.1))}@media (prefers-color-scheme:dark) and (min-width:999999px){.media-image--bordered{border-color:var(--media-image-border-dark,hsla(0,0%,100%,.1))}}.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-mount{display:inline-block;height:32px;width:32px}.mobile-top-appbar-profile-image{border:2px solid var(--interactive-neutral);border-radius:50%;height:32px;overflow:hidden;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:fixed;z-index:calc(var(--z-modal) + 5)}.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-slot{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;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(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}@media (hover:hover) and (pointer:fine){.mobile-top-appbar-live-badge-slot:hover{background-color:var(--bg-tertiary)}}.mobile-top-appbar-live-badge-slot:active{transform:translateY(-50%) scale(.95)}.mobile-top-appbar-live-badge-slot:focus{box-shadow:var(--focus-ring);outline: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}