:root{--global-sidebar-left:0px;--global-sidebar-width:92px;--global-sidebar-gap:var(--room-workspace-gap, 8px)}.global-sidebar{display:none}@media (min-width:981px){body:not(.mobile-layout){padding-left:calc(var(--global-sidebar-width) + var(--global-sidebar-gap))!important}body:not(.mobile-layout)>.app>.card{padding-left:0!important;padding-right:12px!important}body:not(.mobile-layout) .global-sidebar{position:fixed;left:var(--global-sidebar-left);top:24px;bottom:24px;z-index:1800;width:var(--global-sidebar-width);min-height:0;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border-light) 82%,transparent);border-radius:0 var(--room-workspace-card-radius,10px) var(--room-workspace-card-radius,10px) 0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 42%,transparent),color-mix(in srgb,var(--bg-card) 34%,transparent));box-shadow:0 22px 54px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.045);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:.28s cubic-bezier(.2,.8,.2,1) both global-sidebar-enter;isolation:isolate}:root.audio-hut-desktop-frame body:not(.mobile-layout) .global-sidebar{top:calc(var(--audio-hut-desktop-titlebar-height,34px) + 24px)}body:not(.mobile-layout) .global-sidebar::before{content:none;display:none}body:not(.mobile-layout) .global-sidebar-brand{width:100%;display:grid;justify-items:center;gap:12px}body:not(.mobile-layout) .global-sidebar-title{width:100%;overflow:hidden;color:var(--text-primary);font-size:.8rem;font-weight:900;line-height:1.25;letter-spacing:.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap}body:not(.mobile-layout) .global-sidebar-logo-btn,body:not(.mobile-layout) .global-sidebar-room-btn{position:relative;width:58px;height:58px;min-width:58px;min-height:58px;display:grid;place-items:center;padding:4px;border:1px solid color-mix(in srgb,var(--border-light) 90%,transparent);border-radius:18px;color:var(--text-primary);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;-webkit-user-drag:none;transition:transform .17s,border-color .17s,background-color .17s,box-shadow .17s}body:not(.mobile-layout) .global-sidebar-logo-btn:focus-visible,body:not(.mobile-layout) .global-sidebar-logo-btn:hover,body:not(.mobile-layout) .global-sidebar-room-btn:focus-visible,body:not(.mobile-layout) .global-sidebar-room-btn:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-light));background:color-mix(in srgb,var(--accent) 10%,var(--bg-panel));box-shadow:0 12px 26px rgba(var(--accent-rgb),.15),inset 0 1px 0 rgba(255,255,255,.07);outline:0;transform:translateY(-2px)}body:not(.mobile-layout) .global-sidebar-logo-btn.is-active,body:not(.mobile-layout) .global-sidebar-room-btn.is-active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border-light));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),0 12px 26px rgba(var(--accent-rgb),.13)}body:not(.mobile-layout) .global-sidebar-logo-btn.is-active::before,body:not(.mobile-layout) .global-sidebar-room-btn.is-active::before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:24px;border-radius:999px;background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.42);transform:translateY(-50%)}body:not(.mobile-layout) .global-sidebar-logo-btn img,body:not(.mobile-layout) .global-sidebar-room-image{width:100%;height:100%;display:block;border-radius:14px;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}body:not(.mobile-layout) .global-sidebar-logo-btn img{object-fit:contain}body:not(.mobile-layout) .global-sidebar-divider{width:46px;height:1px;margin:14px 0;flex:0 0 auto;background:color-mix(in srgb,var(--border-light) 86%,transparent)}body:not(.mobile-layout) .global-sidebar-room-nav{width:100%;min-height:62px;display:grid;justify-items:center;align-content:start}body:not(.mobile-layout) .global-sidebar-room-btn{animation:.22s cubic-bezier(.2,.8,.2,1) both global-sidebar-room-enter}body:not(.mobile-layout) .global-sidebar-room-btn.hidden{display:none!important}body:not(.mobile-layout) .global-sidebar-room-avatar{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-panel))}body:not(.mobile-layout) .global-sidebar-room-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--accent);font-size:1.15rem;font-weight:950}body:not(.mobile-layout) .global-sidebar-room-fallback.hidden,body:not(.mobile-layout) .global-sidebar-room-image.hidden{display:none!important}body:not(.mobile-layout) .global-sidebar-room-status{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:3px solid var(--bg-card);border-radius:50%;background:#22c55e;box-shadow:0 0 0 1px color-mix(in srgb,#22c55e 62%,transparent)}body:not(.mobile-layout) .global-sidebar-utility-row{width:74px;height:34px;margin-top:auto;padding:0;display:flex;align-items:center;justify-content:flex-start}body:not(.mobile-layout) #header-theme-entry-btn,body:not(.mobile-layout) .global-sidebar-utility-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;display:inline-grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:10px!important;color:var(--text-secondary)!important;background:0 0!important;box-shadow:none!important;cursor:pointer;transition:color .16s,background-color .16s,transform .16s!important}body:not(.mobile-layout) #header-theme-entry-btn.is-active,body:not(.mobile-layout) #header-theme-entry-btn:focus-visible,body:not(.mobile-layout) #header-theme-entry-btn:hover,body:not(.mobile-layout) .global-sidebar-utility-btn:focus-visible,body:not(.mobile-layout) .global-sidebar-utility-btn:hover{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 13%,transparent)!important;outline:0;transform:none}body:not(.mobile-layout) #header-theme-entry-btn .ui-svg,body:not(.mobile-layout) .global-sidebar-utility-btn .ui-svg{--icon-size:21px}body:not(.mobile-layout) #header-theme-entry-btn{position:fixed!important;left:calc(var(--global-sidebar-left) + 49px)!important;right:auto!important;top:auto!important;bottom:36px!important;z-index:1820!important}body:not(.mobile-layout) #global-sidebar-settings-btn{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:1820!important}body:not(.mobile-layout) .theme-panel,body:not(.mobile-layout).dark .theme-panel,body:not(.mobile-layout).room-active .theme-panel{position:fixed!important;left:calc(var(--global-sidebar-width) + var(--global-sidebar-gap))!important;right:auto!important;top:auto!important;bottom:36px!important;width:min(760px,calc(100vw - var(--global-sidebar-width) - var(--global-sidebar-gap) - 16px))!important;max-height:calc(100dvh - 48px)!important;transform-origin:left bottom}body:not(.mobile-layout) #header-theme-entry-btn>span:last-child:not(.ui-svg){display:none!important}body:not(.mobile-layout) #header-desktop-download-btn{position:fixed!important;left:calc(var(--global-sidebar-left) + 12px)!important;right:auto!important;top:auto!important;bottom:156px!important;z-index:1820!important;width:68px!important;min-width:68px!important;min-height:48px!important;padding:5px 4px!important;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px!important;border-radius:12px!important;font-size:.68rem!important;line-height:1!important;text-align:center;white-space:nowrap;box-shadow:none!important}body:not(.mobile-layout) #header-desktop-download-btn.hidden{display:none!important}body:not(.mobile-layout) #header-desktop-download-btn .ui-svg{--icon-size:17px}body:not(.mobile-layout) #header-login-btn{position:fixed!important;left:calc(var(--global-sidebar-left) + 12px)!important;right:auto!important;top:auto!important;bottom:94px!important;z-index:1820!important;width:68px;min-width:68px;min-height:42px;padding:0 10px;justify-content:center;border-radius:13px;font-size:.82rem;box-shadow:none}body:not(.mobile-layout) #header-account-chip{position:fixed!important;left:calc(var(--global-sidebar-left) + 18px)!important;right:auto!important;top:auto!important;bottom:89px!important;z-index:1820!important;width:56px!important;min-width:56px!important;height:56px!important;min-height:56px!important;padding:3px!important;gap:0!important;justify-content:center!important;border:1px solid transparent!important;border-radius:18px!important;background:0 0!important;box-shadow:none!important}body:not(.mobile-layout) #header-account-chip.is-active,body:not(.mobile-layout) #header-account-chip:focus-visible,body:not(.mobile-layout) #header-account-chip:hover{border-color:color-mix(in srgb,var(--accent) 46%,var(--border-light))!important;background:color-mix(in srgb,var(--accent) 10%,var(--bg-panel))!important;outline:0}body:not(.mobile-layout) #header-account-chip .header-account-avatar{width:48px!important;height:48px!important;min-width:48px!important}body:not(.mobile-layout) #header-account-chip .header-account-name{display:none!important}body:not(.mobile-layout) #header-account-chip::after{content:none!important;display:none!important}body:not(.mobile-layout) #header-account-menu{position:fixed!important;left:calc(var(--global-sidebar-left) + var(--global-sidebar-width) + var(--global-sidebar-gap))!important;right:auto!important;top:auto!important;bottom:88px!important;z-index:4300!important}body:not(.mobile-layout) .header-title-cluster,body:not(.mobile-layout) .theme-skin-shell>.theme-toggle{display:none!important}:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout).room-lobby-peek{height:100dvh;min-height:0;overflow-y:hidden}:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout).room-lobby-peek>.app,:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout).room-lobby-peek>.app>.card{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout):not(.room-active){height:100dvh;min-height:0;overflow-y:hidden}:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout):not(.room-active)>.app,:root:not(.audio-hut-desktop-frame) body:not(.mobile-layout):not(.room-active)>.app>.card{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}body:not(.mobile-layout).room-lobby-peek>.app>.card,body:not(.mobile-layout):not(.room-active)>.app>.card{padding-top:24px!important;padding-bottom:24px!important}body:not(.mobile-layout).room-lobby-peek .header,body:not(.mobile-layout).room-lobby-peek .header-main-row,body:not(.mobile-layout):not(.room-active) .header,body:not(.mobile-layout):not(.room-active) .header-main-row{height:0!important;min-height:0!important;margin:0!important;gap:0!important;overflow:visible}body:not(.mobile-layout).room-lobby-peek #main-interface,body:not(.mobile-layout):not(.room-active) #main-interface{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}body:not(.mobile-layout).room-lobby-peek #lobby,body:not(.mobile-layout):not(.room-active) #lobby{min-height:0;flex:1 1 auto}body:not(.mobile-layout).room-lobby-peek .lobby-room-column,body:not(.mobile-layout):not(.room-active) .lobby-room-column{display:flex;flex-direction:column}body:not(.mobile-layout).room-lobby-peek .lobby-room-column>.tab-content.active,body:not(.mobile-layout):not(.room-active) .lobby-room-column>.tab-content.active{min-height:0!important;flex:1 1 auto}body:not(.mobile-layout).room-lobby-peek #tab-list.tab-content.active,body:not(.mobile-layout):not(.room-active) #tab-list.tab-content.active{grid-template-rows:auto minmax(0,1fr);align-content:stretch}body:not(.mobile-layout):not(.room-active) #lobby{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}body:not(.mobile-layout):not(.room-active) .lobby-room-column{height:100%;min-height:0!important;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:var(--room-workspace-card-radius,10px)}body:not(.mobile-layout):not(.room-active) #tab-list.tab-content.active{min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}body:not(.mobile-layout):not(.room-active) .room-list-scroll-shell{height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}body:not(.mobile-layout):not(.room-active) :is(#tab-create,#tab-join).tab-content.active{min-height:0!important;overflow-x:hidden;overflow-y:auto}body:not(.mobile-layout).room-lobby-peek #lobby{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}body:not(.mobile-layout).room-lobby-peek .lobby-room-column{height:100%;min-height:0!important;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:var(--room-workspace-card-radius,10px)}body:not(.mobile-layout).room-lobby-peek #tab-list.tab-content.active{min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}body:not(.mobile-layout).room-lobby-peek .room-list-scroll-shell{height:100%;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}body:not(.mobile-layout) .room-list-scroll-shell{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar{width:var(--scrollbar-size,10px);height:var(--scrollbar-size,10px)}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-track{margin-block:6px;border-radius:999px;background:var(--scrollbar-track)}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-button{display:none;width:0;height:0}body:not(.mobile-layout) .room-list-scroll-shell::-webkit-scrollbar-corner{border-radius:999px;background:0 0}body:not(.mobile-layout):not(.room-active) .header-main-row{justify-content:flex-end}body:not(.mobile-layout).room-active .header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;column-gap:16px;margin-bottom:4px}body:not(.mobile-layout).room-active .header-sub-row{grid-column:1;grid-row:1;min-width:0;align-self:center}body:not(.mobile-layout).room-active .header-tools{grid-column:2;grid-row:1}body:not(.mobile-layout).room-active .room-meta-row{width:100%;min-width:0;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}body:not(.mobile-layout).room-active .header-room-inline,body:not(.mobile-layout).room-active .header-room-title-block{min-width:0;flex:0 1 auto}body:not(.mobile-layout).room-active #current-room-title.room-name-display{width:auto;min-height:38px;max-width:calc(8em + 58px);margin:0;padding:0 13px;flex:0 1 auto;font-size:1.48rem!important}body:not(.mobile-layout).room-active #current-room-name{display:block;width:auto;max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.mobile-layout).room-active .room-meta-line{min-width:0;max-height:38px;gap:6px;flex:1 1 auto;flex-wrap:wrap;align-content:flex-start;overflow:hidden}body:not(.mobile-layout).room-active .room-meta-segmented{height:34px}body:not(.mobile-layout).room-active .room-meta-segmented>.room-meta-item{min-height:32px;padding:0 9px;font-size:.82rem!important}body:not(.mobile-layout).room-lobby-peek .room-lobby-peek-floating{display:none!important}}@keyframes global-sidebar-enter{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes global-sidebar-room-enter{from{opacity:0;transform:translateY(-6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.global-sidebar,.global-sidebar-room-btn{animation:none!important}}