@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee-pingpong{0%,20%{transform:translate(0)}50%,70%{transform:translateX(var(--marquee-offset))}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes dialogBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes dialogPageIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes attention-hint-fill{0%{box-shadow:inset 0 0 0 100px var(--attention-hint-color)}50%,to{box-shadow:inset 0 0 0 100px var(--attention-hint-transparent)}}@keyframes material-elastic-spin{to{transform:rotate(360deg)}}@keyframes material-elastic-dash{0%{stroke-dasharray:2 98;stroke-dashoffset:0}48%{stroke-dasharray:74 26;stroke-dashoffset:-12px}to{stroke-dasharray:2 98;stroke-dashoffset:-100px}}@keyframes playlist-selection-bar-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes chatBotTyping{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (min-width:1280px) and (min-height:720px){@keyframes chatEntranceUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}@keyframes setup-boot-body-fail-open{to{opacity:1}}@keyframes setup-boot-failure-reveal{to{visibility:visible;opacity:1;pointer-events:auto}}@keyframes yt-search-skeleton-pulse{0%,to{opacity:.25}50%{opacity:.5}}:root:not(#\#):not(#\#):not(#\#){--bg:#121212;--surface-1:#1a1a1a;--surface-2:#202020;--surface-3:#404040;--play-action-surface:var(--surface-2);--ob-icon-circle-bg:var(--surface-1);--divider:#262626;--primary:#3b82f6;--primary-rgb:59, 130, 246;--primary-filled:#3b82f6;--success-filled:#20a45a;--danger-filled:#ef4444;--warning-filled:#f59e0b;--warning-foreground:#f59e0b;--youtube-filled:#f03;--accent:var(--primary);--accent-rgb:var(--primary-rgb);--text-main:#eee;--text-sub:#a1a1aa;--text-muted:#71717a;--range-fill-idle:#eeeeeebf;--range-fill-active:var(--text-main);--play-fab-bg-idle:#eeeeeee6;--play-fab-bg-active:var(--text-main);--play-fab-bg-disabled:#eee3;--control-active:rgba(var(--primary-rgb), .13);--control-danger:#ff3b3017;--control-danger-hover:#ff3b3021;--radius-l:32px;--radius-m:20px;--radius-s:14px;--radius-pill:999px;--font-primary:"Pretendard";--font-sans-ui:var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans-ko:var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-sans-ja:var(--font-primary), "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--font-sans-cjk-sc:var(--font-primary), "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-sans-cjk-tc:var(--font-primary), "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;--font-sans-th:var(--font-primary), "Noto Sans Thai", "Leelawadee UI", "Tahoma", sans-serif;--font-sans-cyrillic:var(--font-primary), "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans-devanagari:"Noto Sans Devanagari", var(--font-primary), "Nirmala UI", Mangal, sans-serif;--font-sans-bengali:"Noto Sans Bengali", var(--font-primary), "Nirmala UI", "Vrinda", sans-serif;--font-sans-tamil:"Noto Sans Tamil", var(--font-primary), "Nirmala UI", "Latha", sans-serif;--font-sans-telugu:"Noto Sans Telugu", var(--font-primary), "Nirmala UI", "Gautami", sans-serif;--font-sans-gujarati:"Noto Sans Gujarati", var(--font-primary), "Nirmala UI", Shruti, sans-serif;--font-sans-kannada:"Noto Sans Kannada", var(--font-primary), "Nirmala UI", Tunga, sans-serif;--font-sans-malayalam:"Noto Sans Malayalam", var(--font-primary), "Nirmala UI", Kartika, sans-serif;--font-sans-gurmukhi:"Noto Sans Gurmukhi", var(--font-primary), "Nirmala UI", Raavi, sans-serif;--font-sans-arabic:"Noto Sans Arabic", var(--font-primary), "Segoe UI", Tahoma, Arial, sans-serif;--font-sans-hebrew:"Noto Sans Hebrew", var(--font-primary), "Segoe UI", Arial, sans-serif;--font-sans-greek:"Noto Sans", var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:var(--font-sans-ko);--font-weight-display:700;--glass-bg:var(--surface-1);--glass-border:transparent;--glass-blur:0px;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#fff6;--scrollbar-thumb-active:#fff9;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-left:env(safe-area-inset-left,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--header-height:calc(60px + var(--safe-top));--nav-height:64px;--list-row-height:56px}@supports (-webkit-touch-callout:none){@media (display-mode:standalone) and (orientation:landscape){:root:not(#\#):not(#\#):not(#\#){--app-height:100vh}}}:root[data-mxqr-font-recovery=true]:not(#\#):not(#\#):not(#\#){--font-primary:"MUSIXQUARE Pretendard Recovery"}html[data-theme=dark]:not(#\#):not(#\#):not(#\#),html[data-theme=dark]:not(#\#):not(#\#):not(#\#) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]:not(#\#):not(#\#):not(#\#),html[data-theme=light]:not(#\#):not(#\#):not(#\#) body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light]:not(#\#):not(#\#):not(#\#){--bg:#f8f9fa;--surface-1:#fff;--surface-2:#eff1f3;--surface-3:#b7b9bb;--play-action-surface:var(--surface-1);--ob-icon-circle-bg:var(--surface-2);--divider:#d4d6d8;--primary:#3b82f6;--primary-rgb:59, 130, 246;--accent:var(--primary);--accent-rgb:var(--primary-rgb);--text-main:#303540;--text-sub:#495057;--text-muted:#868e96;--range-fill-idle:#303540bf;--range-fill-active:var(--text-main);--play-fab-bg-idle:#303540e6;--play-fab-bg-active:var(--text-main);--play-fab-bg-disabled:#30354033;--control-active:rgba(var(--primary-rgb), .11);--control-danger:#ff3b3013;--control-danger-hover:#ff3b301c;--warning-foreground:#6b4100;--glass-bg:var(--surface-1);--glass-border:#0000000f;--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#0006;--scrollbar-thumb-active:#0009}html.file-drop-drag-active:not(#\#):not(#\#):not(#\#) iframe{pointer-events:none!important}[data-legal-standard-storage]:not(#\#):not(#\#):not(#\#){display:inline}[data-legal-pro-storage]:not(#\#):not(#\#):not(#\#),html[data-pro-room]:not(#\#):not(#\#):not(#\#) [data-legal-standard-storage]{display:none}html[data-pro-room]:not(#\#):not(#\#):not(#\#) [data-legal-pro-storage]{display:inline}.file-drop-feedback:not(#\#):not(#\#):not(#\#){z-index:5900;pointer-events:none;opacity:0;visibility:hidden;background:rgba(var(--primary-rgb), .16);place-items:center;transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.file-drop-feedback.is-visible:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;transition-delay:0s}.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#){opacity:0;width:88px;height:88px;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(.88)}.file-drop-feedback.is-visible:not(#\#):not(#\#):not(#\#) .file-drop-feedback-icon{opacity:1;transform:scale(1)}.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#):before,.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#):after{content:"";border-radius:var(--radius-pill);background:#fff;width:72px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#):after{transform:translate(-50%,-50%)rotate(90deg)}html:not(#\#):not(#\#):not(#\#){-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%;overflow:hidden}@media (prefers-color-scheme:dark){html:not(#\#):not(#\#):not(#\#){--lightningcss-light: ;--lightningcss-dark:initial}}html.standalone:not(#\#):not(#\#):not(#\#) body{overflow:hidden}.skip-link:not(#\#):not(#\#):not(#\#){z-index:99999;background:var(--primary-filled,#3b82f6);color:#fff;border-radius:0 0 var(--radius-s,14px) var(--radius-s,14px);padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus:not(#\#):not(#\#):not(#\#){outline-offset:2px;outline:2px solid #fff;top:0}:not(#\#):not(#\#):not(#\#){box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;margin:0;padding:0}input:not(#\#):not(#\#):not(#\#),textarea:not(#\#):not(#\#):not(#\#),[contenteditable=true]:not(#\#):not(#\#):not(#\#){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.clearable-editor-active:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--clearable-editor-base-padding-inline-end,0px) + var(--clearable-editor-reserved-space,48px))!important}.clearable-editor-active.clearable-editor-centered:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--clearable-editor-base-padding-inline-start,0px) + var(--clearable-editor-reserved-space,48px))!important}input.clearable-editor-active[type=search]:not(#\#):not(#\#):not(#\#)::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.clearable-editor-button:not(#\#):not(#\#):not(#\#){z-index:10020;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s,opacity .15s;display:flex;position:absolute}.clearable-editor-button[hidden]:not(#\#):not(#\#):not(#\#){display:none}.clearable-editor-button:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;pointer-events:none;width:16px;height:16px;transition:transform .15s}.clearable-editor-button:focus-visible:not(#\#):not(#\#):not(#\#){color:var(--text-main);outline:2px solid var(--primary);outline-offset:1px}.clearable-editor-button:active:not(#\#):not(#\#):not(#\#) svg{transform:scale(.9)}@media (hover:hover){.clearable-editor-button:hover:not(#\#):not(#\#):not(#\#){color:#ff4d4f;opacity:1}}@media (prefers-reduced-motion:reduce){.clearable-editor-button:not(#\#):not(#\#):not(#\#),.clearable-editor-button:not(#\#):not(#\#):not(#\#) svg{transition:none}}button:not(#\#):not(#\#):not(#\#),input:not(#\#):not(#\#):not(#\#),select:not(#\#):not(#\#):not(#\#),textarea:not(#\#):not(#\#):not(#\#){font-family:inherit}:not(#\#):not(#\#):not(#\#)::-webkit-scrollbar{display:none}:not(#\#):not(#\#):not(#\#){scrollbar-width:none}body:not(#\#):not(#\#):not(#\#){background-color:var(--bg);color:var(--text-main);font-family:var(--font-sans);-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100vh;height:100dvh;height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh);overscroll-behavior:none;flex-direction:column;transition:background-color .4s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}html:lang(en):not(#\#):not(#\#):not(#\#),html:lang(es):not(#\#):not(#\#):not(#\#),html:lang(pt-BR):not(#\#):not(#\#):not(#\#),html:lang(fr):not(#\#):not(#\#):not(#\#),html:lang(de):not(#\#):not(#\#):not(#\#),html:lang(nl):not(#\#):not(#\#):not(#\#),html:lang(it):not(#\#):not(#\#):not(#\#),html:lang(pl):not(#\#):not(#\#):not(#\#),html:lang(tr):not(#\#):not(#\#):not(#\#),html:lang(id):not(#\#):not(#\#):not(#\#),html:lang(vi):not(#\#):not(#\#):not(#\#),html:lang(ms-MY):not(#\#):not(#\#):not(#\#),html:lang(fil-PH):not(#\#):not(#\#):not(#\#),html:lang(ro-RO):not(#\#):not(#\#):not(#\#),html:lang(cs-CZ):not(#\#):not(#\#):not(#\#),html:lang(sv-SE):not(#\#):not(#\#):not(#\#),html:lang(da-DK):not(#\#):not(#\#):not(#\#),html:lang(nb-NO):not(#\#):not(#\#):not(#\#),html:lang(fi-FI):not(#\#):not(#\#):not(#\#),html:lang(hu-HU):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-ui)}html:lang(ko):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-ko)}html:lang(ja):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-ja)}html:lang(zh-Hans):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-cjk-sc)}html:lang(zh-Hant):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-cjk-tc)}html:lang(th):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-th)}html:lang(ru):not(#\#):not(#\#):not(#\#),html:lang(uk-UA):not(#\#):not(#\#):not(#\#),html:lang(bg-BG):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-cyrillic)}html:lang(hi-IN):not(#\#):not(#\#):not(#\#),html:lang(mr-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-devanagari)}html:lang(bn-BD):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-bengali)}html:lang(ta-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-tamil)}html:lang(te-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-telugu)}html:lang(gu-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-gujarati)}html:lang(kn-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-kannada)}html:lang(ml-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-malayalam)}html:lang(pa-IN):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-gurmukhi)}html:lang(ar):not(#\#):not(#\#):not(#\#),html:lang(ur-PK):not(#\#):not(#\#):not(#\#),html:lang(fa-IR):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-arabic)}html:lang(he-IL):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-hebrew)}html:lang(el-GR):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-greek)}html.is-booting:not(#\#):not(#\#):not(#\#) :not(.app-entrance),html.is-booting:not(#\#):not(#\#):not(#\#) :not(.app-entrance):before,html.is-booting:not(#\#):not(#\#):not(#\#) :not(.app-entrance):after{transition:none!important}html.is-booting:not(#\#):not(#\#):not(#\#) header,html.is-booting:not(#\#):not(#\#):not(#\#) .bottom-nav{-webkit-backdrop-filter:none!important}html.is-booting:not(#\#):not(#\#):not(#\#) .tab-content{animation:none!important}html.setup-boot-block:not(#\#):not(#\#):not(#\#) .skip-link,html.setup-boot-block:not(#\#):not(#\#):not(#\#) header,html.setup-boot-block:not(#\#):not(#\#):not(#\#) .tab-content,html.setup-boot-block:not(#\#):not(#\#):not(#\#) .chat-drawer,html.setup-boot-block:not(#\#):not(#\#):not(#\#) .bottom-nav,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) .skip-link,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) header,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) .tab-content,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) .chat-drawer,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) .bottom-nav,html.setup-boot-failed:not(#\#):not(#\#):not(#\#) #setup-overlay{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important;animation:none!important}header:not(#\#):not(#\#):not(#\#){height:var(--header-height);padding:var(--safe-top) calc(24px + var(--safe-right)) 0 calc(24px + var(--safe-left));background:var(--surface-1);-webkit-backdrop-filter:none;z-index:2500;will-change:transform;justify-content:space-between;align-items:center;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateZ(0)}html.tab-header-transition:not(#\#):not(#\#):not(#\#) #main-header{view-transition-name:main-header}:not(#\#):not(#\#):not(#\#)::view-transition-group(main-header){animation:none}:not(#\#):not(#\#):not(#\#)::view-transition-new(main-header){animation:none}:not(#\#):not(#\#):not(#\#)::view-transition-old(main-header){display:none}:not(#\#):not(#\#):not(#\#)::view-transition-new(main-header){mix-blend-mode:normal}.header-progress-bg:not(#\#):not(#\#):not(#\#){background-color:var(--primary);opacity:0;z-index:1;transform-origin:0;will-change:transform;pointer-events:none;width:100%;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}header.loading:not(#\#):not(#\#):not(#\#) .header-progress-bg{opacity:.15}.material-elastic-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:24px;--material-elastic-stroke:4.75;width:var(--material-elastic-size);height:var(--material-elastic-size);flex:0 0 var(--material-elastic-size);color:currentColor;display:block}.material-elastic-spinner:not(#\#):not(#\#):not(#\#)>svg{transform-box:fill-box;transform-origin:50%;shape-rendering:geometricprecision;width:100%;height:100%;animation:1.85s linear infinite material-elastic-spin;animation-delay:var(--material-elastic-spin-delay,0s);display:block;overflow:visible}.material-elastic-spinner:not(#\#):not(#\#):not(#\#) circle{fill:none;stroke:currentColor;stroke-width:var(--material-elastic-stroke);stroke-linecap:butt;stroke-dasharray:2 98;stroke-dashoffset:0;shape-rendering:geometricprecision;animation:1.45s ease-in-out infinite material-elastic-dash;animation-delay:var(--material-elastic-dash-delay,0s)}@media (prefers-reduced-motion:reduce){.material-elastic-spinner:not(#\#):not(#\#):not(#\#)>svg,.material-elastic-spinner:not(#\#):not(#\#):not(#\#) circle{animation:none!important}.material-elastic-spinner:not(#\#):not(#\#):not(#\#) circle{stroke-dasharray:58 42;stroke-dashoffset:-18px}}.header-content-wrapper:not(#\#):not(#\#):not(#\#){z-index:5;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.header-default-content:not(#\#):not(#\#):not(#\#){opacity:1;transition:transform 1s cubic-bezier(.08,.82,.17,1),opacity .5s;transform:none}.volume-icon-button:not(#\#):not(#\#):not(#\#),#app-logo:not(#\#):not(#\#):not(#\#){font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.volume-icon-button:not(#\#):not(#\#):not(#\#){color:var(--text-sub);border-radius:var(--radius-pill);align-items:center;transition:color .18s,transform .18s;display:inline-flex}.volume-icon-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.94)}.volume-icon-button:not(#\#):not(#\#):not(#\#) .volume-icon{width:18px;height:18px;display:block;overflow:visible}.volume-speaker:not(#\#):not(#\#):not(#\#){fill:currentColor;transform-origin:8px 12px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1)}.volume-wave:not(#\#):not(#\#):not(#\#){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;opacity:1;transform-origin:13px 12px;transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1)}.volume-wave-outer:not(#\#):not(#\#):not(#\#){transition-delay:30ms}.volume-muted-backdrop:not(#\#):not(#\#):not(#\#),.volume-muted-mark:not(#\#):not(#\#):not(#\#){fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-origin:17px 12px;transition:opacity .12s,transform .2s cubic-bezier(.2,.8,.2,1);transform:scale(.82)rotate(-8deg)}.volume-muted-backdrop:not(#\#):not(#\#):not(#\#){stroke:var(--bg);stroke-width:4px}.volume-muted-mark:not(#\#):not(#\#):not(#\#){stroke:currentColor;stroke-width:2px}.volume-muted-ring:not(#\#):not(#\#):not(#\#){stroke-dasharray:29;stroke-dashoffset:29px;transition:stroke-dashoffset .24s cubic-bezier(.2,.8,.2,1)}.volume-muted-slash:not(#\#):not(#\#):not(#\#){stroke-dasharray:10;stroke-dashoffset:10px;transition:stroke-dashoffset .16s 80ms}.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-speaker{transform:translate(-.5px)}.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-wave{opacity:0;transition-delay:0s;transform:translate(-1.5px)scale(.72)}.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-muted-backdrop,.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-muted-mark{opacity:1;transform:scale(1)rotate(0)}.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-muted-ring,.volume-icon-button.is-muted:not(#\#):not(#\#):not(#\#) .volume-muted-slash{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.volume-icon-button:not(#\#):not(#\#):not(#\#),.volume-speaker:not(#\#):not(#\#):not(#\#),.volume-wave:not(#\#):not(#\#):not(#\#),.volume-muted-backdrop:not(#\#):not(#\#):not(#\#),.volume-muted-mark:not(#\#):not(#\#):not(#\#),.volume-muted-ring:not(#\#):not(#\#):not(#\#),.volume-muted-slash:not(#\#):not(#\#):not(#\#){transition:none}}.app-logo:not(#\#):not(#\#):not(#\#){color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-pill);align-items:center;display:flex}.logo-svg:not(#\#):not(#\#):not(#\#){display:block;overflow:visible}.logo-header:not(#\#):not(#\#):not(#\#){width:auto;height:16px}.header-pro-wordmark:not(#\#):not(#\#):not(#\#),html[data-pro-room]:not(#\#):not(#\#):not(#\#) #header-standard-wordmark{display:none}html[data-pro-room]:not(#\#):not(#\#):not(#\#) .header-pro-wordmark{display:block}.header-pro-suffix:not(#\#):not(#\#):not(#\#){opacity:.5}html[data-pro-room]:not(#\#):not(#\#):not(#\#) #btn-demo-media,html[data-pro-room]:not(#\#):not(#\#):not(#\#) #btn-demo-media-mobile{display:none!important}.logo-brand:not(#\#):not(#\#):not(#\#){width:auto;height:28px}.logo-welcome:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;width:auto;height:22px;margin:0;transition:opacity .36s ease-in,visibility linear}.setup-brand-greeting-stage:not(#\#):not(#\#):not(#\#){place-items:start;margin-top:0;margin-bottom:8px;display:grid}.setup-brand-greeting-stage:not(#\#):not(#\#):not(#\#)>.logo-welcome{transform:translateY(3px)}.setup-brand-greeting-stage:not(#\#):not(#\#):not(#\#)>.logo-welcome,.setup-brand-greeting-stage:not(#\#):not(#\#):not(#\#)>.setup-greeting-row{grid-area:1/1}.setup-brand-greeting-stage.is-greeting-visible:not(#\#):not(#\#):not(#\#)>.logo-welcome{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease-in,visibility 0s linear .36s}.setup-greeting-row:not(#\#):not(#\#):not(#\#){min-height:24px;color:var(--text-main);opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:6px;margin:0;transition:opacity .48s ease-out,visibility 0s linear .48s;display:flex}.setup-greeting-row.is-visible:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .48s ease-out .36s,visibility 0s linear .36s}.setup-greeting-heading:not(#\#):not(#\#):not(#\#){--setup-heading-margin:0px;height:1.2em;margin:0}.setup-language-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:auto;min-width:0;min-height:44px;color:var(--text-sub);font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;margin:calc(.6em - 22px) -10px calc(.6em - 22px) -12px;padding:0 10px 0 12px;transition:background-color .18s,transform .18s;display:inline-flex}@media (hover:hover){.setup-language-button:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}}.setup-language-button:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}.setup-language-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}.setup-greeting-text:not(#\#):not(#\#):not(#\#){color:var(--text-main)}.setup-language-button:not(#\#):not(#\#):not(#\#) svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.logo-welcome:not(#\#):not(#\#):not(#\#)>.wg{opacity:1}@media (prefers-reduced-motion:reduce){.logo-welcome:not(#\#):not(#\#):not(#\#)>.wg{-webkit-mask:none!important;mask:none!important}.setup-brand-greeting-stage:not(#\#):not(#\#):not(#\#)>.logo-welcome,.setup-greeting-row:not(#\#):not(#\#):not(#\#),.setup-language-button:not(#\#):not(#\#):not(#\#){transition:none}}[data-theme=light]:not(#\#):not(#\#):not(#\#) .app-logo{color:#212529}.header-loading-text:not(#\#):not(#\#):not(#\#){top:var(--safe-top);left:calc(24px + var(--safe-left));right:calc(24px + var(--safe-right) + var(--header-actions-inset,0px));width:auto;height:calc(100% - var(--safe-top));color:var(--text-main);white-space:nowrap;opacity:0;z-index:6;pointer-events:none;align-items:center;font-size:14px;font-weight:600;transition:transform 1s cubic-bezier(.08,.82,.17,1),opacity .5s;display:flex;position:absolute;overflow:hidden;transform:translateY(100%)}#main-header:not(#\#):not(#\#):not(#\#) .material-elastic-spinner,#main-header:not(#\#):not(#\#):not(#\#) .header-loading-spinner{display:none}.header-loading-text-content:not(#\#):not(#\#):not(#\#){white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-width:100%;display:block;overflow:hidden}header.loading:not(#\#):not(#\#):not(#\#) .app-logo.header-default-content{opacity:0;transform:translateY(-150%)}@media (max-width:719px){.header-loading-text:not(#\#):not(#\#):not(#\#){white-space:nowrap;overflow-wrap:normal;line-height:18px}}.header-right:not(#\#):not(#\#):not(#\#){z-index:5;align-items:center;gap:10px;display:flex;position:relative;top:auto;right:auto;transform:none}.role-badge:not(#\#):not(#\#):not(#\#){background:var(--surface-2);-webkit-backdrop-filter:none;color:var(--text-sub);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;border:0;align-items:center;gap:6px;max-width:min(220px,34vw);padding:6px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:all .3s;display:flex}#role-text:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.role-badge.connected:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff}.role-badge.connected.remote:not(#\#):not(#\#):not(#\#){background:var(--warning-filled)}.role-badge.pro-equal:not(#\#):not(#\#):not(#\#),.role-badge.account-authenticated:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff}.tab-content:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding-top:var(--header-height);flex-direction:column;flex:1;padding-inline-start:var(--safe-left);padding-inline-end:var(--safe-right);animation:none;display:none;overflow:hidden}.tab-content.active:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;z-index:10;display:flex;position:relative;transform:translateZ(0)}.tab-body:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;width:100%;min-height:0;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--safe-nav-bottom,0px) + 24px);scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--safe-nav-bottom,0px) + 24px);flex-direction:column;flex:1;display:flex;overflow-y:auto}body.mode-youtube:not(#\#):not(#\#):not(#\#) #tab-play:not(.active){opacity:0;visibility:hidden;pointer-events:none;z-index:-1;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:translateZ(-1px)}#tab-play.active:not(#\#):not(#\#):not(#\#){display:flex}.tab-header:not(#\#):not(#\#):not(#\#){justify-content:space-between;align-items:center;margin-bottom:8px;padding:32px 32px 12px;display:flex}.tab-title:not(#\#):not(#\#):not(#\#){font-size:28px;font-weight:var(--font-weight-display);color:var(--text-main);letter-spacing:-.03em}.playlist-switch-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:auto;min-width:0;max-width:100%;min-height:44px;color:var(--text-sub);font:inherit;cursor:pointer;background:0 0;border:0;flex:0 auto;align-items:center;gap:6px;margin:-4px auto -4px -12px;padding:0 10px 0 12px;transition:background-color .18s,transform .18s;display:inline-flex}.playlist-switch-button[hidden]:not(#\#):not(#\#):not(#\#){display:none}@media (hover:hover){.playlist-switch-button:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}}.playlist-switch-button:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}.playlist-switch-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}.playlist-switch-button:not(#\#):not(#\#):not(#\#) svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 22px;width:22px;height:22px}.playlist-slot-name:not(#\#):not(#\#):not(#\#){min-width:0;max-width:100%;display:inline-flex}.playlist-slot-name-base:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playlist-slot-name-number:not(#\#):not(#\#):not(#\#){white-space:pre;flex:none}.youtube-settings-note:not(#\#):not(#\#):not(#\#){z-index:10;color:var(--text-sub);text-align:center;pointer-events:none;justify-content:center;align-items:center;height:0;padding:0 32px;font-size:14px;font-weight:600;display:none;position:sticky;top:50%;overflow:visible;transform:translateY(-50%)}body.mode-youtube:not(#\#):not(#\#):not(#\#) #youtube-settings-note{display:flex}.settings-subtab-panel[data-panel=audio]:not(#\#):not(#\#):not(#\#),.youtube-settings-disabled-wrap:not(#\#):not(#\#):not(#\#){position:relative}body.mode-youtube:not(#\#):not(#\#):not(#\#) .youtube-settings-disabled-wrap{filter:blur(7px)saturate(.95);opacity:.5;pointer-events:none;transform:translateZ(0)}html[data-theme=light]:not(#\#):not(#\#):not(#\#) body.mode-youtube .youtube-settings-disabled-wrap{filter:blur(6px)saturate(.95);opacity:.6}#seek-slider[aria-disabled=true]:not(#\#):not(#\#):not(#\#){opacity:.38;cursor:not-allowed}.system-audio-playlist-note:not(#\#):not(#\#):not(#\#){display:none}.invite-code-value:not(#\#):not(#\#):not(#\#){font-variant-numeric:tabular-nums;letter-spacing:.1em;border-radius:var(--radius-s);padding:2px 0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.invite-code-value.copied:not(#\#):not(#\#):not(#\#){color:var(--accent)}.settings-invite-wrapper:not(#\#):not(#\#):not(#\#){justify-content:center;height:36px;line-height:1.2}.tab-action-btn:not(#\#):not(#\#):not(#\#){color:var(--text-sub);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-4px 0;transition:all .2s;display:flex;position:relative}.tab-action-btn:not(#\#):not(#\#):not(#\#):before{content:"";background:var(--surface-2);border-radius:50%;width:36px;height:36px;transition:background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tab-action-btn:active:not(#\#):not(#\#):not(#\#){background:0 0;transform:scale(.9)}.tab-action-btn:active:not(#\#):not(#\#):not(#\#):before{background:var(--surface-3)}.tab-action-btn:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;z-index:1;width:20px;height:20px;position:relative}#btn-repeat:not(#\#):not(#\#):not(#\#) svg,#btn-shuffle:not(#\#):not(#\#):not(#\#) svg{width:18px;height:18px}.tab-action-btn.active:not(#\#):not(#\#):not(#\#),.tab-action-btn.active-one:not(#\#):not(#\#):not(#\#){color:#fff;background:0 0}.tab-action-btn.active:not(#\#):not(#\#):not(#\#):before,.tab-action-btn.active-one:not(#\#):not(#\#):not(#\#):before{background:var(--primary)}.tab-action-btn.active-one:not(#\#):not(#\#):not(#\#):after{content:"1";font-size:9px;font-weight:var(--font-weight-display);color:var(--primary);border:2px solid var(--bg);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:-2px;right:-2px}#tab-play:not(#\#):not(#\#):not(#\#){padding-top:calc(var(--header-height) + 10px);box-sizing:border-box;justify-content:flex-start}#tab-play:not(#\#):not(#\#):not(#\#) .tab-body{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--safe-nav-bottom,0px))}.playback-stage:not(#\#):not(#\#):not(#\#){--visualizer-content-block-size:min(55vw, 320px);aspect-ratio:16/9;contain:size;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:0;margin:auto auto 0;display:flex;position:relative}.vinyl-wrapper:not(#\#):not(#\#):not(#\#){width:auto;max-width:100%;height:min(100%, var(--visualizer-content-block-size));aspect-ratio:1;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}#visualizerCanvas:not(#\#):not(#\#):not(#\#){cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;width:100%;height:100%}#visualizerCanvas:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:-3px}#visualizerCanvas[role=img]:not(#\#):not(#\#):not(#\#){cursor:default}body.viz-spectrum:not(#\#):not(#\#):not(#\#) .vinyl-wrapper{width:100%;max-width:none;height:min(100%, var(--visualizer-content-block-size));aspect-ratio:auto;box-sizing:border-box;border-radius:0;padding:0 24px}body.viz-spectrum:not(#\#):not(#\#):not(#\#) #visualizerCanvas{border-radius:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.video-wrapper:not(#\#):not(#\#):not(#\#){aspect-ratio:auto;visibility:hidden;pointer-events:none;width:100%;max-width:none;height:100%;box-shadow:none;background:#000;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin:0;transition:opacity .3s;display:none;position:absolute;top:0;left:0;overflow:hidden}body.mode-youtube:not(#\#):not(#\#):not(#\#) .vinyl-wrapper{display:none}body.mode-youtube:not(#\#):not(#\#):not(#\#) .video-wrapper{opacity:1;visibility:visible;pointer-events:auto;height:100%;display:flex}.youtube-sync-loading-overlay:not(#\#):not(#\#):not(#\#){z-index:20;box-sizing:border-box;color:#fff;pointer-events:auto;touch-action:none;overscroll-behavior:none;background:#0000009e;align-content:center;place-items:center;gap:12px;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.youtube-sync-loading-overlay[hidden]:not(#\#):not(#\#):not(#\#){display:none}.youtube-sync-loading-overlay:not(#\#):not(#\#):not(#\#)>span:not(.material-elastic-spinner){text-align:center;font-size:15px;font-weight:700;line-height:1.5}.youtube-sync-loading-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:28px}@media (max-width:719px){#tab-play:not(#\#):not(#\#):not(#\#){padding-top:var(--header-height)}#tab-play:not(#\#):not(#\#):not(#\#) .tab-body{padding-top:0}#tab-play:not(#\#):not(#\#):not(#\#) .play-secondary-area{margin-bottom:auto}.playback-stage:not(#\#):not(#\#):not(#\#){max-width:none}.video-wrapper:not(#\#):not(#\#):not(#\#){border-radius:0}}.track-box:not(#\#):not(#\#):not(#\#){--track-title-bleed:20px;text-align:start}.track-title-wrapper:not(#\#):not(#\#):not(#\#){width:calc(100% + (var(--track-title-bleed) * 2));height:32px;margin:0 calc(var(--track-title-bleed) * -1);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.track-title:not(#\#):not(#\#):not(#\#){color:var(--text-main);letter-spacing:-.5px;white-space:nowrap;text-align:start;width:auto;min-width:100%;padding:0 24px 0 var(--track-title-bleed);box-sizing:border-box;font-size:20px;font-weight:700;line-height:32px;display:inline-block}.track-title.marquee:not(#\#):not(#\#):not(#\#){width:auto;animation:marquee-pingpong var(--marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;animation-delay:calc(1s - var(--marquee-duration,10s) * .2);will-change:transform}body[data-visualizer-covered]:not(#\#):not(#\#):not(#\#) .track-title.marquee{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.track-title:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis;max-width:100%;overflow:hidden}.track-title.marquee:not(#\#):not(#\#):not(#\#){will-change:auto;animation:none}}.track-artist:not(#\#):not(#\#):not(#\#){width:100%;min-width:0;color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:15px;font-weight:500;line-height:20px;display:none;overflow:hidden}.track-artist:not(:empty):not(#\#):not(#\#):not(#\#){display:block}.track-box:not(#\#):not(#\#):not(#\#),.controls-area:not(#\#):not(#\#):not(#\#),.play-secondary-area:not(#\#):not(#\#):not(#\#){box-sizing:border-box;flex-shrink:0;width:100%;margin-top:0;padding:20px 24px 0}.track-box:not(#\#):not(#\#):not(#\#),.play-secondary-area:not(#\#):not(#\#):not(#\#){margin-top:auto}.controls-area:not(#\#):not(#\#):not(#\#),.play-secondary-area:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:12px;display:flex}.controls-area:not(#\#):not(#\#):not(#\#){padding-top:12px}.play-secondary-area:not(#\#):not(#\#):not(#\#){padding-top:32px;padding-bottom:24px}.progress-bar:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:8px;width:100%;display:flex;position:relative}input[type=range]:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;--range-fill:var(--range-fill-idle);--range-progress:0%;--range-track-direction:to right;cursor:pointer;background:0 0;width:100%;height:32px;margin:0;display:block;overflow:visible;touch-action:none!important}input[type=range]:active:not(#\#):not(#\#):not(#\#),input[type=range].is-dragging:not(#\#):not(#\#):not(#\#){--range-fill:var(--range-fill-active)}input[type=range].is-pointer-focused:focus-visible:not(#\#):not(#\#):not(#\#){outline:none}input[type=range]:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{background:linear-gradient(var(--range-track-direction), var(--range-fill) 0%, var(--range-fill) var(--range-progress), var(--range-track-empty,var(--surface-2)) var(--range-progress), var(--range-track-empty,var(--surface-2)) 100%);border:none;border-radius:100px;width:100%;height:6px;transition:height .16s}input[type=range]:not(#\#):not(#\#):not(#\#)::-moz-range-track{background:linear-gradient(var(--range-track-direction), var(--range-fill) 0%, var(--range-fill) var(--range-progress), var(--range-track-empty,var(--surface-2)) var(--range-progress), var(--range-track-empty,var(--surface-2)) 100%);border:none;border-radius:100px;width:100%;height:6px;transition:height .16s}input[type=range]:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:8px}input[type=range].is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:8px}input[type=range]:active:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:8px}input[type=range].is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:8px}input[type=range]:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;opacity:0;filter:none;width:0;height:0;box-shadow:none;background-color:#0000;border:none;border-radius:50%;margin-top:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s,background-color .2s;transform:scale(1)}input[type=range]:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{opacity:0;filter:none;width:0;height:0;box-shadow:none;background-color:#0000;border:none;border-radius:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s,background-color .2s;transform:scale(1)}input[type=range]:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{filter:none;box-shadow:none;transform:scale(1)}input[type=range].is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{filter:none;box-shadow:none;transform:scale(1)}input[type=range]:active:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{filter:none;box-shadow:none;transform:scale(1)}input[type=range].is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{filter:none;box-shadow:none;transform:scale(1)}.time-info:not(#\#):not(#\#):not(#\#){color:var(--text-sub);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.play-controls-left:not(#\#):not(#\#):not(#\#){justify-content:flex-start;align-items:center;gap:16px;width:100%;margin:6px 0 0;display:flex}.play-btn-group:not(#\#):not(#\#):not(#\#){align-items:center;gap:12px;display:flex;transform:translate(-13px)}.vol-group-playback:not(#\#):not(#\#):not(#\#){align-items:center;gap:8px;width:100px;min-width:80px;margin-inline-start:auto;display:flex;transform:translate(-1px)}.vol-group-playback:not(#\#):not(#\#):not(#\#) svg{width:18px;height:18px;fill:var(--text-sub);flex-shrink:0}.vol-group-playback:not(#\#):not(#\#):not(#\#)>:disabled{pointer-events:none}#volume-slider:not(#\#):not(#\#):not(#\#){width:100%;margin:0}#volume-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:4px}#demo-volume-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:4px}#volume-slider:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:4px}#demo-volume-slider:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:4px}#volume-slider:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:6px}#demo-volume-slider:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:6px}#volume-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:6px}#demo-volume-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:6px}#volume-slider:active:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:6px}#demo-volume-slider:active:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:6px}#volume-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:6px}#demo-volume-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:6px}#volume-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{border:none;width:0;height:0;margin-top:0}#demo-volume-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{border:none;width:0;height:0;margin-top:0}#volume-slider:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{border:none;width:0;height:0}#demo-volume-slider:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{border:none;width:0;height:0}.ctrl-btn:not(#\#):not(#\#):not(#\#){color:var(--text-sub);cursor:pointer;opacity:.8;border-radius:var(--radius-pill);background:0 0;border:none;padding:8px;transition:opacity .2s}.ctrl-btn:active:not(#\#):not(#\#):not(#\#){opacity:.5}.ctrl-btn[aria-disabled=true]:not(#\#):not(#\#):not(#\#){opacity:.35;cursor:not-allowed}.ctrl-btn:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:32px;height:32px;display:block}.play-fab:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--play-fab-bg-idle);width:64px;height:64px;color:var(--bg);border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.play-fab:not([aria-disabled=true]):active:not(#\#):not(#\#):not(#\#){background:var(--play-fab-bg-active);transform:scale(.92)}.play-fab[aria-disabled=true]:not(#\#):not(#\#):not(#\#){background:var(--play-fab-bg-disabled);opacity:1;cursor:not-allowed}.play-fab:not(#\#):not(#\#):not(#\#)>svg{fill:currentColor;width:28px;height:28px}.play-fab.is-loading:not(#\#):not(#\#):not(#\#){pointer-events:none}.play-fab.is-loading:not(#\#):not(#\#):not(#\#)>svg{display:none}.play-loading-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:26px;display:none}.play-fab.is-loading:not(#\#):not(#\#):not(#\#) .play-loading-spinner{display:block}.playlist-title-area:not(#\#):not(#\#):not(#\#){align-items:center;gap:0;margin-inline-end:-4px;display:flex}.playlist-ul:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;gap:8px;margin:0;padding:0 16px;list-style:none;transition:padding-bottom .2s;display:flex}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#),.playlist-ul.has-removal-exit:not(#\#):not(#\#):not(#\#){flex:none}.playlist-ul.has-removal-exit:has(>.list-empty-state):not(#\#):not(#\#):not(#\#){flex:1}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#)~.playlist-selection-bar,.playlist-ul.has-removal-exit:not(#\#):not(#\#):not(#\#)~.playlist-selection-bar{margin-bottom:auto}.is-playlist-reordering:not(#\#):not(#\#):not(#\#){overflow-anchor:none}.playlist-entry:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:none;min-width:0;list-style:none;display:flex}.track-item:not(#\#):not(#\#):not(#\#){--playlist-indicator-color:var(--text-muted);min-height:var(--list-row-height);box-sizing:border-box;border-radius:var(--radius-pill);cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:16px;padding:14px 16px;transition:background .2s,opacity .18s;display:flex}.track-item:active:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .track-item:active{background:0 0}.track-item.active:not(#\#):not(#\#):not(#\#){--playlist-indicator-color:var(--primary)}.track-item.active:not(#\#):not(#\#):not(#\#) .track-idx,.track-item.active:not(#\#):not(#\#):not(#\#) .track-name{color:var(--primary);font-weight:700}.track-leading:not(#\#):not(#\#):not(#\#){width:40px;height:44px;color:var(--text-muted);flex:0 0 40px;place-items:center;margin:-8px;padding:0;display:grid;position:relative}.track-leading-static:not(#\#):not(#\#):not(#\#){pointer-events:none}.track-idx:not(#\#):not(#\#):not(#\#){color:var(--text-muted);text-align:center;opacity:1;grid-area:1/1;width:40px;font-size:14px;font-weight:600;transition:opacity .14s,transform .14s;transform:scale(1)}.track-playback-state-icon:not(#\#):not(#\#):not(#\#){width:16px;height:16px;color:var(--playlist-indicator-color,currentColor);fill:currentColor;opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .14s,transform .14s;transform:scale(.82)}.track-playing-indicator:not(#\#):not(#\#):not(#\#){width:18px;height:18px}.track-playback-loading-indicator:not(#\#):not(#\#):not(#\#){--material-elastic-size:16px;--material-elastic-stroke:4.75;width:var(--material-elastic-size);height:var(--material-elastic-size)}.track-playback-loading-indicator:not(#\#):not(#\#):not(#\#)>svg{display:none}.playlist-current-leading.is-current-loading:not(#\#):not(#\#):not(#\#) .sub-idx-number,.playlist-current-leading.is-current-loading:not(#\#):not(#\#):not(#\#) .type-icon,.playlist-current-leading.is-current-playing:not(#\#):not(#\#):not(#\#) .sub-idx-number,.playlist-current-leading.is-current-playing:not(#\#):not(#\#):not(#\#) .type-icon,.playlist-current-leading.is-current-paused:not(#\#):not(#\#):not(#\#) .sub-idx-number,.playlist-current-leading.is-current-paused:not(#\#):not(#\#):not(#\#) .type-icon{opacity:0;transform:scale(.82)}.playlist-current-leading.is-current-loading:not(#\#):not(#\#):not(#\#) .track-playback-loading-indicator,.playlist-current-leading.is-current-playing:not(#\#):not(#\#):not(#\#) .track-playing-indicator,.playlist-current-leading.is-current-paused:not(#\#):not(#\#):not(#\#) .track-paused-indicator{opacity:1;transform:scale(1)}.playlist-current-leading.is-current-loading:not(#\#):not(#\#):not(#\#) .track-playback-loading-indicator>svg{display:block}.playlist-reorder-handle:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-basis:44px;margin:-8px -10px;transition:color .15s}.playlist-reorder-handle:active:not(#\#):not(#\#):not(#\#),.playlist-reorder-handle[aria-grabbed=true]:not(#\#):not(#\#):not(#\#){cursor:grabbing}.playlist-entry.is-reorder-source:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle,.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle,.playlist-reorder-settle:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle{color:var(--primary);transition:none}.playlist-reorder-handle:focus-visible:not(#\#):not(#\#):not(#\#){color:var(--primary);outline:2px solid color-mix(in srgb, var(--primary) 70%, transparent);outline-offset:1px}.playlist-reorder-grip:not(#\#):not(#\#):not(#\#){fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0;grid-area:1/1;width:18px;height:18px;transition:opacity .14s,transform .14s;transform:scale(.82)}.playlist-ul.show-reorder-hints:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx,.playlist-entry.is-touch-scroll-hint:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx,.playlist-entry.is-reorder-source:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx{opacity:0;transform:scale(.82)}.playlist-ul.show-reorder-hints:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip,.playlist-entry.is-touch-scroll-hint:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip,.playlist-entry.is-reorder-source:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip{opacity:1;transform:scale(1)}@media (any-hover:hover){.playlist-reorder-handle:hover:not(#\#):not(#\#):not(#\#){color:var(--primary)}.track-item:hover:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx{opacity:0;transform:scale(.82)}.playlist-reorder-handle:focus-visible:not(#\#):not(#\#):not(#\#) .track-idx{opacity:0;transform:scale(.82)}.track-item:hover:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip{opacity:1;transform:scale(1)}.playlist-reorder-handle:focus-visible:not(#\#):not(#\#):not(#\#) .playlist-reorder-grip{opacity:1;transform:scale(1)}}html[data-hover-pointer]:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle:hover{color:var(--primary)}html[data-hover-pointer]:not(#\#):not(#\#):not(#\#) .track-item:hover .playlist-reorder-handle .track-idx{opacity:0;transform:scale(.82)}html[data-hover-pointer]:not(#\#):not(#\#):not(#\#) .track-item:hover .playlist-reorder-handle .playlist-reorder-grip,.playlist-ul.is-reordering:not(#\#):not(#\#):not(#\#) .playlist-entry:not(.is-reorder-source) .playlist-reorder-handle .track-idx,.playlist-ul.is-keyboard-reordering:not(#\#):not(#\#):not(#\#) .playlist-entry:not(.is-reorder-source) .playlist-reorder-handle .track-idx{opacity:1;transform:scale(1)}.playlist-ul.is-reordering:not(#\#):not(#\#):not(#\#) .playlist-entry:not(.is-reorder-source) .playlist-reorder-handle .playlist-reorder-grip,.playlist-ul.is-keyboard-reordering:not(#\#):not(#\#):not(#\#) .playlist-entry:not(.is-reorder-source) .playlist-reorder-handle .playlist-reorder-grip{opacity:0;transform:scale(.82)}.track-name:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;text-align:start;font-family:inherit;line-height:inherit;color:var(--text-main);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;font-size:15px;font-weight:500;display:flex}.track-name:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid color-mix(in srgb, var(--primary) 70%, transparent);outline-offset:3px}.track-name-text:not(#\#):not(#\#):not(#\#){white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.playlist-title-marquee-content:not(#\#):not(#\#):not(#\#){white-space:nowrap;--playlist-marquee-wait:1s;display:inline;transform:translate(0)}@media (any-hover:hover){.track-item:hover:not(#\#):not(#\#):not(#\#) .track-name-text.is-playlist-title-overflowing>.playlist-title-marquee-content,.sub-track-item:hover:not(#\#):not(#\#):not(#\#) .sub-name.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:0s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}}html[data-hover-pointer]:not(#\#):not(#\#):not(#\#) .track-item:hover .track-name-text.is-playlist-title-overflowing>.playlist-title-marquee-content,html[data-hover-pointer]:not(#\#):not(#\#):not(#\#) .sub-track-item:hover .sub-name.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:0s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}.track-name:focus-visible:not(#\#):not(#\#):not(#\#) .track-name-text.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:1s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}.sub-track-item:focus-visible:not(#\#):not(#\#):not(#\#) .sub-name.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:1s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}@media (max-width:1279px) and (hover:none) and (pointer:coarse),(max-height:719px) and (hover:none) and (pointer:coarse){.playlist-entry:not(:has(.sub-track-item.active)):not(#\#):not(#\#):not(#\#)>.track-item:has(.playlist-current-leading.is-current-playing) .track-name-text.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:1s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}.playlist-entry:has(>.track-item .playlist-current-leading.is-current-playing):not(#\#):not(#\#):not(#\#) .sub-track-item.active .sub-name.is-playlist-title-overflowing>.playlist-title-marquee-content{animation:marquee-pingpong var(--playlist-marquee-duration,10s) cubic-bezier(.4, 0, .2, 1) infinite;--playlist-marquee-wait:1s;animation-delay:calc(var(--playlist-marquee-wait) - var(--playlist-marquee-duration,10s) * .2);will-change:transform;--marquee-offset:var(--playlist-marquee-offset);display:inline-block}}.pro-upload-row:not(#\#):not(#\#):not(#\#),.pro-upload-track:not(#\#):not(#\#):not(#\#){cursor:default}.pro-upload-name:not(#\#):not(#\#):not(#\#){color:var(--text-muted);transition:color .18s}.playlist-row-spinner:not(#\#):not(#\#):not(#\#){color:var(--playlist-indicator-color,currentColor)}.pro-upload-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:16px;--material-elastic-stroke:4.75}.pro-upload-cancel:disabled:not(#\#):not(#\#):not(#\#){cursor:wait;opacity:.32;color:var(--text-muted)}.track-type-slot:not(#\#):not(#\#):not(#\#){flex:0 0 16px;grid-template:16px/16px;place-items:center;width:16px;height:16px;display:grid}.type-icon:not(#\#):not(#\#):not(#\#){width:16px;height:16px;fill:var(--text-sub);flex-shrink:0;grid-area:1/1;transition:opacity .14s}.sub-playlist:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:2px;margin:0 0 8px;padding:0 0 8px 48px;list-style:none;transition:opacity .18s;display:flex}.sub-track-item:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);color:var(--text-sub);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}@media (hover:hover){.sub-track-item:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}}.sub-track-item.active:not(#\#):not(#\#):not(#\#){color:var(--primary)}.sub-idx:not(#\#):not(#\#):not(#\#){font-size:11px;font-weight:var(--font-weight-display);opacity:.5;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.sub-idx-number:not(#\#):not(#\#):not(#\#){opacity:1;grid-area:1/1;transition:opacity .14s,transform .14s;transform:scale(1)}.sub-track-item.active:not(#\#):not(#\#):not(#\#) .sub-idx{--playlist-indicator-color:var(--primary);opacity:1}.sub-name:not(#\#):not(#\#):not(#\#){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sub-track-item.loading:not(#\#):not(#\#):not(#\#){opacity:.6;font-size:11px;font-style:italic}.expand-toggle:not(#\#):not(#\#):not(#\#),.device-expand-toggle:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.expand-toggle:not(#\#):not(#\#):not(#\#){flex:0 0 44px;width:44px;height:44px;margin:-8px}@media (hover:hover){.expand-toggle:hover:not(#\#):not(#\#):not(#\#){color:var(--primary);background:0 0}.device-expand-toggle:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3);color:var(--text-main)}}.expand-toggle:not(#\#):not(#\#):not(#\#) svg,.device-expand-toggle:not(#\#):not(#\#):not(#\#) svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:butt;stroke-linejoin:miter;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-toggle.active:not(#\#):not(#\#):not(#\#) svg,.device-expand-toggle.active:not(#\#):not(#\#):not(#\#) svg{transform:rotate(180deg)}.playlist-entry.is-playlist:not(#\#):not(#\#):not(#\#)>.track-item{position:relative}.playlist-entry.is-reorder-source:not(#\#):not(#\#):not(#\#)>.track-item,.playlist-entry.is-reorder-source:not(#\#):not(#\#):not(#\#)>.sub-playlist{opacity:.28}.playlist-entry.is-reorder-source.is-reorder-settling-source:not(#\#):not(#\#):not(#\#)>.track-item,.playlist-entry.is-reorder-source.is-reorder-settling-source:not(#\#):not(#\#):not(#\#)>.sub-playlist{opacity:0;transition:none}.playlist-entry.is-reorder-source.is-reorder-settling-source.is-reorder-handoff:not(#\#):not(#\#):not(#\#)>.track-item,.playlist-entry.is-reorder-source.is-reorder-settling-source.is-reorder-handoff:not(#\#):not(#\#):not(#\#)>.sub-playlist{opacity:1;transition:opacity 90ms ease-out .18s}.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#),.playlist-reorder-settle:not(#\#):not(#\#):not(#\#){z-index:10020;opacity:.98;background:var(--surface-2);will-change:transform;border:1px solid #0000;margin:0;transform:translateZ(0)scale(1.015);box-shadow:0 4px 12px #0000000d;pointer-events:none!important;position:fixed!important}.playlist-reorder-settle:not(#\#):not(#\#):not(#\#){will-change:opacity, transform;transition:opacity 90ms ease-out .18s,transform .18s cubic-bezier(.2,.8,.2,1)}.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#) .track-idx,.playlist-reorder-settle:not(#\#):not(#\#):not(#\#) .track-idx,.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#) .track-playback-state-icon,.playlist-reorder-settle:not(#\#):not(#\#):not(#\#) .track-playback-state-icon{opacity:0;transform:scale(.82)}.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#) .playlist-reorder-grip,.playlist-reorder-settle:not(#\#):not(#\#):not(#\#) .playlist-reorder-grip{opacity:1;transform:scale(1)}.playlist-reorder-active:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle:focus{outline:none}.playlist-reorder-active:not(#\#):not(#\#):not(#\#),.playlist-reorder-active:not(#\#):not(#\#):not(#\#) *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.playlist-reorder-live:not(#\#):not(#\#):not(#\#){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.playlist-entry:not(#\#):not(#\#):not(#\#)>.track-item,.playlist-entry:not(#\#):not(#\#):not(#\#)>.sub-playlist,.playlist-reorder-handle:not(#\#):not(#\#):not(#\#) .track-idx,.track-playback-state-icon:not(#\#):not(#\#):not(#\#),.playlist-reorder-grip:not(#\#):not(#\#):not(#\#),.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#),.playlist-reorder-settle:not(#\#):not(#\#):not(#\#),.playlist-selection-bar:not(#\#):not(#\#):not(#\#),.playlist-selection-action:not(#\#):not(#\#):not(#\#),.playlist-selection-toggle:not(#\#):not(#\#):not(#\#),.playlist-ul:not(#\#):not(#\#):not(#\#),.playlist-entry:not(#\#):not(#\#):not(#\#):before,.btn-playlist-remove:not(#\#):not(#\#):not(#\#),.btn-playlist-remove:not(#\#):not(#\#):not(#\#) svg,.btn-playlist-select:not(#\#):not(#\#):not(#\#),.btn-playlist-select:not(#\#):not(#\#):not(#\#) svg *,.expand-toggle:not(#\#):not(#\#):not(#\#),.expand-toggle:not(#\#):not(#\#):not(#\#) svg{transition:none!important;animation:none!important}.playlist-title-marquee-content:not(#\#):not(#\#):not(#\#){will-change:auto!important;animation:none!important;display:inline!important;transform:translate(0)!important}.playlist-reorder-ghost:not(#\#):not(#\#):not(#\#),.playlist-reorder-settle:not(#\#):not(#\#):not(#\#){transform:none}}.btn-playlist-remove:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;opacity:1;width:44px;height:44px;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-8px;padding:0;transition:opacity .15s,color .15s;display:flex;position:relative}.btn-playlist-remove:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;stroke:currentColor;stroke-width:.5px;stroke-linejoin:round;width:16px;height:16px}.track-item:focus-within:not(#\#):not(#\#):not(#\#) .btn-playlist-remove:not(.is-selected):not(:disabled){opacity:1}@media (hover:hover){.btn-playlist-remove:not(:disabled):hover:not(#\#):not(#\#):not(#\#){opacity:1;color:#ff4d4f}}.btn-playlist-select:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-muted);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;margin:-8px;padding:0;transition:color .15s;display:flex;position:relative}.btn-playlist-select:not(#\#):not(#\#):not(#\#) svg{width:22px;height:22px;overflow:visible}.playlist-select-minus:not(#\#):not(#\#):not(#\#),.playlist-select-mark:not(#\#):not(#\#):not(#\#){fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:butt;stroke-linejoin:miter;transition:opacity .16s}.playlist-select-mark:not(#\#):not(#\#):not(#\#){opacity:0}.playlist-select-minus:not(#\#):not(#\#):not(#\#){stroke-width:1.9px}.btn-playlist-select[aria-pressed=true]:not(#\#):not(#\#):not(#\#){color:var(--primary)}.btn-playlist-select[aria-pressed=true]:not(#\#):not(#\#):not(#\#) .playlist-select-minus{opacity:0}.btn-playlist-select[aria-pressed=true]:not(#\#):not(#\#):not(#\#) .playlist-select-mark{opacity:1}.btn-playlist-select:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid color-mix(in srgb, var(--primary) 70%, transparent);outline-offset:1px}@media (any-hover:hover){.btn-playlist-select:hover:not(#\#):not(#\#):not(#\#){color:var(--primary)}}.playlist-entry:not(#\#):not(#\#):not(#\#){--playlist-fill-radius:calc(var(--list-row-height) / 2);isolation:isolate;position:relative}.playlist-entry:not(#\#):not(#\#):not(#\#):before{--fill-top-radius:var(--playlist-fill-radius);--fill-bottom-radius:var(--playlist-fill-radius);content:"";z-index:-1;border-radius:var(--fill-top-radius) var(--fill-top-radius) var(--fill-bottom-radius) var(--fill-bottom-radius);pointer-events:none;background:0 0;transition:background-color .16s;position:absolute;top:0;bottom:0;left:0;right:0}.playlist-entry.is-removal-selected:not(#\#):not(#\#):not(#\#):before{background:var(--control-active)}.playlist-entry.is-removal-selected:has(+.playlist-entry.is-removal-selected):not(#\#):not(#\#):not(#\#):before{--fill-bottom-radius:0px}.playlist-entry.is-removal-selected:not(#\#):not(#\#):not(#\#)+.playlist-entry.is-removal-selected:before{--fill-top-radius:0px;top:-8px}.playlist-ul.is-fill-morphing:not(#\#):not(#\#):not(#\#)>.playlist-entry:before{opacity:0}.playlist-fill-morph:not(#\#):not(#\#):not(#\#){pointer-events:none;width:0;height:0;position:absolute}.playlist-fill-morph:not(#\#):not(#\#):not(#\#)>*{border-radius:calc(var(--list-row-height) / 2);background:currentColor;position:absolute}.playlist-exit-layer:not(#\#):not(#\#):not(#\#){pointer-events:none;z-index:1;position:absolute;overflow:hidden}.playlist-exit-run:not(#\#):not(#\#):not(#\#){position:absolute}.playlist-entry.playlist-exit-ghost:not(#\#):not(#\#):not(#\#){margin:0;position:absolute}.playlist-entry.playlist-exit-ghost:not(#\#):not(#\#):not(#\#):before{top:var(--exit-fill-top);bottom:var(--exit-fill-bottom);border-radius:var(--exit-fill-radius);background:var(--control-active);transition:none}.playlist-exit-layer:not(#\#):not(#\#):not(#\#) .sub-playlist,.playlist-exit-layer:not(#\#):not(#\#):not(#\#) .expand-toggle{display:none}.playlist-exit-layer:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx{opacity:1;transform:scale(1)}.playlist-exit-layer:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip{opacity:0}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .sub-playlist,.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .expand-toggle,.tab-header.is-removal-selecting:not(#\#):not(#\#):not(#\#)>.tab-title:not(.playlist-selection-title),.tab-header.is-removal-selecting:not(#\#):not(#\#):not(#\#)>.playlist-switch-button,.tab-header.is-removal-selecting:not(#\#):not(#\#):not(#\#) .playlist-title-area>.tab-action-btn{display:none}.tab-header.is-removal-selecting:not(#\#):not(#\#):not(#\#),.tab-header.is-removal-selecting:not(#\#):not(#\#):not(#\#) .playlist-title-area{align-items:baseline}.playlist-selection-title:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:auto;min-width:0;line-height:36px;overflow:hidden}.playlist-selection-title[hidden]:not(#\#):not(#\#):not(#\#),.playlist-selection-toggle[hidden]:not(#\#):not(#\#):not(#\#){display:none}.playlist-selection-toggle:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);height:44px;color:var(--text-main);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;align-items:center;margin:-14px 0 -14px 16px;padding:0 4px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;transition:opacity .15s;display:inline-flex}.playlist-selection-toggle:active:not(#\#):not(#\#):not(#\#){opacity:.6}.playlist-selection-toggle:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}@media (hover:hover){.playlist-selection-toggle:hover:not(#\#):not(#\#):not(#\#){opacity:.8}}.playlist-header-fade:not(#\#):not(#\#):not(#\#){pointer-events:none;z-index:1;width:0;height:0;position:absolute}.tab-header:not(#\#):not(#\#):not(#\#) .playlist-header-fade>*{box-sizing:border-box;margin:0;position:absolute}.playlist-selection-bar:not(#\#):not(#\#):not(#\#){z-index:100;width:max-content;max-width:calc(100% - var(--safe-left) - var(--safe-right) - 32px);box-sizing:border-box;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--surface-1);flex:none;justify-content:center;align-self:center;align-items:center;gap:6px;margin:16px auto 0;padding:6px;animation:.22s cubic-bezier(.2,.8,.2,1) playlist-selection-bar-in;display:flex;position:sticky;bottom:-10px}.playlist-selection-bar[data-state=leaving]:not(#\#):not(#\#):not(#\#),.playlist-selection-bar[data-state=leaving]:not(#\#):not(#\#):not(#\#) .playlist-selection-action{pointer-events:none}.playlist-selection-bar[hidden]:not(#\#):not(#\#):not(#\#){display:none}.playlist-selection-action:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;box-sizing:border-box;border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex:0 0 54px;place-items:center;width:54px;height:54px;padding:0;transition:background-color .3s cubic-bezier(.2,.8,.2,1),border-color .3s cubic-bezier(.2,.8,.2,1),color .3s cubic-bezier(.2,.8,.2,1),scale .2s;display:inline-grid;position:relative}.playlist-selection-action:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:24px;height:24px}.playlist-selection-action:active:not(#\#):not(#\#):not(#\#){scale:.94}.playlist-selection-action:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:3px}.playlist-selection-move:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff}.playlist-selection-action[hidden]:not(#\#):not(#\#):not(#\#){display:none}.playlist-selection-delete:not(#\#):not(#\#):not(#\#){background:var(--danger-filled);color:#fff}.playlist-selection-cancel:not(#\#):not(#\#):not(#\#){background:var(--surface-2);border-color:var(--glass-border);color:var(--text-main)}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle{pointer-events:none}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .track-idx{opacity:1;transform:scale(1)}.playlist-ul.has-removal-selection:not(#\#):not(#\#):not(#\#) .playlist-reorder-handle .playlist-reorder-grip{opacity:0;transform:scale(.82)}.section-group:not(#\#):not(#\#):not(#\#){border-bottom:1px solid var(--divider);background:0 0;border-radius:0;margin:0 44px;padding:0 0 44px}[data-theme=light]:not(#\#):not(#\#):not(#\#) .section-group{border-bottom:1px solid var(--divider)}.section-group:last-of-type:not(#\#):not(#\#):not(#\#),#last-setting-section:not(#\#):not(#\#):not(#\#){border-bottom:none;padding-bottom:44px}#device-list:last-child:not(#\#):not(#\#):not(#\#){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden}.section-header-row:not(#\#):not(#\#):not(#\#){border-bottom:none;justify-content:space-between;align-items:center;padding:44px 0 16px;display:flex}.room-password-toggle:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-2);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;border:none;flex:0 0 48px;width:48px;height:28px;padding:3px;transition:background .18s,opacity .18s;position:relative}.room-password-toggle-knob:not(#\#):not(#\#):not(#\#){background:var(--text-muted);border-radius:50%;width:22px;height:22px;transition:transform .18s,background .18s;display:block}.room-password-toggle.active:not(#\#):not(#\#):not(#\#){background:rgba(var(--primary-rgb), .18)}.room-password-toggle.active:not(#\#):not(#\#):not(#\#) .room-password-toggle-knob{background:var(--primary);transform:translate(20px)}.room-password-toggle[aria-pressed=true]:not(#\#):not(#\#):not(#\#){background:rgba(var(--primary-rgb), .18)}.room-password-toggle[aria-pressed=true]:not(#\#):not(#\#):not(#\#) .room-password-toggle-knob{background:var(--primary);transform:translate(20px)!important}.room-password-toggle:disabled:not(#\#):not(#\#):not(#\#),.room-password-toggle[aria-disabled=true]:not(#\#):not(#\#):not(#\#),.room-password-refresh:disabled:not(#\#):not(#\#):not(#\#),.room-password-refresh[aria-disabled=true]:not(#\#):not(#\#):not(#\#){opacity:.45;cursor:default}.room-password-code-row:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;gap:6px;padding:16px 0 0;display:flex}.room-password-code:not(#\#):not(#\#):not(#\#){color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-align:center;min-width:136px;font-size:22px;font-weight:700;line-height:36px}.room-password-code.is-placeholder:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-weight:var(--font-weight-display);letter-spacing:.02em}.room-password-refresh:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:inline-flex}.room-password-refresh[hidden]:not(#\#):not(#\#):not(#\#){display:none!important}.room-password-refresh:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:20px;height:20px}.room-password-refresh:not(:disabled):not([aria-disabled=true]):focus-visible:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}@media (hover:hover){.room-password-refresh:not(:disabled):not([aria-disabled=true]):hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}}.room-password-refresh:not(:disabled):not([aria-disabled=true]):active:not(#\#):not(#\#):not(#\#){transform:scale(.95)}@media (max-width:420px){.room-password-code:not(#\#):not(#\#):not(#\#){min-width:132px;font-size:22px}}#tab-settings:not(#\#):not(#\#):not(#\#)>.tab-body>.section-group:first-of-type .section-header-row,#tab-settings:not(#\#):not(#\#):not(#\#) .settings-subtab-panel>.section-group:first-of-type .section-header-row,#tab-connect:not(#\#):not(#\#):not(#\#)>.tab-body>.section-group:first-of-type .section-header-row,#desktop-connect-content:not(#\#):not(#\#):not(#\#)>.section-group:first-of-type .section-header-row{padding-top:24px}#youtube-settings-disabled-wrap:not(#\#):not(#\#):not(#\#) .section-group:first-child .section-header-row{padding-top:56px}.section-title:not(#\#):not(#\#):not(#\#){color:var(--text-main);text-transform:none;letter-spacing:-.5px;font-size:18px;font-weight:700}.settings-option-description:not(#\#):not(#\#):not(#\#){max-width:100%;color:var(--text-sub);text-wrap:pretty;overflow-wrap:break-word;word-break:keep-all;margin:-8px 0 16px;font-size:13px;line-height:1.5}.settings-option-description.settings-role-description:not(#\#):not(#\#):not(#\#){white-space:pre-line;margin-bottom:24px}.settings-option-description:lang(ja):not(#\#):not(#\#):not(#\#),.settings-option-description:lang(zh-hans):not(#\#):not(#\#):not(#\#),.settings-option-description:lang(zh-hant):not(#\#):not(#\#):not(#\#){word-break:normal;line-break:strict}.settings-sync-indicator-slot:not(#\#):not(#\#):not(#\#){flex:0 0 32px;align-self:center;width:32px;height:0;display:block;position:relative}.settings-sync-indicator:not(#\#):not(#\#):not(#\#){width:32px;height:32px;color:var(--text-sub);font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-pill);background:0 0;border:0;place-items:center;padding:6px;transition:color .2s,background-color .2s;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.settings-sync-indicator[hidden]:not(#\#):not(#\#):not(#\#){display:none}.settings-sync-indicator:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:20px;height:20px}@media (hover:hover){.settings-sync-indicator:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}}.settings-sync-indicator:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}.host-ctrl-locked:not(#\#):not(#\#):not(#\#){opacity:.4;cursor:not-allowed;-webkit-user-select:none;user-select:none}.host-ctrl-locked:not(#\#):not(#\#):not(#\#) input[type=range]{pointer-events:none}.section-row:not(#\#):not(#\#):not(#\#){color:var(--text-main);background:0 0;justify-content:space-between;align-items:center;padding:10px 0;font-size:16px;font-weight:500;display:flex}.section-row:last-child:not(#\#):not(#\#):not(#\#){border-bottom:none}.reverb-sliders-area:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;grid-template-rows:1fr;padding-top:24px;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),opacity .25s,padding-top .35s cubic-bezier(.2,.8,.2,1),visibility;display:grid;overflow:hidden}.reverb-sliders-area:not(#\#):not(#\#):not(#\#)>.collapsible-slider-content{min-width:0;min-height:0;overflow:visible}.reverb-sliders-area.collapsed:not(#\#):not(#\#):not(#\#){opacity:0;pointer-events:none;visibility:hidden;grid-template-rows:0fr;padding-top:0;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1),opacity .25s,padding-top .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}.eq-container:not(#\#):not(#\#):not(#\#){justify-content:space-between;height:160px;padding:0;display:flex}input[type=range].eq-slider:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100px;height:32px;margin-top:-16px;margin-left:-50px;position:absolute;top:50%;left:50%;transform:rotate(-90deg)}input[type=range].eq-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--range-fill) 0%, var(--range-fill) var(--range-progress), var(--surface-2) var(--range-progress), var(--surface-2) 100%);cursor:pointer;border-radius:3px;width:100%;height:6px;transition:height .16s}input[type=range].eq-slider:not(#\#):not(#\#):not(#\#)::-moz-range-track{background:linear-gradient(to right, var(--range-fill) 0%, var(--range-fill) var(--range-progress), var(--surface-2) var(--range-progress), var(--surface-2) 100%);cursor:pointer;border-radius:3px;width:100%;height:6px;transition:height .16s}input[type=range].eq-slider:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:8px}input[type=range].eq-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-runnable-track{height:8px}input[type=range].eq-slider:active:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:8px}input[type=range].eq-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-track{height:8px}input[type=range].eq-slider:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;filter:none;background-color:#0000;border:none;border-radius:50%;width:0;height:0;margin-top:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s,background-color .2s;transform:scale(1)}input[type=range].eq-slider:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{opacity:0;filter:none;background-color:#0000;border:none;border-radius:50%;width:0;height:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s,background-color .2s;transform:scale(1)}input[type=range].eq-slider:active:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{filter:none;transform:scale(1)}input[type=range].eq-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-webkit-slider-thumb{filter:none;transform:scale(1)}input[type=range].eq-slider:active:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{filter:none;transform:scale(1)}input[type=range].eq-slider.is-dragging:not(#\#):not(#\#):not(#\#)::-moz-range-thumb{filter:none;transform:scale(1)}.eq-band:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-width:0;height:160px;padding:10px 0;display:flex;position:relative}.eq-val:not(#\#):not(#\#):not(#\#){z-index:2;color:var(--primary);margin-bottom:auto;font-size:11px;font-weight:700}.eq-label:not(#\#):not(#\#):not(#\#){z-index:2;color:var(--text-sub);margin-top:auto;font-size:11px;font-weight:500}.slider-wrap:not(#\#):not(#\#):not(#\#){padding:6px 0}#tab-settings:not(#\#):not(#\#):not(#\#) .channel-grid{padding-top:12px;padding-inline-start:0;padding-inline-end:0}.channel-grid:not(#\#):not(#\#):not(#\#){grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}.ch-opt:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-sub);border-radius:var(--radius-m);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.ch-opt:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;opacity:1;flex-shrink:0;width:32px;height:32px;transition:opacity .2s}.ch-opt.active:not(#\#):not(#\#):not(#\#),.ch-opt.selected:not(#\#):not(#\#):not(#\#),#demo-overlay:not(#\#):not(#\#):not(#\#) .ch-opt.demo-choice[aria-pressed=true]{background:var(--control-active);color:var(--primary);box-shadow:none;border-width:2px;border-color:#0000}@media (hover:hover){#tab-settings:not(#\#):not(#\#):not(#\#) .ch-opt:not(.active):not(.selected):hover,#demo-overlay:not(#\#):not(#\#):not(#\#) .ch-opt.demo-choice:not(.active):not(.selected):not([aria-pressed=true]):hover{background:var(--surface-3)}}.ch-opt.active:not(#\#):not(#\#):not(#\#) svg,.ch-opt.selected:not(#\#):not(#\#):not(#\#) svg{opacity:1;fill:var(--primary)}.slider-header:not(#\#):not(#\#):not(#\#){color:var(--text-sub);justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.val-disp:not(#\#):not(#\#):not(#\#){color:var(--primary)}.btn-action:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:0 24px;font-weight:700}.device-entry:not(#\#):not(#\#):not(#\#){flex-direction:column;min-width:0;display:flex}.device-row:not(#\#):not(#\#):not(#\#){min-height:var(--list-row-height);box-sizing:border-box;border-radius:var(--radius-pill);background:0 0;border-bottom:1px solid #0000;align-items:center;gap:16px;padding:12px 16px;transition:background .2s;display:flex}.device-row:active:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}.device-row.is-current-member:not(#\#):not(#\#):not(#\#){background:0 0}.device-row.is-current-member:not(#\#):not(#\#):not(#\#) .d-order,.device-row.is-current-member:not(#\#):not(#\#):not(#\#) .d-name{color:var(--primary);font-weight:700}.device-row:not(#\#):not(#\#):not(#\#) .d-name{min-width:0;color:var(--text-main);flex:1;align-items:center;font-size:16px;font-weight:500;display:flex}.device-row:not(#\#):not(#\#):not(#\#) .d-name-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:100%;display:block;overflow:hidden}.sr-only:not(#\#):not(#\#):not(#\#){clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.d-order:not(#\#):not(#\#):not(#\#){color:var(--text-muted);text-align:center;flex-shrink:0;width:24px;font-size:14px;font-weight:600}.d-op-badge:not(#\#):not(#\#):not(#\#){color:var(--primary);margin-inline-start:6px;font-size:10px;font-weight:700}.d-actions:not(#\#):not(#\#):not(#\#){flex-shrink:0;align-items:center;gap:4px;display:flex}.device-sublist:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:2px;margin:0 0 8px;padding:0 16px 8px 56px;list-style:none;transition:opacity .18s;display:flex}.device-sublist[hidden]:not(#\#):not(#\#):not(#\#){display:none}.device-subrow:not(#\#):not(#\#):not(#\#){box-sizing:border-box;border-radius:var(--radius-pill);min-height:44px;color:var(--text-sub);cursor:default;align-items:center;gap:10px;min-width:0;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}@media (hover:hover){.device-subrow:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}}.device-subrow.is-current-device:not(#\#):not(#\#):not(#\#),.device-subrow.is-current-device:hover:not(#\#):not(#\#):not(#\#){color:var(--primary)}.device-sub-index:not(#\#):not(#\#):not(#\#){width:20px;font-size:11px;font-weight:var(--font-weight-display);opacity:.5;flex:0 0 20px}.device-sub-name:not(#\#):not(#\#):not(#\#){white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.device-subrow.is-current-device:not(#\#):not(#\#):not(#\#) .device-sub-name{font-weight:700}.device-expand-toggle:not(#\#):not(#\#):not(#\#){flex:0 0 32px}.administrator-section[hidden]:not(#\#):not(#\#):not(#\#){display:none}.administrator-list:not(#\#):not(#\#):not(#\#){display:grid}.administrator-row:not(#\#):not(#\#):not(#\#){cursor:default;min-width:0}.administrator-row:not(#\#):not(#\#):not(#\#) .d-name{overflow:hidden}.administrator-crown:not(#\#):not(#\#):not(#\#){width:24px;height:24px;color:var(--text-muted);flex:0 0 24px;place-items:center;display:grid}.administrator-crown.owner:not(#\#):not(#\#):not(#\#){color:#f5c842}.administrator-crown:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:18px;height:18px}.administrator-row:not(.is-offline):not(#\#):not(#\#):not(#\#) .d-name{color:var(--text-main);font-weight:600}.administrator-row.is-offline:not(#\#):not(#\#):not(#\#) .d-name{color:var(--text-muted);font-weight:500}.administrator-action-button:not(#\#):not(#\#):not(#\#){width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;place-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:grid}.administrator-action-button:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:17px;height:17px}.administrator-action-button:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main);outline:none}.administrator-action-button:focus-visible:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main);outline:none}.administrator-action-button.revoke:hover:not(#\#):not(#\#):not(#\#){color:#ff4d4f;background:0 0}.administrator-action-button.revoke:focus-visible:not(#\#):not(#\#):not(#\#){color:#ff4d4f;background:0 0}.administrator-action-button.revoke:not(#\#):not(#\#):not(#\#){width:28px;height:28px}.administrator-action-button.revoke:not(#\#):not(#\#):not(#\#) svg{width:16px;height:16px}.administrator-action-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.94)}.d-op-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border:1px solid #0000;padding:4px 10px;font-size:11px;transition:all .15s}.d-op-btn.active:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff;border-color:rgba(var(--primary-rgb), .75)}.d-op-btn.administrator-state-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;padding:0}.d-op-btn.administrator-state-button:not(#\#):not(#\#):not(#\#) svg{width:18px;height:18px}.d-op-btn.administrator-state-button:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-sub)}.d-op-btn.administrator-state-button:focus-visible:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-sub)}.administrator-state-button:disabled:not(#\#):not(#\#):not(#\#){cursor:wait;opacity:.45}.d-status:not(#\#):not(#\#):not(#\#){font-size:11px;font-weight:var(--font-weight-display);border-radius:100px;padding:4px 10px}.d-status.active:not(#\#):not(#\#):not(#\#){color:#52c41a;background:#52c41a33}.d-status.inactive:not(#\#):not(#\#):not(#\#){color:#ff4d4f;background:#ff4d4f33}.btn-kick-device:not(#\#):not(#\#):not(#\#),.btn-kick-physical-device:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;opacity:1;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:flex}.btn-kick-device:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;stroke:currentColor;stroke-width:.5px;stroke-linejoin:round;width:16px;height:16px}.btn-kick-device:not(#\#):not(#\#):not(#\#){opacity:1}.btn-kick-physical-device:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:16px;height:16px}.device-row:hover:not(#\#):not(#\#):not(#\#) .btn-kick-device,.device-subrow:hover:not(#\#):not(#\#):not(#\#) .btn-kick-physical-device{opacity:1}.device-subrow:hover:not(#\#):not(#\#):not(#\#) .btn-kick-physical-device:hover{opacity:1;color:#ff4d4f}.btn-kick-physical-device:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1;color:#ff4d4f}.device-row:hover:not(#\#):not(#\#):not(#\#) .btn-kick-device:hover{opacity:1;color:#ff4d4f}@media (pointer:coarse){.btn-kick-device:not(#\#):not(#\#):not(#\#),.btn-kick-physical-device:not(#\#):not(#\#):not(#\#){opacity:1}}@media (max-width:420px){.device-row:not(#\#):not(#\#):not(#\#){gap:8px;padding-inline-start:8px;padding-inline-end:8px}.d-actions:not(#\#):not(#\#):not(#\#){gap:2px}.d-op-btn:not(#\#):not(#\#):not(#\#){padding-inline-start:8px;padding-inline-end:8px}.device-sublist:not(#\#):not(#\#):not(#\#){padding-inline-start:40px;padding-inline-end:8px}}.accent-action-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);color:#007aff;cursor:pointer;background:#007aff14;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;min-height:56px;margin-top:24px;padding:0;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:flex}@media (hover:hover){.accent-action-btn:hover:not(#\#):not(#\#):not(#\#){background:#007aff1f}}.accent-action-btn:active:not(#\#):not(#\#):not(#\#){background:#007aff2e;transform:scale(.97)}.accent-action-btn:not(#\#):not(#\#):not(#\#) svg{fill:#007aff;width:20px;height:20px}.help-actions:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:12px;display:flex}.help-actions:not(#\#):not(#\#):not(#\#) .accent-action-btn{height:auto;min-height:56px;margin-top:0;padding:10px 16px;line-height:1.3}.leave-session-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);color:#ff3b30;cursor:pointer;background:#ff3b3014;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;margin-top:12px;padding:0;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:flex}@media (hover:hover){.leave-session-btn:hover:not(#\#):not(#\#):not(#\#){background:#ff3b301f}}.leave-session-btn:active:not(#\#):not(#\#):not(#\#){background:#ff3b302e;transform:scale(.97)}.leave-session-btn:not(#\#):not(#\#):not(#\#) svg{fill:#ff3b30;width:20px;height:20px}.qr-container:not(#\#):not(#\#):not(#\#){flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:16px 0;display:flex}.qr-container:not(#\#):not(#\#):not(#\#) canvas,.qr-container:not(#\#):not(#\#):not(#\#) img{border-radius:var(--radius-s,14px);max-width:220px;max-height:220px}.qr-svg:not(#\#):not(#\#):not(#\#){width:200px;height:200px}.qr-svg:not(#\#):not(#\#):not(#\#) path{stroke:var(--text-main);fill:var(--text-main)}.qr-placeholder:not(#\#):not(#\#):not(#\#){color:var(--text-sub);text-align:center;padding:32px 0;font-size:13px}.btn-copy-invite-link:not(#\#):not(#\#):not(#\#){box-sizing:border-box;border-radius:var(--radius-pill);background:var(--surface-2);width:100%;height:auto;min-height:56px;color:var(--text-sub);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:10px 16px;font-size:15px;font-weight:600;line-height:1.3;transition:background .2s,color .2s,transform .2s;display:flex}.btn-copy-invite-link:not(#\#):not(#\#):not(#\#)>svg{fill:currentColor;flex:0 0 20px;width:20px;height:20px}.btn-copy-invite-link:not(#\#):not(#\#):not(#\#)>span[data-i18n]{white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:keep-all;min-width:0;max-width:100%}.btn-copy-invite-link:not(#\#):not(#\#):not(#\#)>span[data-i18n]:lang(ja),.btn-copy-invite-link:not(#\#):not(#\#):not(#\#)>span[data-i18n]:lang(zh-hans),.btn-copy-invite-link:not(#\#):not(#\#):not(#\#)>span[data-i18n]:lang(zh-hant){word-break:normal;line-break:strict}.btn-copy-invite-link:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3)}.btn-copy-invite-link:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.97)}.btn-copy-invite-link[data-mode=recover]:not(#\#):not(#\#):not(#\#),.btn-copy-invite-link[data-mode=recovering]:not(#\#):not(#\#):not(#\#){color:var(--warning-foreground);box-shadow:none;background:#f59e0b14;border:none}@media (hover:hover){.btn-copy-invite-link[data-mode=recover]:hover:not(#\#):not(#\#):not(#\#){background:#f59e0b1f}}.btn-copy-invite-link[data-mode=recover]:active:not(#\#):not(#\#):not(#\#){background:#f59e0b2e}.btn-copy-invite-link[data-mode=recovering]:not(#\#):not(#\#):not(#\#){cursor:wait}.btn-copy-invite-link[data-mode=recovering]:not(#\#):not(#\#):not(#\#)>svg{display:none}.signaling-recovery-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:20px;--material-elastic-stroke:4.75;flex:0 0 20px;display:none}.btn-copy-invite-link[data-mode=recovering]:not(#\#):not(#\#):not(#\#) .signaling-recovery-spinner{display:block}.btn-copy-invite-link:disabled:not(#\#):not(#\#):not(#\#){opacity:1}.settings-subtab-nav:not(#\#):not(#\#):not(#\#){display:none}.subtab-pill:not(#\#):not(#\#):not(#\#){border-radius:0}.settings-subtab-panel:not(#\#):not(#\#):not(#\#){display:block}.settings-subtab-panel[data-panel=general]:not(#\#):not(#\#):not(#\#)>.section-group:last-of-type{border-bottom:1px solid var(--divider)}.settings-subtab-panel[data-panel=connect]:not(#\#):not(#\#):not(#\#),.settings-device-section:not(#\#):not(#\#):not(#\#),.settings-subtab-panel[data-panel=help]:not(#\#):not(#\#):not(#\#){display:none}#tab-guide:not(#\#):not(#\#):not(#\#)>.tab-header{padding-bottom:0}.help-block:not(#\#):not(#\#):not(#\#){background:0 0;margin:0 44px;padding:24px 0}.help-title:not(#\#):not(#\#):not(#\#){color:var(--text-main);align-items:center;gap:10px;margin-bottom:20px;font-size:17px;font-weight:700;display:flex}.legal-block:not(#\#):not(#\#):not(#\#){border-top:1px solid var(--divider);margin-top:8px}.help-title:not(#\#):not(#\#):not(#\#) svg{width:22px;height:22px;fill:var(--primary);flex:none;display:block}.help-question-icon-cutout:not(#\#):not(#\#):not(#\#){fill:var(--primary-filled)}.help-desc:not(#\#):not(#\#):not(#\#){color:var(--text-sub);font-size:14px;line-height:1.6}.legal-desc:not(#\#):not(#\#):not(#\#){color:var(--text-sub);opacity:.8;font-size:12px;line-height:1.6}.help-list:not(#\#):not(#\#):not(#\#){margin-top:10px;color:var(--text-sub);margin-inline-start:20px;font-size:13px;line-height:1.6}.help-list:not(#\#):not(#\#):not(#\#) li{margin-bottom:4px}.desktop-help-section:not(#\#):not(#\#):not(#\#),.play-header-desktop:not(#\#):not(#\#):not(#\#){display:none}.bottom-nav:not(#\#):not(#\#):not(#\#){z-index:100;padding:10px 16px calc(10px + var(--safe-bottom) + var(--safe-nav-bottom,0px));-webkit-backdrop-filter:none;background:var(--surface-1);box-shadow:none;view-transition-name:bottom-nav;border:none;border-radius:0;justify-content:space-around;align-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}html.keyboard-open:not(#\#):not(#\#):not(#\#) .bottom-nav{pointer-events:none;transition:none!important;transform:translateY(100%)!important}[data-theme=light]:not(#\#):not(#\#):not(#\#) .bottom-nav,[data-theme=dark]:not(#\#):not(#\#):not(#\#) .bottom-nav{background:var(--surface-1);-webkit-backdrop-filter:none;box-shadow:none;border:none}.nav-item:not(#\#):not(#\#):not(#\#){cursor:pointer;color:#6b7684;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;width:auto;min-width:0;min-height:44px;margin:0;padding:0;transition:color .2s;display:flex;position:relative}.nav-item:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:24px;height:24px;transition:transform .2s}.nav-item:not(#\#):not(#\#):not(#\#) span{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#6b7684;max-width:100%;font-size:10px;font-weight:500;line-height:1.2;display:block;overflow:hidden}.nav-item.active:not(#\#):not(#\#):not(#\#),.nav-item.active:not(#\#):not(#\#):not(#\#) span{color:var(--primary)}.nav-item.active:not(#\#):not(#\#):not(#\#) svg{fill:var(--primary);transform:none}.nav-item:active:not(#\#):not(#\#):not(#\#) svg{transform:scale(.9)}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .nav-item{color:#6b7684}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .nav-item span{color:#8b95a1}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .nav-item.active,[data-theme=dark]:not(#\#):not(#\#):not(#\#) .nav-item.active span{color:var(--primary)}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .nav-item.active svg{fill:var(--primary)}.toast:not(#\#):not(#\#):not(#\#){pointer-events:none;opacity:0;z-index:7000;background:0 0;justify-content:center;transition:opacity .2s cubic-bezier(.4,0,.6,1),transform .2s cubic-bezier(.4,0,.6,1),bottom .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:110px;left:0;right:0;transform:translateY(20px)}.toast:not(#\#):not(#\#):not(#\#)>span{background:var(--surface-1);-webkit-backdrop-filter:none;color:var(--text-main);text-align:center;white-space:pre-line;border-radius:100px;max-width:min(100vw - 48px,560px);padding:14px 28px;font-size:14px;font-weight:600;line-height:1.45}.toast.show:not(#\#):not(#\#):not(#\#){opacity:1;transition:opacity .7s cubic-bezier(.08,.82,.17,1.15),transform .7s cubic-bezier(.08,.82,.17,1.15),bottom .22s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}@media (max-width:719px){body:has(#tab-playlist.active .playlist-selection-bar:not([hidden]):not([data-state=leaving])):not(#\#):not(#\#):not(#\#) .toast{bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--safe-nav-bottom,0px) + 98px)}}.session-reset-overlay:not(#\#):not(#\#):not(#\#){z-index:2147483647;background:var(--bg);color:var(--text-main);touch-action:none;overscroll-behavior:none;opacity:0;visibility:hidden;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.session-reset-overlay.show:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto}.session-reset-message:not(#\#):not(#\#):not(#\#){color:var(--text-main);text-align:center;margin:0;font-size:15px;font-weight:700;line-height:1.5}html.session-reset-pending:not(#\#):not(#\#):not(#\#),html.session-reset-pending:not(#\#):not(#\#):not(#\#) body{overflow:hidden!important}.dialog-overlay:not(#\#):not(#\#):not(#\#){-webkit-backdrop-filter:none;z-index:6000;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out both dialogBackdropIn;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-overlay.show:not(#\#):not(#\#):not(#\#){display:flex}.account-dialog-overlay:not(#\#):not(#\#):not(#\#){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in,visibility 0s linear .2s;animation:none;display:flex}.account-dialog-overlay.show:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease-out,visibility linear}.dialog.account-dialog:not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 48px);opacity:0;flex-direction:column;max-height:calc(100dvh - 48px);transition:opacity .2s ease-in,transform .2s ease-in;animation:none;display:flex;position:relative;transform:translateY(18px)}.account-dialog-overlay.show:not(#\#):not(#\#):not(#\#) .account-dialog{opacity:1;transition:opacity .28s ease-out,transform .38s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.administrator-permissions-overlay:not(#\#):not(#\#):not(#\#){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in,visibility 0s linear .2s;animation:none;display:flex;overflow-y:auto}.administrator-permissions-overlay.show:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease-out,visibility linear}.dialog.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 48px);opacity:0;flex-direction:column;max-height:calc(100dvh - 48px);transition:opacity .2s ease-in,transform .2s ease-in;animation:none;display:flex;transform:translateY(18px)}.administrator-permissions-overlay.show:not(#\#):not(#\#):not(#\#) .administrator-permissions-dialog{opacity:1;transition:opacity .28s ease-out,transform .38s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.dialog.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#) .administrator-permissions-header{flex:none;align-items:baseline;padding:30px 32px 26px;display:flex}.administrator-permissions-header:not(#\#):not(#\#):not(#\#) .dialog-title{overflow-wrap:anywhere;width:100%}.administrator-permissions-list:not(#\#):not(#\#):not(#\#){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:4px;min-height:0;padding:8px 32px 24px;display:grid;overflow-y:auto}.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#)>.cscroll-track{z-index:2;right:24px}.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#) .dialog-actions{flex:none;padding-top:8px}.administrator-permission-row:not(#\#):not(#\#):not(#\#){width:100%;min-height:48px;color:var(--text-main);text-align:start;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0 8px;font-family:inherit;font-size:15px;font-weight:650;display:flex}.administrator-permission-row:hover:not(#\#):not(#\#):not(#\#){background:0 0}.administrator-permission-row:focus-visible:not(#\#):not(#\#):not(#\#){background:0 0}.administrator-permission-row:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid rgba(var(--primary-rgb), .4);outline-offset:5px}.administrator-permission-row:disabled:not(#\#):not(#\#):not(#\#){cursor:default}.administrator-permission-row:disabled:hover:not(#\#):not(#\#):not(#\#){background:0 0}.administrator-permission-row:disabled:focus-visible:not(#\#):not(#\#):not(#\#){background:0 0}.administrator-permission-label:not(#\#):not(#\#):not(#\#){align-items:baseline;gap:8px;min-width:0;display:flex}.administrator-permission-inherited:not(#\#):not(#\#):not(#\#){color:var(--primary);white-space:nowrap;font-size:11px;font-weight:700}.administrator-permission-inherited[hidden]:not(#\#):not(#\#):not(#\#){display:none}.administrator-permission-toggle:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-2);flex:0 0 42px;width:42px;height:24px;transition:background .18s;position:relative}.administrator-permission-toggle-knob:not(#\#):not(#\#):not(#\#){background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.administrator-permission-row[aria-checked=true]:not(#\#):not(#\#):not(#\#) .administrator-permission-toggle{background:rgba(var(--primary-rgb), .18)}.administrator-permission-row[aria-checked=true]:not(#\#):not(#\#):not(#\#) .administrator-permission-toggle-knob{background:var(--primary);transform:translate(18px)}.administrator-permission-row:disabled:not(#\#):not(#\#):not(#\#) .administrator-permission-toggle{opacity:.72}.administrator-permissions-dialog[aria-busy=true]:not(#\#):not(#\#):not(#\#){cursor:progress}.administrator-permissions-dialog[aria-busy=true]:not(#\#):not(#\#):not(#\#) button{opacity:.55;pointer-events:none}.account-dialog-static-title[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-nickname[hidden]:not(#\#):not(#\#):not(#\#),.account-google-button[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-title-edit[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-login-actions[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-login-close[hidden]:not(#\#):not(#\#):not(#\#),.account-legal-links[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-stats[hidden]:not(#\#):not(#\#):not(#\#),.account-dialog-actions[hidden]:not(#\#):not(#\#):not(#\#){display:none}.dialog.account-dialog:not(#\#):not(#\#):not(#\#) .account-dialog-header{flex:none;justify-content:flex-start;gap:0;padding:24px 20px 0}.account-dialog-header:not(#\#):not(#\#):not(#\#) .dialog-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-dialog-static-title:not(#\#):not(#\#):not(#\#){padding:6px 12px}.account-dialog-title-edit:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:auto;min-width:0;max-width:100%;min-height:44px;color:var(--text-sub);font:inherit;opacity:1;cursor:pointer;background:0 0;border:0;flex:0 auto;align-items:center;gap:8px;margin:0;padding:0 10px 0 12px;transition:background-color .18s,transform .18s;display:inline-flex}.account-dialog-title-edit:not(:disabled):hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}.account-dialog-title-edit:not(:disabled):active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}.account-dialog-title-edit:disabled:not(#\#):not(#\#):not(#\#){cursor:default}.account-dialog-title-edit:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}.account-dialog-title-edit-label:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-dialog-title-edit-icon:not(#\#):not(#\#):not(#\#){fill:currentColor;pointer-events:none;flex:none;width:20px;height:20px}.account-dialog-content:not(#\#):not(#\#):not(#\#){overscroll-behavior:contain;overflow-anchor:none;min-height:0;padding:6px 32px 22px;overflow-y:auto}.dialog.account-dialog[data-account-view=login]:not(#\#):not(#\#):not(#\#) .account-dialog-content{padding-bottom:10px}.account-dialog-login-actions:not(#\#):not(#\#):not(#\#){flex:none;padding:0 32px 30px}.account-dialog:not(#\#):not(#\#):not(#\#)>.cscroll-track{z-index:2;right:24px}.account-dialog-content[hidden]:not(#\#):not(#\#):not(#\#){display:none}.account-dialog-message:not(#\#):not(#\#):not(#\#){min-height:24px;color:var(--text-sub);white-space:pre-wrap;word-break:keep-all;margin:0;font-size:15px;line-height:1.58}.account-dialog-nickname:not(#\#):not(#\#):not(#\#){color:var(--text-main);font-size:22px;font-weight:var(--font-weight-display);text-overflow:ellipsis;white-space:nowrap;margin:10px 0 2px;display:block;overflow:hidden}.account-dialog-stats:not(#\#):not(#\#):not(#\#){overscroll-behavior:contain;flex:auto;min-height:0;margin:18px 32px 22px;padding:0;overflow-y:auto}.account-dialog-stat-row:not(#\#):not(#\#):not(#\#){border-bottom:1px solid var(--divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:52px;display:grid}.account-dialog-stat-row:last-child:not(#\#):not(#\#):not(#\#){border-bottom:0}.account-dialog-stat-row:not(#\#):not(#\#):not(#\#) dt,.account-dialog-stat-row:not(#\#):not(#\#):not(#\#) dd{min-width:0;margin:0}.account-dialog-stat-row:not(#\#):not(#\#):not(#\#) dt{color:var(--text-sub);overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.35}.account-dialog-stat-row:not(#\#):not(#\#):not(#\#) dd{color:var(--text-main);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.35}.account-google-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);min-height:54px;box-shadow:none;color:#1f1f1f;box-sizing:border-box;background:#fff;border:0;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:10px;margin-top:8px;padding:0 12px;font-family:Google Sans,Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .18s,transform .18s;display:grid}.account-google-button:hover:not(#\#):not(#\#):not(#\#){background:#f2f2f2}.account-google-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}html[data-theme=light]:not(#\#):not(#\#):not(#\#) .account-google-button{color:#e3e3e3;background:#131314}html[data-theme=light]:not(#\#):not(#\#):not(#\#) .account-google-button:hover{background:#1f1f20}.account-google-mark:not(#\#):not(#\#):not(#\#),.account-google-balance:not(#\#):not(#\#):not(#\#){width:24px;height:24px}.account-google-mark:not(#\#):not(#\#):not(#\#){background:0 0;place-items:center;display:grid}.account-google-mark:not(#\#):not(#\#):not(#\#) svg{width:18px;height:18px;display:block}.account-google-label:not(#\#):not(#\#):not(#\#){text-align:center;white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:keep-all;min-width:0;line-height:1.35}.account-dialog-login-close:not(#\#):not(#\#):not(#\#){white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:keep-all;width:100%;max-width:100%;margin-top:10px}.account-dialog-login-close.dialog-primary:not(#\#):not(#\#):not(#\#){margin-top:0}.account-legal-links:not(#\#):not(#\#):not(#\#),.language-translate-link:not(#\#):not(#\#):not(#\#){color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.account-legal-links:not(#\#):not(#\#):not(#\#) a,.language-translate-link:not(#\#):not(#\#):not(#\#) a{color:inherit;text-underline-offset:3px}.account-dialog-actions:not(#\#):not(#\#):not(#\#){flex:none;padding:0 32px 30px}.account-dialog-actions:not(#\#):not(#\#):not(#\#) .dialog-primary,.account-dialog-actions:not(#\#):not(#\#):not(#\#) .dialog-secondary,.account-dialog-actions:not(#\#):not(#\#):not(#\#) .account-delete-button{min-width:0;padding-inline-start:18px;padding-inline-end:18px}.account-dialog-account-close:not(#\#):not(#\#):not(#\#){width:100%}.account-delete-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #0000;min-height:54px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .18s,transform .2s}.account-delete-button:hover:not(#\#):not(#\#):not(#\#){background:#ef444429}.account-delete-button:active:not(#\#):not(#\#):not(#\#){background:#ef444433;transform:scale(.97)}.account-dialog[aria-busy=true]:not(#\#):not(#\#):not(#\#){cursor:progress}.account-dialog[aria-busy=true]:not(#\#):not(#\#):not(#\#) button,.account-dialog[aria-busy=true]:not(#\#):not(#\#):not(#\#) a{opacity:.55;pointer-events:none}@media (prefers-reduced-motion:reduce){.account-dialog-overlay:not(#\#):not(#\#):not(#\#),.dialog.account-dialog:not(#\#):not(#\#):not(#\#),.administrator-permissions-overlay:not(#\#):not(#\#):not(#\#),.dialog.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#){transition:none}}@media (max-height:480px){.account-dialog-overlay:not(#\#):not(#\#):not(#\#),.administrator-permissions-overlay:not(#\#):not(#\#):not(#\#){padding-block-start:12px;padding-block-end:12px}.dialog.account-dialog:not(#\#):not(#\#):not(#\#),.dialog.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}@media (max-height:350px){html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .dialog.account-dialog .account-dialog-header{padding:12px 12px 0}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-stats:not([hidden]){margin:8px 24px 10px}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-stat-row{min-height:40px}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-actions{gap:6px;padding:0 24px 12px}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-login-actions{padding:0 24px 12px}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-login-actions .account-google-button,html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-login-actions .dialog-primary,html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-login-actions .dialog-secondary,html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-actions .dialog-primary,html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-actions .dialog-secondary,html:not(.keyboard-open):not(#\#):not(#\#):not(#\#) .account-dialog-actions .account-delete-button{min-height:44px}}.dialog:not(#\#):not(#\#):not(#\#){--dialog-squircle-corner:34px;border-radius:var(--radius-l);background:var(--glass-bg);width:100%;max-width:400px;clip-path:polygon(0 var(--dialog-squircle-corner), .2px 29px, .8px 24.5px, 1.8px 20.5px, 3.1px 17px, 4.9px 14px, 7px 10.8px, 9.5px 8.5px, 12.4px 6.4px, 15.6px 4.6px, 19.2px 3px, 23px 1.7px, 26.8px .8px, 30.5px .2px, var(--dialog-squircle-corner) 0, calc(100% - var(--dialog-squircle-corner)) 0, calc(100% - 30.5px) .2px, calc(100% - 26.8px) .8px, calc(100% - 23px) 1.7px, calc(100% - 19.2px) 3px, calc(100% - 15.6px) 4.6px, calc(100% - 12.4px) 6.4px, calc(100% - 9.5px) 8.5px, calc(100% - 7px) 10.8px, calc(100% - 4.9px) 14px, calc(100% - 3.1px) 17px, calc(100% - 1.8px) 20.5px, calc(100% - .8px) 24.5px, calc(100% - .2px) 29px, 100% var(--dialog-squircle-corner), 100% calc(100% - var(--dialog-squircle-corner)), calc(100% - .2px) calc(100% - 29px), calc(100% - .8px) calc(100% - 24.5px), calc(100% - 1.8px) calc(100% - 20.5px), calc(100% - 3.1px) calc(100% - 17px), calc(100% - 4.9px) calc(100% - 14px), calc(100% - 7px) calc(100% - 10.8px), calc(100% - 9.5px) calc(100% - 8.5px), calc(100% - 12.4px) calc(100% - 6.4px), calc(100% - 15.6px) calc(100% - 4.6px), calc(100% - 19.2px) calc(100% - 3px), calc(100% - 23px) calc(100% - 1.7px), calc(100% - 26.8px) calc(100% - .8px), calc(100% - 30.5px) calc(100% - .2px), calc(100% - var(--dialog-squircle-corner)) 100%, var(--dialog-squircle-corner) 100%, 30.5px calc(100% - .2px), 26.8px calc(100% - .8px), 23px calc(100% - 1.7px), 19.2px calc(100% - 3px), 15.6px calc(100% - 4.6px), 12.4px calc(100% - 6.4px), 9.5px calc(100% - 8.5px), 7px calc(100% - 10.8px), 4.9px calc(100% - 14px), 3.1px calc(100% - 17px), 1.8px calc(100% - 20.5px), .8px calc(100% - 24.5px), .2px calc(100% - 29px), 0 calc(100% - var(--dialog-squircle-corner)));filter:drop-shadow(0 20px 48px #00000052);border:none;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) both modalSlideUp;display:flex;overflow:hidden}.dialog:not(.language-dialog):not(#\#):not(#\#):not(#\#){max-width:380px}#dialog-overlay:not(#\#):not(#\#):not(#\#) .dialog,#signaling-recovery-overlay:not(#\#):not(#\#):not(#\#) .dialog{max-height:100%;overflow-y:auto}#dialog-overlay:not(#\#):not(#\#):not(#\#) .dialog>*,#signaling-recovery-overlay:not(#\#):not(#\#):not(#\#) .dialog>*{flex-shrink:0}.dialog-header:not(#\#):not(#\#):not(#\#){justify-content:space-between;align-items:center;padding:30px 32px 8px;display:flex}.dialog-title:not(#\#):not(#\#):not(#\#){font-size:20px;font-weight:var(--font-weight-display);letter-spacing:-.02em;color:var(--text-main);min-width:0}.dialog-message:not(#\#):not(#\#):not(#\#){color:var(--text-sub);white-space:pre-wrap;word-break:keep-all;padding:8px 32px 24px;font-size:15px;line-height:1.58}#dialog-overlay.dialog-reading:not(#\#):not(#\#):not(#\#) .dialog-title{overflow-wrap:anywhere}#dialog-overlay.dialog-reading:not(#\#):not(#\#):not(#\#) .dialog-message{overscroll-behavior:contain;overflow-wrap:anywhere;word-break:normal;text-align:start;-webkit-user-select:text;user-select:text;flex-shrink:1;min-height:48px;margin:8px 24px 24px;padding:0 8px;overflow-y:auto}html:lang(ja):not(#\#):not(#\#):not(#\#) .dialog-message,html:lang(zh-Hans):not(#\#):not(#\#):not(#\#) .dialog-message,html:lang(zh-Hant):not(#\#):not(#\#):not(#\#) .dialog-message,html:lang(ja):not(#\#):not(#\#):not(#\#) .dialog-choice-text,html:lang(zh-Hans):not(#\#):not(#\#):not(#\#) .dialog-choice-text,html:lang(zh-Hant):not(#\#):not(#\#):not(#\#) .dialog-choice-text,html:lang(ja):not(#\#):not(#\#):not(#\#) #dialog-overlay.dialog-stepped .dialog-title,html:lang(zh-Hans):not(#\#):not(#\#):not(#\#) #dialog-overlay.dialog-stepped .dialog-title,html:lang(zh-Hant):not(#\#):not(#\#):not(#\#) #dialog-overlay.dialog-stepped .dialog-title,html:lang(ja):not(#\#):not(#\#):not(#\#) .ob-slide .ob-desc,html:lang(ja):not(#\#):not(#\#):not(#\#) .ob-desc,html:lang(ja):not(#\#):not(#\#):not(#\#) .setup-header-text p,html:lang(ja):not(#\#):not(#\#):not(#\#) .setup-unified-item .setup-inner-desc,html:lang(ja):not(#\#):not(#\#):not(#\#) .setup-inner-desc,html:lang(ja):not(#\#):not(#\#):not(#\#) .setup-inline-error,html:lang(ja):not(#\#):not(#\#):not(#\#) .demo-step-copy p,html:lang(ja):not(#\#):not(#\#):not(#\#) .demo-step-body{word-break:normal;overflow-wrap:anywhere;line-break:strict}.dialog-input:not(#\#):not(#\#):not(#\#){border:none;border-bottom:2px solid var(--surface-3);width:100%;color:var(--text-main);box-sizing:border-box;background:0 0;border-radius:0;outline:none;margin-top:12px;padding:12px 4px;font-family:inherit;font-size:15px;transition:border-bottom-color .2s;display:block}.dialog-input:focus:not(#\#):not(#\#):not(#\#){border-bottom-color:var(--primary);outline:none}.dialog-input-split:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.dialog-input-segment:not(#\#):not(#\#):not(#\#){border:none;border-bottom:2px solid var(--surface-3);width:92px;min-width:0;color:var(--text-main);font-family:inherit;font-size:22px;font-weight:var(--font-weight-display);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-align:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;box-shadow:none;background:0 0;border-radius:0;outline:none;padding:12px 4px;line-height:36px;transition:border-bottom-color .2s}.dialog-input-segment:focus:not(#\#):not(#\#):not(#\#){border-bottom-color:var(--primary)}.dialog-input-separator:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-size:22px;font-weight:var(--font-weight-display);-webkit-user-select:none;user-select:none;line-height:36px;transform:translateY(4px)}.dialog-input.invalid:not(#\#):not(#\#):not(#\#),.dialog-input-split.invalid:not(#\#):not(#\#):not(#\#) .dialog-input-segment{border-bottom-color:#ef4444}.dialog-hint:not(#\#):not(#\#):not(#\#){color:var(--text-muted);min-height:16px;margin-top:8px;font-size:12px;transition:color .2s}.dialog-input-split:not(#\#):not(#\#):not(#\#)+.dialog-hint{text-align:center}.dialog-hint.error:not(#\#):not(#\#):not(#\#){color:#ef4444}.dialog-input.shake:not(#\#):not(#\#):not(#\#),.dialog-input-split.shake:not(#\#):not(#\#):not(#\#){animation:.4s shake}.dialog-choice-frame:not(#\#):not(#\#):not(#\#){--language-list-fade-size:24px;min-block-size:0;margin-block-start:16px;margin-block-end:24px;margin-inline-start:28px;margin-inline-end:28px;animation:.24s ease-out both dialogPageIn;display:flex;position:relative}.dialog-choice-frame[hidden]:not(#\#):not(#\#):not(#\#){display:none}#dialog-overlay:not(#\#):not(#\#):not(#\#) .dialog>.dialog-choice-frame{flex-shrink:1;min-block-size:88px}#dialog-message:has(+.dialog-choice-frame):not(#\#):not(#\#):not(#\#){animation:.24s ease-out both dialogPageIn}.dialog-choice-list:not(#\#):not(#\#):not(#\#){overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-block-size:0;padding-inline-start:4px;padding-inline-end:4px;display:flex;overflow-y:auto}.dialog-choice-option:not(#\#):not(#\#):not(#\#){cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:block;position:relative}.dialog-choice-radio:not(#\#):not(#\#):not(#\#){opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.dialog-choice-surface:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-m);min-block-size:52px;color:var(--text-main);box-sizing:border-box;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding-block-start:13px;padding-block-end:13px;padding-inline-start:13px;padding-inline-end:13px;transition:background-color .18s,color .18s;display:flex}@media (hover:hover){.dialog-choice-option:hover:not(#\#):not(#\#):not(#\#) .dialog-choice-radio:not(:checked)+.dialog-choice-surface{background:#ffffff09}}.dialog-choice-radio:checked:not(#\#):not(#\#):not(#\#)+.dialog-choice-surface{background:var(--surface-2);color:var(--primary)}.dialog-choice-radio:focus-visible:not(#\#):not(#\#):not(#\#)+.dialog-choice-surface{outline:2px solid var(--primary);outline-offset:-2px}.dialog-choice-pointer-focus:not(#\#):not(#\#):not(#\#) .dialog-choice-radio:focus+.dialog-choice-surface{outline:none}.dialog-choice-text:not(#\#):not(#\#):not(#\#){text-align:start;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;flex-direction:column;gap:4px;min-inline-size:0;padding-inline-start:8px;display:flex}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-title{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;line-height:1.3}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog{top:var(--dialog-step-offset,0px);position:relative}.dialog-choice-label:not(#\#):not(#\#):not(#\#){font-size:15px;font-weight:700;line-height:1.3}.dialog-choice-detail:not(#\#):not(#\#):not(#\#){color:var(--text-sub);font-size:13px;font-weight:500;line-height:1.45}.dialog-choice-check:not(#\#):not(#\#):not(#\#){opacity:0;flex-shrink:0;block-size:22px;inline-size:22px}.dialog-choice-radio:checked:not(#\#):not(#\#):not(#\#)+.dialog-choice-surface .dialog-choice-check{opacity:1}.dialog-choice-check:not(#\#):not(#\#):not(#\#) svg{block-size:22px;inline-size:22px;display:block}@media (max-height:480px){#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#){padding-block-start:12px;padding-block-end:12px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog{max-height:calc(var(--app-height,100vh) - 24px);max-height:calc(100dvh - 24px)}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-header{padding-block-start:22px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-message{padding-block-end:16px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-choice-frame{margin-block-start:12px;margin-block-end:16px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-choice-surface{padding-block-start:11px;padding-block-end:11px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-actions{padding-block-end:22px}#dialog-overlay.dialog-stepped:not(#\#):not(#\#):not(#\#) .dialog-actions>button{min-height:48px}}@media (prefers-reduced-motion:reduce){.dialog-choice-frame:not(#\#):not(#\#):not(#\#){animation:none}#dialog-message:has(+.dialog-choice-frame):not(#\#):not(#\#):not(#\#){animation:none}.dialog-choice-surface:not(#\#):not(#\#):not(#\#){transition:none}}.dialog-actions:not(#\#):not(#\#):not(#\#){padding:0 32px 30px}.adaptive-action-group:not(#\#):not(#\#):not(#\#){flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.adaptive-action-group:not(#\#):not(#\#):not(#\#)>button:not([hidden]),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>a:not([hidden]){flex:1 1 max-content;white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:keep-all;min-width:0;max-width:100%}.adaptive-action-group:not(#\#):not(#\#):not(#\#)>button:not([hidden]):lang(ja),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>a:not([hidden]):lang(ja),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>button:not([hidden]):lang(zh-hans),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>a:not([hidden]):lang(zh-hans),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>button:not([hidden]):lang(zh-hant),.adaptive-action-group:not(#\#):not(#\#):not(#\#)>a:not([hidden]):lang(zh-hant),.account-google-label:lang(ja):not(#\#):not(#\#):not(#\#),.account-google-label:lang(zh-hans):not(#\#):not(#\#):not(#\#),.account-google-label:lang(zh-hant):not(#\#):not(#\#):not(#\#),.account-dialog-login-close:lang(ja):not(#\#):not(#\#):not(#\#),.account-dialog-login-close:lang(zh-hans):not(#\#):not(#\#):not(#\#),.account-dialog-login-close:lang(zh-hant):not(#\#):not(#\#):not(#\#){overflow-wrap:normal;word-break:normal;line-break:strict}.adaptive-action-group:not(#\#):not(#\#):not(#\#)>.adaptive-action-group-full:not([hidden]){flex-basis:100%;width:100%}.dialog-actions.dialog-actions-stacked:not(#\#):not(#\#):not(#\#){flex-direction:column}.dialog-actions.dialog-actions-stacked:not(#\#):not(#\#):not(#\#)>button:not([hidden]){flex:none;width:100%}.language-dialog:not(#\#):not(#\#):not(#\#){width:min(380px,100%);max-height:min(500px, calc(var(--app-height,100dvh) - 48px));flex-direction:column;padding-bottom:30px;display:flex;overflow:hidden}.language-dialog-beta-badge:not(#\#):not(#\#):not(#\#){margin-inline-start:14px}.language-list-frame:not(#\#):not(#\#):not(#\#){--language-list-fade-size:28px;min-height:0;max-height:min(326px, calc(var(--app-height,100dvh) - 186px));flex:auto;margin:16px 28px 0;display:flex;position:relative}.language-list:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:auto;gap:6px;min-height:0;padding:0 4px;display:flex;overflow-y:auto}.language-list-edge:not(#\#):not(#\#):not(#\#),.dialog-choice-edge:not(#\#):not(#\#):not(#\#){height:var(--language-list-fade-size);z-index:1;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;left:0;right:0}.language-list-edge-top:not(#\#):not(#\#):not(#\#),.dialog-choice-edge-top:not(#\#):not(#\#):not(#\#){height:calc(var(--language-list-fade-size) + 1px);background:linear-gradient(to bottom, var(--glass-bg) 0, var(--glass-bg) 1px, transparent calc(var(--language-list-fade-size) + 1px));top:-1px}.language-list-edge-bottom:not(#\#):not(#\#):not(#\#),.dialog-choice-edge-bottom:not(#\#):not(#\#):not(#\#){height:calc(var(--language-list-fade-size) + 1px);background:linear-gradient(to top, var(--glass-bg) 0, var(--glass-bg) 1px, transparent calc(var(--language-list-fade-size) + 1px));bottom:-1px}.language-list.can-scroll-up:not(#\#):not(#\#):not(#\#)~.language-list-edge-top,.language-list.can-scroll-down:not(#\#):not(#\#):not(#\#)~.language-list-edge-bottom,.dialog-choice-list.can-scroll-up:not(#\#):not(#\#):not(#\#)~.dialog-choice-edge-top,.dialog-choice-list.can-scroll-down:not(#\#):not(#\#):not(#\#)~.dialog-choice-edge-bottom{opacity:1}.language-dialog:not(#\#):not(#\#):not(#\#) .dialog-actions{flex-shrink:0;justify-content:stretch;margin-top:16px;padding-top:0;padding-bottom:0}.language-translate-link:not(#\#):not(#\#):not(#\#){text-align:center;flex:none;margin:16px 32px 0}.language-translate-link:not(#\#):not(#\#):not(#\#) a{text-decoration:underline}@media not all and (min-height:420px){.language-translate-link:not(#\#):not(#\#):not(#\#){display:none}}.language-dialog:not(#\#):not(#\#):not(#\#) .dialog-primary{flex:auto;min-width:0}.language-list-frame:not(#\#):not(#\#):not(#\#)>.cscroll-track{z-index:2;right:-4px}@media (prefers-reduced-motion:reduce){.language-list-edge:not(#\#):not(#\#):not(#\#),.dialog-choice-edge:not(#\#):not(#\#):not(#\#){transition:none}}.language-option:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:100%;min-height:52px;color:var(--text-main);text-align:start;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:9px 14px;font-family:inherit;transition:background-color .18s,color .18s;display:flex}@media (hover:hover){.language-option:hover:not(#\#):not(#\#):not(#\#){background:#ffffff09}}.language-option.active:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--primary);border-color:#0000}.language-option.language-option-initial-pointer-focus:focus:not(#\#):not(#\#):not(#\#){outline:none}.language-option.language-option-initial-keyboard-focus:focus:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:-2px}.language-option:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:-2px}.language-option-label:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:2px;min-width:0;padding-inline-start:8px;display:flex}.language-option-native:not(#\#):not(#\#):not(#\#){font-size:15px;font-weight:700;line-height:1.25}.language-option-native:lang(ja):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans JP", var(--font-primary), "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif}.language-option-native:lang(zh-Hans):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans SC", var(--font-primary), "Microsoft YaHei", "PingFang SC", sans-serif}.language-option-native:lang(zh-Hant):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans TC", var(--font-primary), "Microsoft JhengHei", "PingFang TC", sans-serif}.language-option-native:lang(th):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Thai", var(--font-primary), "Leelawadee UI", "Tahoma", sans-serif}.language-option-native:lang(ru):not(#\#):not(#\#):not(#\#),.language-option-native:lang(uk):not(#\#):not(#\#):not(#\#),.language-option-native:lang(bg):not(#\#):not(#\#):not(#\#),.language-option-native:lang(el):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans", var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif}.language-option-native:lang(hi):not(#\#):not(#\#):not(#\#),.language-option-native:lang(mr):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Devanagari", var(--font-primary), "Nirmala UI", Mangal, sans-serif}.language-option-native:lang(bn):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Bengali", var(--font-primary), "Nirmala UI", Vrinda, sans-serif}.language-option-native:lang(ta):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Tamil", var(--font-primary), "Nirmala UI", Latha, sans-serif}.language-option-native:lang(te):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Telugu", var(--font-primary), "Nirmala UI", Gautami, sans-serif}.language-option-native:lang(gu):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Gujarati", var(--font-primary), "Nirmala UI", Shruti, sans-serif}.language-option-native:lang(kn):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Kannada", var(--font-primary), "Nirmala UI", Tunga, sans-serif}.language-option-native:lang(ml):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Malayalam", var(--font-primary), "Nirmala UI", Kartika, sans-serif}.language-option-native:lang(pa):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Gurmukhi", var(--font-primary), "Nirmala UI", Raavi, sans-serif}.language-option-native:lang(ar):not(#\#):not(#\#):not(#\#),.language-option-native:lang(fa):not(#\#):not(#\#):not(#\#),.language-option-native:lang(ur):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Arabic", var(--font-primary), "Segoe UI", Tahoma, Arial, sans-serif}.language-option-native:lang(he):not(#\#):not(#\#):not(#\#){font-family:"Noto Sans Hebrew", var(--font-primary), "Segoe UI", Arial, sans-serif}.language-option-english:not(#\#):not(#\#):not(#\#){color:var(--text-sub);font-size:12px;font-weight:600;line-height:1.25}.language-option-check:not(#\#):not(#\#):not(#\#){opacity:0;flex-shrink:0;width:22px;height:22px}.language-option.active:not(#\#):not(#\#):not(#\#) .language-option-check{opacity:1}.language-option.active:not(#\#):not(#\#):not(#\#) .language-option-english{color:rgba(var(--primary-rgb), .72)}.language-option-check:not(#\#):not(#\#):not(#\#) svg{width:22px;height:22px;display:block}.language-option-check.playlist-slot-select-mark:not(#\#):not(#\#):not(#\#){opacity:1;color:var(--text-muted)}.language-option.active:not(#\#):not(#\#):not(#\#) .playlist-slot-select-mark{color:var(--primary)}.playlist-slot-select-mark:not(#\#):not(#\#):not(#\#) .playlist-select-mark,.language-option.active:not(#\#):not(#\#):not(#\#) .playlist-slot-select-mark .playlist-select-minus{opacity:0}.language-option.active:not(#\#):not(#\#):not(#\#) .playlist-slot-select-mark .playlist-select-mark{opacity:1}.playlist-slots-dialog:not(#\#):not(#\#):not(#\#) .dialog-message{margin:0;padding:4px 32px 0}.playlist-storage-usage:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-variant-numeric:tabular-nums}.playlist-storage-usage[hidden]:not(#\#):not(#\#):not(#\#){display:none}.dialog-secondary:not(#\#):not(#\#):not(#\#){border:1px solid var(--glass-border);background:var(--surface-2);color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;min-width:100px;min-height:54px;padding:0 28px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.dialog-secondary:active:not(#\#):not(#\#):not(#\#){box-shadow:none;transform:scale(.97)}.dialog-primary:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;min-width:100px;min-height:54px;padding:0 28px;font-size:15px;font-weight:700;transition:transform .2s}.dialog-primary:active:not(#\#):not(#\#):not(#\#){transform:scale(.97)}[data-theme=dark]:not(#\#):not(#\#):not(#\#) .toast>span{background:var(--surface-1);color:#fff}.onboarding-overlay:not(#\#):not(#\#):not(#\#){max-height:var(--app-height,100dvh);background:var(--bg);z-index:2000;padding-top:calc(var(--safe-top) + 16px);flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#media-source-overlay:focus:not(#\#):not(#\#):not(#\#){outline:none}body:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#) header{z-index:1}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#) header{z-index:1}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#) header{z-index:1}body:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:1;transform:translateY(20px)}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:1;transform:translateY(20px)}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:1;transform:translateY(20px)}body.overlay-open:not(#\#):not(#\#):not(#\#) header{z-index:1}body.overlay-open:not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:1;transform:translateY(20px)}#setup-desktop-brand:not(#\#):not(#\#):not(#\#){display:none}.setup-mobile-view:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}#youtube-url-overlay:not(#\#):not(#\#):not(#\#) .setup-header-text,#media-source-overlay:not(#\#):not(#\#):not(#\#) .setup-header-text{margin-top:40px;margin-bottom:20px}.onboarding-overlay.active:not(#\#):not(#\#):not(#\#){display:flex}.onboarding-card:not(#\#):not(#\#):not(#\#){background:0 0;flex-direction:column;flex:1;width:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.onboarding-card:not(#\#):not(#\#):not(#\#)>div:not(.ob-actions):not(.cscroll-track){flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;padding:0 28px;display:flex}#setup-welcome-area:not(#\#):not(#\#):not(#\#),#setup-code-area:not(#\#):not(#\#):not(#\#),#setup-join-area:not(#\#):not(#\#):not(#\#),#setup-auto-join-area:not(#\#):not(#\#):not(#\#),#setup-role-area:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;width:100%;padding-top:0;display:none;overflow:hidden auto}#setup-role-area:not(#\#):not(#\#):not(#\#) .setup-header-text{margin-bottom:42px}.ob-actions:not(#\#):not(#\#):not(#\#){padding:16px 28px calc(24px + env(safe-area-inset-bottom,0));background:var(--bg);z-index:100;border-top:none;flex-direction:row;flex:none;gap:12px;width:100%;margin-top:auto;display:flex}.onboarding-card.full-screen:not(#\#):not(#\#):not(#\#){box-shadow:none;border-radius:0;min-height:100%}.setup-card:not(#\#):not(#\#):not(#\#){padding:32px 28px 24px}.ob-slider-viewport:not(#\#):not(#\#):not(#\#){width:100%;margin:4px 0;overflow:hidden}.ob-slider-track:not(#\#):not(#\#):not(#\#){width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.ob-slide:not(#\#):not(#\#):not(#\#){text-align:center;flex-direction:column;flex:0 0 100%;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:0;display:flex}.ob-slide:not(#\#):not(#\#):not(#\#) .setup-header-text{text-align:center;width:100%}.ob-slide:not(#\#):not(#\#):not(#\#) .ob-title,.ob-slide:not(#\#):not(#\#):not(#\#) .ob-desc,.ob-slide:not(#\#):not(#\#):not(#\#) .ob-icon-circle{opacity:0;transition:opacity .3s ease-out}.ob-slide.active:not(#\#):not(#\#):not(#\#) .ob-icon-circle,.ob-slide.active:not(#\#):not(#\#):not(#\#) .ob-title,.ob-slide.active:not(#\#):not(#\#):not(#\#) .ob-desc{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1) .15s}.ob-slide:not(#\#):not(#\#):not(#\#) .ob-title{font-size:24px;font-weight:var(--font-weight-display);color:var(--text-main);margin-bottom:11.5px}.ob-slide:not(#\#):not(#\#):not(#\#) .ob-desc{color:var(--text-sub);word-break:keep-all;font-size:14px;line-height:1.6}.ob-slide:not(#\#):not(#\#):not(#\#) .ob-icon-circle{margin:0 auto 24.5px}.ob-icon-circle:not(#\#):not(#\#):not(#\#){background:var(--ob-icon-circle-bg);width:84px;height:84px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.ob-icon-circle:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:38px;height:38px}.ob-title:not(#\#):not(#\#):not(#\#){font-size:20px;font-weight:var(--font-weight-display);color:var(--text-main);letter-spacing:-.5px}.ob-desc:not(#\#):not(#\#):not(#\#){color:var(--text-sub);word-break:keep-all;padding:0 16px;font-size:15.5px;line-height:1.6}.ob-dots:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;gap:8px;display:flex}.ob-dot:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-3);cursor:pointer;border:0;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.ob-dot.active:not(#\#):not(#\#):not(#\#){background:var(--primary);border-radius:var(--radius-pill);width:24px}.ob-nav-row:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;gap:10px;width:100%;margin-top:31.5px;margin-bottom:8px;display:flex;position:relative}.ob-nav-prev:not(#\#):not(#\#):not(#\#){order:1}.ob-dots:not(#\#):not(#\#):not(#\#){order:2}.ob-nav-next:not(#\#):not(#\#):not(#\#){order:3}.ob-nav-arrow:not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;color:var(--text-sub,#888);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:color .2s,background .15s;display:flex}.ob-nav-arrow:not(#\#):not(#\#):not(#\#) svg{flex-shrink:0;display:block}@media (hover:hover){.ob-nav-arrow:hover:not(#\#):not(#\#):not(#\#){color:var(--primary);background:rgba(var(--primary-rgb,0, 122, 255), .08)}}.ob-nav-arrow:active:not(#\#):not(#\#):not(#\#){transform:scale(.9)}.setup-mobile-view:not(#\#):not(#\#):not(#\#) .ob-nav-arrow{display:none}@media (prefers-reduced-motion:reduce){.ob-slider-track:not(#\#):not(#\#):not(#\#),.ob-slide:not(#\#):not(#\#):not(#\#) .ob-title,.ob-slide:not(#\#):not(#\#):not(#\#) .ob-desc,.ob-slide:not(#\#):not(#\#):not(#\#) .ob-icon-circle,.ob-dot:not(#\#):not(#\#):not(#\#){transition:none!important}}.ob-actions.vertical:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:16px}.ob-actions.horizontal-with-back:not(#\#):not(#\#):not(#\#){flex-direction:row;align-items:center;gap:12px}.btn-ob-primary:not(#\#):not(#\#):not(#\#),.btn-ob-secondary:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;height:56px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .2s,background .2s;display:flex}.btn-ob-icon:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-2);width:56px;min-width:56px;height:56px;color:var(--text-sub);cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.btn-ob-icon:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.97)}.btn-ob-icon:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:24px;height:24px;margin-inline-end:2px}.ob-actions.vertical:not(#\#):not(#\#):not(#\#) .btn-ob-primary,.ob-actions.vertical:not(#\#):not(#\#):not(#\#) .btn-ob-secondary{flex:none;width:100%;height:56px;font-size:15px}.btn-ob-primary:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff}.btn-ob-secondary:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main)}#btn-close-media-popup:not(#\#):not(#\#):not(#\#)>svg{display:none}.btn-ob-text-link:not(#\#):not(#\#):not(#\#){color:var(--text-sub);text-underline-offset:4px;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;flex:1;justify-content:center;align-items:center;height:56px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s,background .2s,opacity .2s;display:flex}.btn-ob-text-link:active:not(#\#):not(#\#):not(#\#){opacity:.7;background:#ffffff0d}.ob-actions.vertical:not(#\#):not(#\#):not(#\#) .btn-ob-text-link{flex:none;width:100%;height:56px;margin-top:0;padding:0;font-size:14px}.setup-header-text:not(#\#):not(#\#):not(#\#){text-align:start;flex:none;width:100%;margin-bottom:56px;padding-top:0}.setup-header-text:not(#\#):not(#\#):not(#\#) h2{font-size:24px;font-weight:var(--font-weight-display);margin-bottom:var(--setup-heading-margin,8px);letter-spacing:-.03em;color:var(--text-main);line-height:1.2}.setup-header-text:not(#\#):not(#\#):not(#\#) p{color:var(--text-sub);word-break:keep-all;font-size:16px;line-height:1.5}.setup-code-label:not(#\#):not(#\#):not(#\#){text-align:center;width:100%;color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:8px;font-size:13px;font-weight:700}.setup-graphic-container:not(#\#):not(#\#):not(#\#){background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:120px;margin-bottom:16px;padding:0;display:flex;position:relative;overflow:hidden}.setup-guide-unified:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:40px;width:100%;margin-bottom:24px;display:flex}.setup-host-invite-stage:not(#\#):not(#\#):not(#\#){place-items:center;width:100%;margin-bottom:24px;display:grid}.setup-guest-qr-stage:not(#\#):not(#\#):not(#\#){width:min(272px,56vw,36vh);aspect-ratio:1;margin-inline-start:auto;margin-inline-end:auto;place-items:center;width:min(272px,56vw,36dvh);margin-bottom:24px;display:grid}.setup-host-invite-stage:not(#\#):not(#\#):not(#\#)>.setup-host-qr{grid-area:1/1}.setup-host-qr-loading-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:42px;z-index:2;color:var(--text-main);opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .18s ease-out,visibility 0s linear .18s}.setup-host-invite-stage.is-room-qr-loading:not(#\#):not(#\#):not(#\#)>.setup-host-qr-loading-spinner{opacity:1;visibility:visible;transition:opacity .18s ease-out,visibility linear}.setup-host-qr-loading-spinner.is-paused:not(#\#):not(#\#):not(#\#)>svg,.setup-host-qr-loading-spinner.is-paused:not(#\#):not(#\#):not(#\#) circle{animation-play-state:paused}.setup-host-qr:not(#\#):not(#\#):not(#\#){width:min(272px,56vw,36vh);aspect-ratio:1;width:min(272px,56vw,36dvh);color:var(--text-main);pointer-events:none;place-items:center;display:grid}.setup-host-qr:not(#\#):not(#\#):not(#\#) .qr-svg{width:100%;height:100%;display:block}.setup-host-qr-placeholder:not(#\#):not(#\#):not(#\#){opacity:.34;visibility:visible;transition:opacity .36s ease-in,visibility linear}.setup-host-qr-room:not(#\#):not(#\#):not(#\#){opacity:0;visibility:hidden;transition:opacity .48s ease-out,visibility 0s linear .48s}.setup-host-invite-stage.is-room-qr-visible:not(#\#):not(#\#):not(#\#)>.setup-host-qr-placeholder{opacity:0;visibility:hidden;transition:opacity .36s ease-in,visibility 0s linear .36s}.setup-host-invite-stage.is-room-qr-visible:not(#\#):not(#\#):not(#\#)>.setup-host-qr-room{opacity:1;visibility:visible;transition:opacity .48s ease-out,visibility linear}@media (prefers-reduced-motion:reduce){.setup-host-qr:not(#\#):not(#\#):not(#\#),.setup-host-qr-loading-spinner:not(#\#):not(#\#):not(#\#){transition:none!important}}.setup-qr-scan-button:not(#\#):not(#\#):not(#\#),.setup-qr-camera:not(#\#):not(#\#):not(#\#){aspect-ratio:1;border-radius:0;grid-area:1/1;width:84%}.setup-qr-scan-button:not(#\#):not(#\#):not(#\#){background:color-mix(in srgb, var(--surface-2) 76%, transparent);color:var(--text-main);cursor:pointer;border:0;place-items:center;padding:22px;transition:color .2s,background-color .2s,transform .2s;display:grid;position:relative}.setup-qr-scan-button:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--primary)}.setup-qr-scan-button:focus-visible:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--primary)}.setup-qr-scan-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}.setup-qr-scan-button:disabled:not(#\#):not(#\#):not(#\#){opacity:.42;cursor:default;transform:none}.setup-qr-scan-button[aria-busy=true]:not(#\#):not(#\#):not(#\#){opacity:1}.setup-qr-scan-symbol:not(#\#):not(#\#):not(#\#){fill:currentColor;width:46%;height:46%}.setup-qr-join-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:42px;color:var(--text-main);display:none}.setup-qr-scan-button[aria-busy=true]:not(#\#):not(#\#):not(#\#) .setup-qr-scan-symbol{display:none}.setup-qr-scan-button[aria-busy=true]:not(#\#):not(#\#):not(#\#) .setup-qr-join-spinner{display:block}.setup-qr-camera-corners:not(#\#):not(#\#):not(#\#){fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:butt;stroke-linejoin:miter}.setup-qr-camera:not(#\#):not(#\#):not(#\#){color:#fff;background:#050505;position:relative;overflow:hidden}.setup-qr-camera[hidden]:not(#\#):not(#\#):not(#\#){display:none}.setup-qr-camera:not(#\#):not(#\#):not(#\#)>video{object-fit:cover;width:100%;height:100%;display:block}.setup-qr-camera-blur:not(#\#):not(#\#):not(#\#){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-composite:xor;pointer-events:none;padding:12%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.setup-qr-camera-frame:not(#\#):not(#\#):not(#\#){color:#fff;pointer-events:none;width:100%;height:100%;transition:color .12s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.setup-qr-camera.is-qr-recognized:not(#\#):not(#\#):not(#\#) .setup-qr-camera-frame{color:var(--primary)}.setup-qr-close:not(#\#):not(#\#):not(#\#){cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.setup-unified-item:not(#\#):not(#\#):not(#\#){text-align:center;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.setup-unified-item:not(#\#):not(#\#):not(#\#) .setup-inner-desc{color:var(--text-sub);word-break:keep-all;margin-top:6px;font-size:12px;font-weight:600;line-height:1.4}.setup-code-area-bottom:not(#\#):not(#\#):not(#\#){text-align:center;border-top:none;flex:none;width:100%;margin-top:40px;padding:16px 0 32px}.setup-code-area-bottom:not(#\#):not(#\#):not(#\#) .setup-code-label{color:var(--text-sub);margin-bottom:8px;font-size:13px}@media (max-width:719px) and (orientation:portrait){.setup-host-invite-stage:not(#\#):not(#\#):not(#\#),.setup-guest-qr-stage:not(#\#):not(#\#):not(#\#){margin-bottom:0}.setup-code-area-bottom:not(#\#):not(#\#):not(#\#){margin-top:14px;padding-top:6px;padding-bottom:20px}}.setup-inline-error:not(#\#):not(#\#):not(#\#){color:#ff4d4f;text-align:center;white-space:pre-line;word-break:keep-all;width:100%;margin:12px 0 0;font-size:13px;font-weight:600;line-height:1.45}.setup-auto-join-area:not(#\#):not(#\#):not(#\#) .setup-inline-error{margin-top:0}.setup-inner-desc:not(#\#):not(#\#):not(#\#){color:var(--text-sub);text-align:center;word-break:keep-all;margin-top:10px;padding:0 10px;font-size:11.5px;font-weight:700;line-height:1.4}#setup-role-grid.channel-grid:not(#\#):not(#\#):not(#\#){width:100%;margin-top:12px;padding:0 8px}#setup-role-grid:not(#\#):not(#\#):not(#\#) .ch-opt:active{background:var(--surface-3);transform:scale(.97)}#setup-role-grid:not(#\#):not(#\#):not(#\#) .ch-opt.selected{background:rgba(var(--primary-rgb), .08);border-color:rgba(var(--primary-rgb), .75)}.setup-graphic-svg:not(#\#):not(#\#):not(#\#){width:100%;max-width:280px;height:100%}.graphic-device:not(#\#):not(#\#):not(#\#){fill:#000;stroke:var(--surface-3);stroke-width:1px}.graphic-text:not(#\#):not(#\#):not(#\#){fill:var(--text-sub);font-size:10px;font-weight:700}.setup-join-input:not(#\#):not(#\#):not(#\#){box-sizing:border-box;text-align:center;border:none;border-bottom:2px solid var(--surface-3);letter-spacing:.12em;width:100%;color:var(--text-main);caret-color:var(--text-main);font-variant-numeric:tabular-nums;box-shadow:none;background:0 0;border-radius:0;outline:none;align-self:center;padding:8px 0;font-family:inherit;font-size:32px;font-weight:700;transition:border-bottom-color .3s}.setup-join-input:not(#\#):not(#\#):not(#\#)::placeholder{color:var(--text-muted);opacity:.3}.setup-join-input:focus:not(#\#):not(#\#):not(#\#){border-bottom-color:var(--primary);box-shadow:none;outline:none}.setup-join-area:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:10px;width:100%;margin-top:12px;display:flex}#youtube-url-overlay:not(#\#):not(#\#):not(#\#) .setup-card.full-screen{height:100%;max-height:100%;overflow:hidden}#youtube-url-overlay:not(#\#):not(#\#):not(#\#) .setup-card.full-screen .setup-join-area{flex:1;min-height:0;overflow-y:auto}#youtube-url-overlay:not(#\#):not(#\#):not(#\#) .setup-card.full-screen .ob-actions{flex-shrink:0}#youtube-url-overlay:not(#\#):not(#\#):not(#\#) #youtube-preview-thumb{object-fit:cover;width:100%;max-height:35vh}.setup-slot-list:not(#\#):not(#\#):not(#\#){flex-direction:column;gap:12px;width:100%;margin-top:12px;margin-bottom:8px;display:flex}#media-source-overlay:not(#\#):not(#\#):not(#\#) .setup-slot-list>.file-select-btn{flex-shrink:0;margin-top:0}#media-source-overlay:not(#\#):not(#\#):not(#\#) .setup-slot-list{flex:0 auto;min-height:0;padding-block-start:6px;padding-block-end:6px;scroll-padding-block:6px;overflow-y:auto}@media (hover:hover){.btn-ob-secondary:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3)}}.btn-ob-primary:active:not(#\#):not(#\#):not(#\#),.btn-ob-secondary:active:not(#\#):not(#\#):not(#\#){transform:scale(.97)}.btn-ob-secondary:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3)}.graphic-room:not(#\#):not(#\#):not(#\#){opacity:.9;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.graphic-room:not(#\#):not(#\#):not(#\#) rect{stroke:var(--text-muted)}.graphic-tv:not(#\#):not(#\#):not(#\#){fill:var(--surface-2);stroke:none;opacity:.8}.graphic-speaker:not(#\#):not(#\#):not(#\#){--role-diagram-duration:.28s;--role-diagram-ease:cubic-bezier(.22, 1, .36, 1);fill:var(--surface-1);stroke:var(--text-sub);stroke-width:2px;transition:fill var(--role-diagram-duration) var(--role-diagram-ease), stroke var(--role-diagram-duration) var(--role-diagram-ease), stroke-width var(--role-diagram-duration) var(--role-diagram-ease);cursor:pointer}.graphic-speaker:not(#\#):not(#\#):not(#\#)>*{transition:fill var(--role-diagram-duration) var(--role-diagram-ease), stroke var(--role-diagram-duration) var(--role-diagram-ease), stroke-width var(--role-diagram-duration) var(--role-diagram-ease), opacity var(--role-diagram-duration) var(--role-diagram-ease)}@media (hover:hover){.graphic-speaker:hover:not(#\#):not(#\#):not(#\#){stroke:var(--text-main)}}.graphic-speaker.active:not(#\#):not(#\#):not(#\#){stroke:var(--primary);fill:#000}.spk-driver:not(#\#):not(#\#):not(#\#){fill:var(--surface-3);stroke:none}.graphic-speaker.active:not(#\#):not(#\#):not(#\#) .spk-driver{fill:var(--primary);stroke:none}.chat-empty:not(#\#):not(#\#):not(#\#),.list-empty-state:not(#\#):not(#\#):not(#\#){color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;font-size:14px;line-height:1.6;display:flex}.list-empty-state:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);padding:20px}.chat-group:not(#\#):not(#\#):not(#\#){flex-direction:column;max-width:90%;display:flex}.chat-enter:not(#\#):not(#\#):not(#\#){animation:.26s cubic-bezier(.22,1,.36,1) bubbleIn}.chat-group.mine:not(#\#):not(#\#):not(#\#){align-self:flex-end;align-items:flex-end}.chat-group.mine:not(#\#):not(#\#):not(#\#),.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-row{transform-origin:100% 100%}.chat-group.others:not(#\#):not(#\#):not(#\#){align-self:flex-start;align-items:flex-start}.chat-group.others:not(#\#):not(#\#):not(#\#),.chat-group.others:not(#\#):not(#\#):not(#\#) .chat-row{transform-origin:0 100%}.chat-row:not(#\#):not(#\#):not(#\#){align-items:flex-end;gap:6px;display:flex}.chat-bubble:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-m);overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.4;transition:border-radius .28s cubic-bezier(.22,1,.36,1)}.chat-bubble.mine:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff;border-bottom-right-radius:4px}.chat-bubble.others:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-main);border-bottom-left-radius:4px}.chat-bubble.bot:not(#\#):not(#\#):not(#\#){background:var(--success-filled);color:#fff}.chat-bubble.bot.is-typing:not(#\#):not(#\#):not(#\#){min-width:50px}.chat-bot-typing:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;gap:4px;width:100%;min-height:21px;display:inline-flex}.chat-bot-typing-dot:not(#\#):not(#\#):not(#\#){opacity:.45;background:currentColor;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite chatBotTyping}.chat-bot-typing-dot:nth-child(2):not(#\#):not(#\#):not(#\#){animation-delay:.12s}.chat-bot-typing-dot:nth-child(3):not(#\#):not(#\#):not(#\#){animation-delay:.24s}.chat-group:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row{margin-top:2px}.chat-group:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:not(:last-child) .chat-bubble.mine{border-top-right-radius:4px;border-bottom-right-radius:4px}.chat-group:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:last-child .chat-bubble.mine{border-top-right-radius:4px;border-bottom-right-radius:var(--radius-m)}.chat-group:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:not(:last-child) .chat-bubble.others{border-top-left-radius:4px;border-bottom-left-radius:4px}.chat-group:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:last-child .chat-bubble.others{border-top-left-radius:4px;border-bottom-left-radius:var(--radius-m)}.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row .chat-youtube-btn{border-top-right-radius:4px}.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:not(:last-child) .chat-youtube-btn{border-bottom-right-radius:4px}.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:last-child .chat-youtube-btn{border-bottom-right-radius:var(--radius-m)}.chat-group.others:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row .chat-youtube-btn{border-top-left-radius:4px}.chat-group.others:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:not(:last-child) .chat-youtube-btn{border-bottom-left-radius:4px}.chat-group.others:not(#\#):not(#\#):not(#\#) .chat-row+.chat-row:last-child .chat-youtube-btn{border-bottom-left-radius:var(--radius-m)}.chat-bubble.has-youtube:not(#\#):not(#\#):not(#\#){background:0 0;padding:0;line-height:0;display:block}.chat-bubble:has(.chat-youtube-btn):not(#\#):not(#\#):not(#\#){background:0 0;padding:0;line-height:0;display:block}.chat-bubble.has-youtube:not(#\#):not(#\#):not(#\#) .chat-text{flex-direction:column;line-height:0;display:flex}.chat-bubble.whisper:not(#\#):not(#\#):not(#\#){background:#9370db26;border:1px solid #9370db4d}.chat-bubble.whisper.mine:not(#\#):not(#\#):not(#\#){color:var(--text-main);background:#9370db40}.whisper-label:not(#\#):not(#\#):not(#\#){color:#9370db}.chat-bubble.notice:not(#\#):not(#\#):not(#\#){background:#ffc1071f;border:1px solid #ffc10759}.notice-label:not(#\#):not(#\#):not(#\#){color:#ffc107;font-weight:600}.chat-sender:not(#\#):not(#\#):not(#\#){color:var(--text-sub);margin-bottom:4px;text-transform:none;margin-inline-start:2px;font-size:11px;font-weight:700}.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-sender{text-align:end;margin-inline-start:0;margin-inline-end:2px}.chat-crown:not(#\#):not(#\#):not(#\#){vertical-align:middle;width:14px;height:14px;margin-inline-end:2px;position:relative;top:-1px}.chat-badge-host:not(#\#):not(#\#):not(#\#){color:#f5c842}.chat-badge-op:not(#\#):not(#\#):not(#\#){color:var(--text-muted)}.chat-join-order:not(#\#):not(#\#):not(#\#){opacity:.5;margin-inline-start:2px;font-size:.8em}.chat-group.system:not(#\#):not(#\#):not(#\#){align-self:stretch;align-items:stretch;max-width:100%}.chat-group.system:not(#\#):not(#\#):not(#\#) .chat-sender{display:none}.chat-group.system:not(#\#):not(#\#):not(#\#) .chat-row{width:calc(100% + 32px);margin:0 -16px}.chat-group.system:not(#\#):not(#\#):not(#\#) .chat-bubble{background:var(--surface-2);color:var(--text-sub);text-align:start;border-radius:0;width:100%;padding:10px 16px;font-size:12px}.chat-group.system:not(#\#):not(#\#):not(#\#) .chat-time{display:none}.chat-text:not(#\#):not(#\#):not(#\#){white-space:pre-line;font-size:14px;line-height:1.5}.chat-time:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:2px;font-size:10px;font-weight:500}.chat-input-wrapper:not(#\#):not(#\#):not(#\#){border-bottom:2px solid var(--surface-3);outline:none;align-items:flex-end;width:100%;padding-bottom:6px;transition:border-bottom-color .2s;display:flex}.chat-input-wrapper:focus-within:not(#\#):not(#\#):not(#\#){border-bottom-color:var(--primary)}.chat-cmd-suggest:not(#\#):not(#\#):not(#\#){background:var(--surface-1);box-shadow:none;z-index:10;border-radius:12px;max-height:240px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.chat-cmd-item:not(#\#):not(#\#):not(#\#){cursor:pointer;align-items:baseline;gap:8px;padding:10px 14px;transition:background .1s;display:flex}.chat-cmd-item.active:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}@media (hover:hover){.chat-cmd-item:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}}.chat-cmd-usage:not(#\#):not(#\#):not(#\#){color:var(--text-main);white-space:nowrap;font-size:14px;font-weight:400}.chat-cmd-desc:not(#\#):not(#\#):not(#\#){color:var(--text-muted);font-size:13px;font-weight:400}.chat-cmd-item.active:not(#\#):not(#\#):not(#\#) .chat-cmd-usage{color:var(--primary);font-weight:600}.chat-cmd-item.active:not(#\#):not(#\#):not(#\#) .chat-cmd-desc{color:var(--text-main);font-weight:400}.chat-cmd-ghost:not(#\#):not(#\#):not(#\#){pointer-events:none;white-space:nowrap;align-items:center;padding:10px 4px;font-size:16px;font-weight:500;display:flex;position:absolute;top:0;bottom:6px;left:0;right:0;overflow:hidden}.chat-cmd-ghost-typed:not(#\#):not(#\#):not(#\#){color:#0000;white-space:pre}.chat-cmd-ghost-hint:not(#\#):not(#\#):not(#\#){color:var(--text-muted);opacity:.45;white-space:pre}.chat-input:not(#\#):not(#\#):not(#\#){color:var(--text-main);box-shadow:none;white-space:pre-wrap;-webkit-user-select:text;user-select:text;word-break:break-all;background:0 0;border:none;border-radius:0;outline:none;flex:1;min-height:1.2em;max-height:120px;padding:10px 4px;font-size:16px;font-weight:500;overflow-y:auto}.chat-input:focus:not(#\#):not(#\#):not(#\#){box-shadow:none;outline:none}.chat-input:empty:not(#\#):not(#\#):not(#\#):before,[contenteditable].setup-join-input:empty:not(#\#):not(#\#):not(#\#):before,[contenteditable].dialog-input:empty:not(#\#):not(#\#):not(#\#):before{content:attr(data-placeholder);color:var(--text-muted);opacity:.5;pointer-events:none}.chat-input:empty:not(#\#):not(#\#):not(#\#):before{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.chat-input[data-disabled=true]:not(#\#):not(#\#):not(#\#){pointer-events:none;opacity:.5}.chat-send-btn:not(#\#):not(#\#):not(#\#){width:36px;height:36px;color:var(--surface-3);cursor:pointer;box-shadow:none;border-radius:var(--radius-pill);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;transition:color .2s,transform .2s,opacity .2s;display:flex}.chat-input:not(:empty):not(#\#):not(#\#):not(#\#)~.chat-send-btn{color:var(--primary)}.chat-send-btn:active:not(#\#):not(#\#):not(#\#){opacity:.8;transform:scale(.92)}.chat-send-btn:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:24px;height:24px}.chat-preview-btn:not(#\#):not(#\#):not(#\#){color:inherit;font:inherit;text-align:start;background:var(--play-action-surface);border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;height:56px;margin-top:0;padding:0 20px;transition:background .2s,transform .2s;display:flex;position:relative;overflow:visible}.chat-preview-left:not(#\#):not(#\#):not(#\#){z-index:1;position:relative}.chat-preview-btn:not(#\#):not(#\#):not(#\#) .role-badge{padding:4px 10px;font-size:11px}@media (hover:hover){.chat-preview-btn:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3)}}.chat-preview-btn:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.97)}.chat-preview-left:not(#\#):not(#\#):not(#\#){align-items:center;gap:12px;min-width:0;display:flex;overflow:visible}.chat-preview-icon:not(#\#):not(#\#):not(#\#){width:18px;height:18px;fill:var(--text-sub);flex-shrink:0}.chat-icon-wrapper:not(#\#):not(#\#):not(#\#){flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.chat-preview-text:not(#\#):not(#\#):not(#\#){color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.chat-preview-badge:not(#\#):not(#\#):not(#\#){background:var(--danger-filled);color:#fff;text-align:center;z-index:2;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;display:none;position:absolute;top:-6px;right:-8px}.chat-preview-badge.show:not(#\#):not(#\#):not(#\#){display:block}.chat-backdrop:not(#\#):not(#\#):not(#\#){z-index:999;visibility:hidden;-webkit-tap-highlight-color:transparent;background:0 0;position:fixed;top:0;bottom:0;left:0;right:0}.chat-backdrop.open:not(#\#):not(#\#):not(#\#){visibility:visible}.chat-drawer:not(#\#):not(#\#):not(#\#){--chat-snap-height:var(--chat-drawer-default-snap-height,calc(var(--app-height,100dvh) * .5));--chat-offset-y:0px;height:var(--chat-live-height,var(--chat-snap-height));min-height:0;max-height:calc(var(--app-height,100dvh) + 22px);box-sizing:border-box;background:var(--surface-1);z-index:1000;visibility:hidden;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;padding-inline-start:var(--safe-left);padding-inline-end:var(--safe-right);transition:transform .2s cubic-bezier(.4,0,.6,1),height .32s cubic-bezier(.22,1,.36,1),padding-top .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1),visibility 0s .2s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #0003}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-drawer{box-shadow:0 -8px 32px #00000014}.chat-drawer.open:not(#\#):not(#\#):not(#\#){transform:translateY(var(--chat-offset-y));visibility:visible;transition:transform .6s cubic-bezier(.25,1,.5,1),height .32s cubic-bezier(.22,1,.36,1),padding-top .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1),visibility}@media (max-width:1279px),(max-height:719px){.chat-drawer:not(#\#):not(#\#):not(#\#){z-index:3000}.chat-drawer[data-chat-snap=half]:not(#\#):not(#\#):not(#\#){--chat-snap-height:calc(var(--app-height,100dvh) * .5);padding-top:var(--chat-live-safe-top,0px);border-top-left-radius:20px;border-top-right-radius:20px}.chat-drawer[data-chat-snap=full]:not(#\#):not(#\#):not(#\#){--chat-snap-height:var(--app-height,100dvh);padding-top:var(--chat-live-safe-top,var(--safe-top));border-radius:0}.chat-drawer.is-dragging:not(#\#):not(#\#):not(#\#){transition:none!important}.chat-drawer.is-dragging:not(#\#):not(#\#):not(#\#) .cscroll-track,.chat-drawer.is-snapping:not(#\#):not(#\#):not(#\#) .cscroll-track{opacity:0!important}.chat-drawer.is-dragging:not(#\#):not(#\#):not(#\#) .chat-drawer-messages,.chat-drawer.is-snapping:not(#\#):not(#\#):not(#\#) .chat-drawer-messages{overflow-anchor:none}}.chat-drawer-header:not(#\#):not(#\#):not(#\#){border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-drawer:focus:not(#\#):not(#\#):not(#\#){outline:none}@media (max-width:1279px),(max-height:719px){.chat-drawer-header:not(#\#):not(#\#):not(#\#){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;padding:16px}.chat-drawer-header:not(#\#):not(#\#):not(#\#):before{content:"";background:var(--text-sub);opacity:.35;border-radius:2px;width:36px;height:4px}}.chat-drawer-title:not(#\#):not(#\#):not(#\#){color:var(--text-main);font-size:20px;font-weight:700}.chat-drawer-close:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;width:32px;height:32px;color:var(--text-sub);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.chat-drawer-close:active:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}.chat-drawer-close:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:20px;height:20px}@media (max-width:1279px),(max-height:719px){.chat-drawer-title:not(#\#):not(#\#):not(#\#),.chat-drawer-close:not(#\#):not(#\#):not(#\#){display:none}}.chat-pinned-notice:not(#\#):not(#\#):not(#\#){background:#ffc1071f;flex-shrink:0;align-items:flex-start;transition:background .15s;display:flex;position:relative}.chat-pinned-notice:active:not(#\#):not(#\#):not(#\#){background:#ffc10733}.chat-pinned-notice.notice-attention-hint:not(#\#):not(#\#):not(#\#){--attention-hint-color:#ffc10766;--attention-hint-transparent:#ffc10700;animation:.8s step-end 2 attention-hint-fill}.chat-pinned-notice[hidden]:not(#\#):not(#\#):not(#\#){display:none}.chat-pinned-notice-open:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 16px;padding-inline-end:40px}.chat-pinned-notice-dismiss:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:0;right:4px}html[dir=rtl]:not(#\#):not(#\#):not(#\#) .chat-pinned-notice-dismiss{left:4px;right:auto}.chat-pinned-notice-dismiss:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:-4px}.chat-pinned-notice-header:not(#\#):not(#\#):not(#\#){justify-content:space-between;align-items:center;gap:8px;height:13px;margin-bottom:4px;display:flex}.chat-pinned-notice-label:not(#\#):not(#\#):not(#\#){color:#ffc107;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.chat-pinned-notice-time:not(#\#):not(#\#):not(#\#){color:#ffc107;font-variant-numeric:tabular-nums;opacity:.55;flex-shrink:0;font-size:11px;font-weight:400;line-height:1}.chat-pinned-notice-close:not(#\#):not(#\#):not(#\#){color:#ffc107;opacity:.55;pointer-events:none;flex-shrink:0;width:10px;height:10px}.chat-pinned-notice-text:not(#\#):not(#\#):not(#\#){color:var(--text-main);word-break:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.chat-scroll-wrapper:not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-drawer-messages:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}@media (max-width:1279px),(max-height:719px){.chat-drawer-messages:not(#\#):not(#\#):not(#\#)>.chat-group:first-child{margin-top:auto}}.chat-scroll-down-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background-color:var(--text-main);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--bg);cursor:pointer;box-shadow:none;z-index:20;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s,background-color .2s;display:flex;position:absolute;top:auto;bottom:16px;left:50%;transform:translate(-50%,10px)}.chat-scroll-down-btn.show:not(#\#):not(#\#):not(#\#){opacity:1;pointer-events:auto;transform:translate(-50%)}@media (hover:hover){.chat-scroll-down-btn:hover:not(#\#):not(#\#):not(#\#){background-color:var(--text-main);box-shadow:none}}.chat-scroll-down-btn:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:3px}.chat-scroll-down-btn:active:not(#\#):not(#\#):not(#\#){transform:translate(-50%)scale(.92)}.chat-scroll-down-btn:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:20px;height:20px}.playlist-current-jump-btn:not(#\#):not(#\#):not(#\#){bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--safe-nav-bottom,0px) + 16px)}.playlist-current-jump-btn:not(#\#):not(#\#):not(#\#) svg{transition:transform .2s}.playlist-current-jump-btn.is-above:not(#\#):not(#\#):not(#\#) svg{transform:rotate(180deg)}.playlist-current-jump-btn.is-above:not(#\#):not(#\#):not(#\#){top:var(--playlist-current-jump-top,16px);bottom:auto;transform:translate(-50%,-10px)}.playlist-current-jump-btn.is-above.show:not(#\#):not(#\#):not(#\#){transform:translate(-50%)}.playlist-current-jump-btn.is-above:active:not(#\#):not(#\#):not(#\#){transform:translate(-50%)scale(.92)}@media (min-width:720px){.playlist-current-jump-btn:not(#\#):not(#\#):not(#\#){bottom:16px}}.cscroll-track:not(#\#):not(#\#):not(#\#){pointer-events:auto;z-index:95;width:8px;position:fixed;top:0;right:0}.cscroll-track-contained:not(#\#):not(#\#):not(#\#){position:absolute}.cscroll-thumb:not(#\#):not(#\#):not(#\#){cursor:pointer;pointer-events:auto;will-change:transform;width:100%;position:absolute;right:0}.cscroll-thumb-visual:not(#\#):not(#\#):not(#\#){background-color:var(--scrollbar-thumb);pointer-events:none;transform-origin:top;will-change:transform;background-clip:padding-box;border:2px solid #0000;border-radius:10px;width:100%;height:100%;transition:background-color .15s;position:absolute;top:0;right:0}@media (hover:hover){.cscroll-thumb:hover:not(#\#):not(#\#):not(#\#)>.cscroll-thumb-visual{background-color:var(--scrollbar-thumb-hover)}}.cscroll-thumb:active:not(#\#):not(#\#):not(#\#)>.cscroll-thumb-visual{background-color:var(--scrollbar-thumb-active)}.chat-drawer-input:not(#\#):not(#\#):not(#\#){padding:10px 16px;padding-bottom:calc(10px + var(--safe-bottom) + var(--safe-nav-bottom,0px));background:var(--surface-1);flex-shrink:0;align-items:flex-end;gap:12px;transition:padding-bottom .25s cubic-bezier(.2,.9,.3,1);display:flex}html.keyboard-open:not(#\#):not(#\#):not(#\#) .chat-drawer-input{padding-bottom:calc(10px + var(--safe-nav-bottom,0px))}html.keyboard-open:not(#\#):not(#\#):not(#\#) header{position:absolute}.chat-youtube-btn:not(#\#):not(#\#):not(#\#){background:var(--youtube-filled);color:#fff;border-radius:var(--radius-m);cursor:pointer;-webkit-appearance:none;appearance:none;text-align:start;box-sizing:border-box;border:none;outline:none;flex-direction:column;align-items:flex-start;gap:7px;width:100%;max-width:260px;margin:0;padding:14px;font-family:inherit;font-size:13px;transition:background-color .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1),border-radius .28s cubic-bezier(.22,1,.36,1);display:flex}.chat-group.mine:not(#\#):not(#\#):not(#\#) .chat-youtube-btn{border-bottom-right-radius:4px}.chat-group.others:not(#\#):not(#\#):not(#\#) .chat-youtube-btn{border-bottom-left-radius:4px}.chat-yt-play-row:not(#\#):not(#\#):not(#\#){color:#fff;width:100%;font-family:var(--font-sans);justify-content:flex-start;align-items:center;gap:6px;line-height:normal;display:flex}.chat-yt-play-row:not(#\#):not(#\#):not(#\#) svg{flex-shrink:0;width:16px;height:16px;margin:0;display:block}.chat-yt-label:not(#\#):not(#\#):not(#\#){font-size:14px;font-weight:var(--font-weight-display);letter-spacing:-.3px;height:16px;line-height:16px;display:inline-block}.chat-yt-title:not(#\#):not(#\#):not(#\#){color:#ffffffe6;text-align:start;word-break:break-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.chat-youtube-btn:active:not(#\#):not(#\#):not(#\#){background:#d90000;transform:scale(.97)}.chat-bubble.whisper:not(#\#):not(#\#):not(#\#) .chat-youtube-btn{color:var(--text-main);background:0 0}.chat-bubble.whisper:not(#\#):not(#\#):not(#\#) .chat-yt-play-row{color:#9370db}.chat-bubble.whisper:not(#\#):not(#\#):not(#\#) .chat-yt-title{color:inherit}.chat-timestamp:not(#\#):not(#\#):not(#\#){color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline;transition:opacity .15s}.chat-bubble.mine:not(#\#):not(#\#):not(#\#) .chat-timestamp{color:#fff}.chat-timestamp:active:not(#\#):not(#\#):not(#\#){opacity:.7}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn{box-shadow:none;border:none}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn .chat-preview-text,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn span{color:#444}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn .chat-preview-icon,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn svg{fill:#444}[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn .btn-icon-bg.youtube svg{fill:#f03}.manual-sync-overlay:not(#\#):not(#\#):not(#\#){--sync-panel-width:min(320px, calc(100vw - 48px));-webkit-backdrop-filter:none;z-index:3000;opacity:0;visibility:hidden;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .22s ease-in,visibility 0s linear .22s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.manual-sync-overlay.show:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease-out,visibility linear}.sync-glass-panel:not(#\#):not(#\#):not(#\#){width:var(--sync-panel-width);max-height:calc(100vh - 48px);background:var(--surface-1);border-radius:var(--radius-l);opacity:0;border:none;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 48px);padding:16px 24px 20px;transition:opacity .22s ease-in,transform .22s ease-in;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.sync-glass-panel:not(#\#):not(#\#):not(#\#)>*{flex-shrink:0}.manual-sync-overlay.demo-settings-open:not(#\#):not(#\#):not(#\#){z-index:3300}.sync-scroll-frame:not(#\#):not(#\#):not(#\#){flex:auto;min-height:0;display:flex;position:relative}.sync-scroll-body:not(#\#):not(#\#):not(#\#){overscroll-behavior:contain;flex-direction:column;flex:1;min-width:0;min-height:0;margin:-4px;padding:4px;display:flex;overflow:hidden auto}.sync-scroll-body:not(#\#):not(#\#):not(#\#)>*{flex-shrink:0}.sync-scroll-body.has-scroll-overflow:not(#\#):not(#\#):not(#\#){padding-inline-start:12px;padding-inline-end:12px}.sync-scroll-frame:not(#\#):not(#\#):not(#\#)>.cscroll-track-contained{right:-4px}.manual-sync-overlay.show:not(#\#):not(#\#):not(#\#) .sync-glass-panel{opacity:1;transition:opacity .3s ease-out,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.manual-sync-overlay:not(#\#):not(#\#):not(#\#),.manual-sync-overlay:not(#\#):not(#\#):not(#\#) *{transition:none!important}}.sync-manual-display:not(#\#):not(#\#):not(#\#){flex-direction:column;align-items:center;gap:6px;margin:12px 0 20px;padding:0;display:flex}.sync-manual-input-wrapper:not(#\#):not(#\#):not(#\#){width:100%;padding-bottom:0}.sync-col-label:not(#\#):not(#\#):not(#\#){color:var(--text-sub);letter-spacing:.3px;font-size:12px;font-weight:600}.sync-col-value:not(#\#):not(#\#):not(#\#){font-size:28px;font-weight:var(--font-weight-display);font-variant-numeric:tabular-nums;color:var(--text-main);letter-spacing:-.5px}.sync-manual-input:not(#\#):not(#\#):not(#\#){text-align:center;white-space:nowrap;word-break:normal;min-width:0;max-height:none;padding-block-start:8px;padding-block-end:8px;overflow:hidden}.sync-nudge-row[hidden]:not(#\#):not(#\#):not(#\#){display:none}.sync-nudge-row:not(#\#):not(#\#):not(#\#){gap:8px;width:100%;display:flex}.sync-nudge-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--surface-2);height:44px;color:var(--text-main);font-variant-numeric:tabular-nums;cursor:pointer;border:none;flex:3;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.sync-nudge-btn.small:not(#\#):not(#\#):not(#\#){flex:2}.sync-nudge-btn:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.94)}.sync-bottom-row:not(#\#):not(#\#):not(#\#){gap:8px;width:100%;margin-top:16px;display:flex}.sync-reset-btn:not(#\#):not(#\#):not(#\#),.sync-done-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);cursor:pointer;border:none;flex:1;height:52px;font-size:14px;font-weight:700;transition:background .15s,transform .1s}.sync-reset-btn:not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-sub)}.sync-reset-btn:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.96)}.sync-done-btn:not(#\#):not(#\#):not(#\#){background:var(--primary-filled);color:#fff}.sync-done-btn:active:not(#\#):not(#\#):not(#\#){opacity:.85;transform:scale(.96)}.demo-overlay:not(#\#):not(#\#):not(#\#){z-index:3200;background:var(--bg);color:var(--text-main);overscroll-behavior:contain;visibility:hidden;pointer-events:none;transition:visibility;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.demo-curtain:not(#\#):not(#\#):not(#\#){z-index:4200;background:var(--bg);opacity:0;pointer-events:none;will-change:opacity;position:fixed;top:0;bottom:0;left:0;right:0}.demo-overlay.active:not(#\#):not(#\#):not(#\#){visibility:visible;pointer-events:auto;transition:visibility}.demo-overlay.active.exiting:not(#\#):not(#\#):not(#\#){pointer-events:none}.demo-overlay:not(.active):not(#\#):not(#\#):not(#\#) .demo-track-header{display:none}.demo-mobile-shell:not(#\#):not(#\#):not(#\#){--demo-shell-gap:24px;--demo-panel-start-offset:0px;--demo-panel-target:560px;--demo-visual-min:88px;--demo-visual-height:clamp(var(--demo-visual-min), calc(var(--app-height,100dvh) - var(--demo-panel-target)), 240px);--demo-step-nav-bottom:calc(clamp(12px, 3.8vw, 22px) + var(--safe-bottom));--demo-step-nav-reserve:clamp(52px, 12.5vw, 56px);--demo-shell-pad-top:calc(14px + var(--safe-top));--demo-shell-pad-bottom:calc(16px + var(--safe-bottom));--demo-control-inset:clamp(18px, 6vw, 28px);--demo-control-pad-top:clamp(8px, 2.2vh, 18px);--demo-panel-max:520px;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);box-sizing:border-box;padding:var(--demo-shell-pad-top) 14px var(--demo-shell-pad-bottom);grid-template-rows:var(--demo-visual-height) minmax(0, 1fr) var(--demo-step-nav-reserve);gap:var(--demo-shell-gap);background:var(--bg);display:grid;position:relative}.demo-mobile-shell:not(#\#):not(#\#):not(#\#):before{content:"";z-index:0;bottom:0;left:0;right:0;top:calc(var(--demo-shell-pad-top) + var(--demo-visual-height) + var(--demo-panel-start-offset));background:var(--surface-1);pointer-events:none;border-top-left-radius:20px;border-top-right-radius:20px;position:absolute}.demo-track-header:not(#\#):not(#\#):not(#\#){z-index:2;pointer-events:none;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:16px;display:grid;position:absolute;top:0;left:0;right:0}.demo-visual-stage:not(#\#):not(#\#):not(#\#){z-index:2;background:0 0;border-radius:8px;grid-row:1;min-height:0;position:relative;overflow:hidden}.demo-visual-stage:not(#\#):not(#\#):not(#\#):before{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:none;background:linear-gradient(#12121285,#12121200);height:118px;position:absolute;top:0;bottom:auto;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.demo-visualizer-slot:not(#\#):not(#\#):not(#\#){justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}body.demo-mobile:not(#\#):not(#\#):not(#\#) .demo-visualizer-slot .vinyl-wrapper{border-radius:8px;flex:none;width:100%;height:100%;min-height:0;margin:0;padding:0}body.demo-mobile.viz-spectrum:not(#\#):not(#\#):not(#\#) .demo-visualizer-slot .vinyl-wrapper{aspect-ratio:auto}.demo-track-copy:not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;grid-area:1/2;min-width:0;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1),visibility;transform:translate(0)}.demo-track-title:not(#\#):not(#\#):not(#\#){font-size:18px;font-weight:var(--font-weight-display);letter-spacing:0;color:var(--text-main);overflow-wrap:anywhere;line-height:1.25}.demo-track-artist:not(#\#):not(#\#):not(#\#){letter-spacing:0;color:var(--text-sub);margin-top:3px;font-size:13px;font-weight:600;line-height:1.3}.demo-play-button:not(#\#):not(#\#):not(#\#),.demo-settings-button:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);background:var(--text-main);width:44px;height:44px;color:var(--bg);cursor:pointer;pointer-events:auto;border:none;place-items:center;transition:transform .2s;display:grid}.demo-play-button:active:not(#\#):not(#\#):not(#\#),.demo-settings-button:active:not(#\#):not(#\#):not(#\#){transform:scale(.92)}.demo-play-button:not(#\#):not(#\#):not(#\#)>svg,.demo-settings-button:not(#\#):not(#\#):not(#\#)>svg{fill:currentColor;width:24px;height:24px}.demo-play-button.is-loading:not(#\#):not(#\#):not(#\#){pointer-events:none}.demo-play-button.is-loading:not(#\#):not(#\#):not(#\#)>svg,.demo-settings-button.is-loading:not(#\#):not(#\#):not(#\#)>svg{display:none}.demo-loading-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:20px;--material-elastic-stroke:4.75;display:none}.demo-play-button.is-loading:not(#\#):not(#\#):not(#\#) .demo-loading-spinner,.demo-settings-button.is-loading:not(#\#):not(#\#):not(#\#) .demo-loading-spinner{display:block}.demo-controls-pill:not(#\#):not(#\#):not(#\#){z-index:1;border-radius:var(--radius-pill);background:var(--text-main);width:44px;min-width:0;max-width:100%;height:44px;color:var(--bg);pointer-events:auto;grid-area:1/1/auto/-1;justify-self:start;align-items:center;margin-block-start:0;margin-block-end:0;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),margin .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.demo-controls-pill:not(#\#):not(#\#):not(#\#) .demo-settings-button{color:inherit;background:0 0;flex:0 0 44px;padding:0;position:relative}.demo-settings-button:not(#\#):not(#\#):not(#\#)>.demo-settings-open-icon,.demo-settings-button:not(#\#):not(#\#):not(#\#)>.demo-settings-close-icon{grid-area:1/1;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1)}.demo-settings-button:not(#\#):not(#\#):not(#\#)>.demo-settings-close-icon{opacity:0;transform:rotate(-90deg)scale(.7)}.demo-inline-controls:not(#\#):not(#\#):not(#\#){clip-path:inset(-4px 0 -4px -4px);opacity:0;visibility:hidden;pointer-events:none;flex:1;align-items:center;min-width:0;height:44px;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s;display:flex;transform:translate(-8px)}.demo-inline-transport:not(#\#):not(#\#):not(#\#){flex-shrink:0;align-items:center;transition:none;display:flex}.demo-inline-controls:not(#\#):not(#\#):not(#\#) .ctrl-btn,.demo-inline-controls:not(#\#):not(#\#):not(#\#) .demo-play-button{border-radius:var(--radius-pill);width:40px;height:44px;color:inherit;opacity:1;background:0 0;flex:0 0 40px;place-items:center;padding:0;display:grid}.demo-inline-controls:not(#\#):not(#\#):not(#\#) .ctrl-btn>svg{width:22px;height:22px}#btn-demo-next-track:not(#\#):not(#\#):not(#\#)>svg{width:21px;height:21px}#btn-demo-sync:not(#\#):not(#\#):not(#\#){margin-inline-end:8px}.demo-inline-controls:not(#\#):not(#\#):not(#\#) button:disabled{opacity:.45;cursor:default}.demo-inline-controls:not(#\#):not(#\#):not(#\#) .ctrl-btn:active{opacity:.5}.demo-controls-divider:not(#\#):not(#\#):not(#\#){opacity:.15;background:currentColor;flex:0 0 1px;width:1px;height:18px;margin-inline-start:4px;margin-inline-end:4px}.demo-inline-volume:not(#\#):not(#\#):not(#\#){flex:1;align-items:center;gap:1px;min-width:0;height:44px;padding-inline-end:8px;transition:none;display:flex}.demo-inline-volume:not(#\#):not(#\#):not(#\#)>:disabled{pointer-events:none}#demo-vol-icon-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);width:32px;height:44px;color:inherit;flex:0 0 32px;place-items:center;display:grid}#demo-vol-icon-btn:not(#\#):not(#\#):not(#\#) .volume-icon{width:19px;height:19px}.demo-inline-volume:not(#\#):not(#\#):not(#\#) .volume-muted-backdrop{stroke:var(--text-main)}#demo-volume-slider:not(#\#):not(#\#):not(#\#){--range-fill-idle:var(--bg);--range-fill-active:var(--bg);--range-track-empty:color-mix(in srgb, var(--bg) 19%, var(--text-main));flex:1;width:0;min-width:0;max-width:74px;margin:0}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-controls-pill{width:305px;height:48px;margin-block-start:-2px;margin-block-end:-2px}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-track-copy{opacity:0;visibility:hidden;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s;transform:translate(8px)}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-inline-controls{opacity:1;visibility:visible;pointer-events:auto;transition-delay:50ms,0s,0s;transform:translate(0)}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-settings-open-icon{opacity:0;transform:rotate(90deg)scale(.7)}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-settings-button>.demo-settings-close-icon{opacity:1;display:block;transform:rotate(0)scale(1)}.demo-controls-expanded:not(#\#):not(#\#):not(#\#) .demo-settings-button .demo-loading-spinner{display:none}[dir=rtl]:not(#\#):not(#\#):not(#\#) .demo-inline-controls{clip-path:inset(-4px -4px -4px 0);transform:translate(8px)}[dir=rtl]:not(#\#):not(#\#):not(#\#) .demo-controls-expanded .demo-inline-controls{transform:translate(0)}[dir=rtl]:not(#\#):not(#\#):not(#\#) .demo-controls-expanded .demo-track-copy{transform:translate(-8px)}[dir=rtl]:not(#\#):not(#\#):not(#\#) .demo-controls-expanded .demo-settings-close-icon{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.demo-track-header:not(#\#):not(#\#):not(#\#) .demo-controls-pill,.demo-track-header:not(#\#):not(#\#):not(#\#) .demo-inline-controls,.demo-track-header:not(#\#):not(#\#):not(#\#) .demo-track-copy,.demo-settings-button:not(#\#):not(#\#):not(#\#)>.demo-settings-open-icon,.demo-settings-button:not(#\#):not(#\#):not(#\#)>.demo-settings-close-icon{transition:none}}.demo-control-stage:not(#\#):not(#\#):not(#\#){z-index:1;min-width:0;min-height:0;padding:var(--demo-control-pad-top) var(--demo-control-inset) clamp(18px, 5vw, 28px);flex-direction:column;grid-row:2;scroll-padding-bottom:clamp(18px,5vw,28px);display:flex;position:relative;overflow:auto}.demo-step-panels:not(#\#):not(#\#):not(#\#){flex:1 0 auto;min-height:0;display:block}.demo-step-panel:not(#\#):not(#\#):not(#\#){min-width:0;min-height:100%;display:none}.demo-step-panel.active:not(#\#):not(#\#):not(#\#){grid-template-rows:auto minmax(min-content,1fr);gap:18px;display:grid}.demo-step-copy:not(#\#):not(#\#):not(#\#) h2{font-size:22px;line-height:1.25;font-weight:var(--font-weight-display);letter-spacing:0;color:var(--text-main);margin:0}.demo-step-copy:not(#\#):not(#\#):not(#\#),.demo-step-content:not(#\#):not(#\#):not(#\#){width:100%;max-width:var(--demo-panel-max);box-sizing:border-box;margin-inline-start:auto;margin-inline-end:auto}.demo-step-copy:not(#\#):not(#\#):not(#\#) p{color:var(--text-sub);word-break:keep-all;margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.5}.demo-step-body:not(#\#):not(#\#):not(#\#){color:var(--text-sub);word-break:keep-all;white-space:pre-line;margin:6px 0 0;font-size:14px;font-weight:500;line-height:1.55}.demo-step-content:not(#\#):not(#\#):not(#\#){flex-direction:column;justify-content:center;gap:16px;min-height:0;display:flex}.demo-session-content:not(#\#):not(#\#):not(#\#){text-align:center;align-items:center}.demo-session-content:not(#\#):not(#\#):not(#\#) .demo-step-body{max-width:420px;margin-top:0}.demo-session-qr:not(#\#):not(#\#):not(#\#){aspect-ratio:1;width:clamp(164px,min(56vw,30vh),236px);color:var(--text-main);place-items:center;transition:width .25s,transform .2s;display:grid}.demo-session-qr:active:not(#\#):not(#\#):not(#\#){transform:scale(.985)}.demo-session-qr:not(#\#):not(#\#):not(#\#) .qr-svg{width:100%;height:100%;display:block}.demo-session-qr-placeholder:not(#\#):not(#\#):not(#\#){color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.demo-role-diagram:not(#\#):not(#\#):not(#\#){min-height:130px;margin:0}.demo-role-diagram:not(#\#):not(#\#):not(#\#) .setup-graphic-svg{max-width:360px}.settings-role-diagram:not(#\#):not(#\#):not(#\#){min-height:150px;margin-bottom:12px}.settings-role-diagram:not(#\#):not(#\#):not(#\#) .setup-graphic-svg{max-width:320px}.demo-role-segmented:not(#\#):not(#\#):not(#\#){background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-height:52px;display:grid;container:demo-role-options/inline-size}.demo-role-segmented:not(#\#):not(#\#):not(#\#) button{border-radius:var(--radius-s);background:var(--surface-2);min-width:0;color:var(--text-sub);font:inherit;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;transition:color .2s,background .2s;display:flex}.demo-role-segmented:not(#\#):not(#\#):not(#\#) button[aria-pressed=true]{color:var(--primary);background:var(--control-active)}@media (hover:hover){.demo-role-segmented:not(#\#):not(#\#):not(#\#) button:not([aria-pressed=true]):hover{background:var(--surface-3)}}.demo-role-segmented:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;flex:none;width:19px;height:19px}@container demo-role-options (width<=340px){.demo-role-segmented:not(#\#):not(#\#):not(#\#) button{gap:0;padding-inline-start:4px;padding-inline-end:4px}.demo-role-segmented:not(#\#):not(#\#):not(#\#) svg{display:none}}.demo-large-actions:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-large-actions:not(#\#):not(#\#):not(#\#) .ch-opt.demo-choice{min-width:0;margin:0}.demo-large-actions:not(#\#):not(#\#):not(#\#) .accent-action-btn,.demo-large-actions:not(#\#):not(#\#):not(#\#) .leave-session-btn{flex-direction:row;justify-content:center;gap:10px;min-width:0;height:58px;min-height:58px;margin:0;padding:0 14px}.demo-large-actions:not(#\#):not(#\#):not(#\#) .accent-action-btn{background:var(--control-active)}.demo-large-actions:not(#\#):not(#\#):not(#\#) .leave-session-btn{background:var(--control-danger)}@media (hover:hover){.demo-large-actions:not(#\#):not(#\#):not(#\#) .leave-session-btn:hover{background:var(--control-danger-hover)}}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions{gap:8px}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions .ch-opt.demo-choice{border-radius:var(--radius-m);flex-direction:column;justify-content:center;gap:10px;height:auto;min-height:112px;padding:18px 12px;font-size:14px}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions .ch-opt.demo-choice svg{width:32px;height:32px}.demo-track-list:not(#\#):not(#\#):not(#\#){width:100%}.demo-track-row:not(#\#):not(#\#):not(#\#){min-height:42px;color:var(--text-main);grid-template-columns:42px minmax(0,1fr);align-items:center;display:grid}.demo-track-row:not(#\#):not(#\#):not(#\#) span{color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-display)}.demo-track-row:not(#\#):not(#\#):not(#\#) strong{letter-spacing:0;min-width:0;font-size:14px;font-weight:700;line-height:1.3}.demo-track-row.active:not(#\#):not(#\#):not(#\#),.demo-track-row.active:not(#\#):not(#\#):not(#\#) span,.demo-track-row.active:not(#\#):not(#\#):not(#\#) strong,.demo-link-button:not(#\#):not(#\#):not(#\#){color:var(--primary)}.demo-step-nav:not(#\#):not(#\#):not(#\#){--demo-step-nav-inset:clamp(14px, 4.5vw, 24px);--demo-step-gap:clamp(6px, 2vw, 8px);--demo-step-dot-size:clamp(52px, 12.5vw, 56px);--demo-step-pill-size:clamp(100px, calc(100vw - var(--demo-step-nav-inset) - var(--demo-step-nav-inset) - var(--demo-step-dot-size) - var(--demo-step-dot-size) - var(--demo-step-dot-size) - var(--demo-step-gap) - var(--demo-step-gap) - var(--demo-step-gap)), 184px);z-index:3;left:var(--demo-step-nav-inset);right:var(--demo-step-nav-inset);bottom:var(--demo-step-nav-bottom);justify-content:center;align-items:center;gap:var(--demo-step-gap);pointer-events:auto;max-width:420px;margin-inline-start:auto;margin-inline-end:auto;display:flex;position:fixed}.demo-step-nav:not(#\#):not(#\#):not(#\#) button{flex:0 0 var(--demo-step-dot-size);min-width:0;height:var(--demo-step-dot-size);min-height:var(--demo-step-dot-size);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-sub);-webkit-backdrop-filter:none;font:inherit;letter-spacing:0;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;line-height:1.2;transition:background .2s,border-color .2s,color .2s,flex-basis .3s cubic-bezier(.4,0,.2,1),transform .2s;display:flex;position:relative;overflow:hidden}.demo-step-nav:not(#\#):not(#\#):not(#\#) button:not(.demo-step-next):before{content:attr(data-demo-step);font-size:14px;font-weight:var(--font-weight-display);opacity:1;flex:none;line-height:1;transition:opacity .16s;display:block}.demo-step-nav:not(#\#):not(#\#):not(#\#) button span{opacity:0;text-overflow:ellipsis;min-width:0;max-width:0;transition:max-width .24s cubic-bezier(.4,0,.2,1),opacity .16s;display:block;overflow:hidden}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.active{flex-basis:var(--demo-step-pill-size);background:var(--control-active);color:var(--primary);border-color:#0000;padding:0 clamp(8px,2.6vw,14px)}.demo-step-nav:not(#\#):not(#\#):not(#\#) .demo-step-next:not(.is-final){background:var(--primary-filled);color:#fff;border-color:#0000}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.active:not(.demo-step-next):before,.demo-step-nav:not(#\#):not(#\#):not(#\#) button.is-collapsing:not(.demo-step-next):before{opacity:0}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.active span{opacity:1;max-width:160px}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.is-collapsing{border-radius:var(--radius-pill)}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.is-collapsing span{opacity:0;max-width:0}.demo-step-next:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;opacity:1;flex:none;width:22px;height:22px;transition:width .22s cubic-bezier(.4,0,.2,1),opacity .14s}.demo-step-next.is-final:not(#\#):not(#\#):not(#\#) svg{display:none}.demo-step-nav:not(#\#):not(#\#):not(#\#) button:active{transform:scale(.92)}[data-theme=light]:not(#\#):not(#\#):not(#\#) .demo-visual-stage:before{background:linear-gradient(#ffffff94,#fff0)}@media (min-width:720px){.demo-mobile-shell:not(#\#):not(#\#):not(#\#){--demo-shell-pad-block:clamp(16px, 3.2vmin, 34px);--demo-shell-pad-inline:clamp(18px, 3.6vmin, 40px);--demo-control-inset:clamp(10px, 2.8vw, 44px);--demo-control-pad-inline:clamp(28px, 4vw, 56px);--demo-control-pad-block:clamp(4px, 4vh, 44px);--demo-panel-max:clamp(340px, 40vw, 640px);--demo-step-gap:clamp(14px, 2.6vh, 26px);--demo-column-gap:clamp(18px, 3vw, 44px);--demo-row-gap:clamp(12px, 2vh, 24px);--demo-nav-size:clamp(54px, min(7vw, 8vh), 70px);--demo-nav-gap:clamp(10px, 1.5vw, 18px);--demo-visual-min:0px;--demo-visual-height:auto;height:min(var(--app-height,100dvh), 100dvh);min-height:min(var(--app-height,100dvh), 100dvh);align-items:stretch;column-gap:var(--demo-column-gap);padding:calc(var(--demo-shell-pad-block) + var(--safe-top)) calc(var(--demo-shell-pad-inline) + var(--safe-right)) calc(var(--demo-shell-pad-block) + var(--safe-bottom)) calc(var(--demo-shell-pad-inline) + var(--safe-left));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:0}.demo-mobile-shell:not(#\#):not(#\#):not(#\#):before{display:none}.demo-visual-stage:not(#\#):not(#\#):not(#\#){grid-area:1/1;min-height:0}.demo-control-stage:not(#\#):not(#\#):not(#\#){max-height:none;margin:calc(0px - var(--demo-shell-pad-block) - var(--safe-top)) calc(0px - var(--demo-shell-pad-inline) - var(--safe-right)) calc(0px - var(--demo-shell-pad-block) - var(--safe-bottom)) 0;padding:calc(var(--demo-shell-pad-block) + var(--safe-top) + var(--demo-control-pad-block)) calc(var(--demo-control-pad-inline) + var(--safe-right)) calc(var(--demo-shell-pad-block) + var(--safe-bottom) + var(--demo-control-pad-block)) var(--demo-control-pad-inline);background:var(--surface-1);box-sizing:border-box;grid-area:1/2;justify-content:flex-start}.demo-step-panels:not(#\#):not(#\#):not(#\#){align-items:stretch;width:100%;display:grid}.demo-step-panel.active:not(#\#):not(#\#):not(#\#){gap:var(--demo-step-gap)}.demo-step-content:not(#\#):not(#\#):not(#\#){gap:clamp(14px,2.4vh,24px)}.demo-step-copy:not(#\#):not(#\#):not(#\#) h2{font-size:clamp(22px,2.2vw,30px)}.demo-step-copy:not(#\#):not(#\#):not(#\#) p,.demo-step-body:not(#\#):not(#\#):not(#\#){font-size:clamp(13.5px,1.2vw,15.5px)}.demo-session-qr:not(#\#):not(#\#):not(#\#){width:clamp(180px,min(26vw,38vh),300px)}.demo-session-content:not(#\#):not(#\#):not(#\#) .demo-step-body{max-width:clamp(360px,34vw,500px)}.demo-role-diagram:not(#\#):not(#\#):not(#\#){min-height:clamp(130px,30vh,260px)}.demo-role-diagram:not(#\#):not(#\#):not(#\#) .setup-graphic-svg{max-width:clamp(340px,42vw,560px);height:auto}.demo-role-segmented:not(#\#):not(#\#):not(#\#){border-radius:clamp(18px,2.2vw,24px);min-height:clamp(52px,7.5vh,66px)}.demo-role-segmented:not(#\#):not(#\#):not(#\#) button{gap:clamp(5px,.8vw,9px);font-size:clamp(12.5px,1vw,14.5px)}.demo-large-actions:not(#\#):not(#\#):not(#\#){gap:clamp(8px,1.2vw,14px)}.demo-large-actions:not(#\#):not(#\#):not(#\#) .accent-action-btn,.demo-large-actions:not(#\#):not(#\#):not(#\#) .leave-session-btn{height:clamp(58px,7.5vh,72px);min-height:clamp(58px,7.5vh,72px)}body.mode-demo:not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;width:100%;max-width:100%;display:grid}body.mode-demo:not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions .accent-action-btn,body.mode-demo:not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions .leave-session-btn{flex:none;width:100%;height:58px;min-height:58px;margin-inline-start:0;margin-inline-end:0}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions .ch-opt.demo-choice{gap:clamp(9px,1.2vh,11px);min-height:clamp(104px,14vh,120px);padding:clamp(16px,2vh,20px) 12px}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions .ch-opt.demo-choice svg{width:clamp(30px,4vh,36px);height:clamp(30px,4vh,36px)}.demo-track-row:not(#\#):not(#\#):not(#\#){grid-template-columns:clamp(42px,4vw,54px) minmax(0,1fr);min-height:clamp(42px,6.2vh,56px)}.demo-track-row:not(#\#):not(#\#):not(#\#) strong{font-size:clamp(14px,1.05vw,15.5px)}.demo-step-nav:not(#\#):not(#\#):not(#\#){--demo-step-nav-side:clamp(14px, 2.4vw, 32px);--demo-step-dot-size:clamp(46px, 6.2vh, 52px);--demo-step-pill-size:clamp(144px, calc(100% - var(--demo-step-dot-size) - var(--demo-step-dot-size) - var(--demo-step-dot-size) - var(--demo-nav-gap) - var(--demo-nav-gap) - var(--demo-nav-gap)), 196px);gap:var(--demo-nav-gap);left:calc(var(--demo-step-nav-side) + var(--safe-left));right:calc(var(--demo-step-nav-side) + var(--safe-right));max-width:min(440px, calc(100% - var(--demo-step-nav-side) - var(--demo-step-nav-side) - var(--safe-left) - var(--safe-right)));position:absolute;top:auto;bottom:clamp(18px,3vh,32px);transform:none}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.active{padding-inline-start:clamp(8px,1.4vw,12px);padding-inline-end:clamp(8px,1.4vw,12px);font-size:clamp(13px,1vw,15px)}.demo-step-nav:not(#\#):not(#\#):not(#\#) button.active span{max-width:128px}}@media (max-width:420px){.demo-mobile-shell:not(#\#):not(#\#):not(#\#){--demo-control-inset:18px;--demo-shell-gap:22px;--demo-panel-start-offset:0px;gap:var(--demo-shell-gap);padding-inline-start:10px;padding-inline-end:10px}.demo-step-copy:not(#\#):not(#\#):not(#\#) h2{font-size:20px}.demo-role-segmented:not(#\#):not(#\#):not(#\#) button{gap:4px;padding:0 5px;font-size:12px}.demo-role-segmented:not(#\#):not(#\#):not(#\#) svg{display:none}.demo-large-actions:not(#\#):not(#\#):not(#\#) .accent-action-btn,.demo-large-actions:not(#\#):not(#\#):not(#\#) .leave-session-btn{height:54px;min-height:54px;padding:0 10px;font-size:13px}.demo-effects-content:not(#\#):not(#\#):not(#\#) .demo-large-actions .ch-opt.demo-choice{min-height:104px;padding:16px 10px;font-size:13.5px}.demo-track-title:not(#\#):not(#\#):not(#\#){font-size:16px}}#media-source-overlay:not(#\#):not(#\#):not(#\#) .file-select-btn-large{border-radius:var(--radius-pill);background:var(--surface-2);transition:all .2s cubic-bezier(.2,.8,.2,1)}#media-source-overlay:not(#\#):not(#\#):not(#\#) .file-select-btn-large:hover{background:var(--surface-3)}#media-source-overlay:not(#\#):not(#\#):not(#\#) .file-select-btn-large:active{background:var(--surface-3);transform:scale(.97)}.file-select-btn-large:not(#\#):not(#\#):not(#\#){width:100%;height:56px;padding:0 20px;font-size:15px}.file-select-btn:not(#\#):not(#\#):not(#\#){background:var(--play-action-surface);border-radius:var(--radius-pill);cursor:pointer;-webkit-appearance:none;appearance:none;width:100%;height:72px;color:var(--text-sub);text-align:start;border:2px solid #0000;outline:none;align-items:center;gap:10px;margin-top:auto;padding:0 20px;font-family:inherit;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.file-select-btn:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.file-select-btn:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);color:var(--text-main);transform:scale(.97)}.file-select-btn.unsupported:not(#\#):not(#\#):not(#\#){opacity:.5}.system-audio-loading-spinner:not(#\#):not(#\#):not(#\#){display:none}.file-select-btn:not(#\#):not(#\#):not(#\#) span{letter-spacing:-.3px;white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.25}.file-select-btn:not(#\#):not(#\#):not(#\#) .media-source-label-row{--media-source-option-height:72px;--media-source-option-padding-x:20px;--media-source-beta-height:20px;--media-source-beta-edge-inset:calc((var(--media-source-option-height) - var(--media-source-beta-height)) / 2);width:100%;min-width:0;flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;gap:16px;padding-inline-end:calc(var(--media-source-beta-edge-inset) - var(--media-source-option-padding-x));display:flex}.file-select-btn:not(#\#):not(#\#):not(#\#) .media-source-label-text{flex:auto;min-width:0}.feature-badge:not(#\#):not(#\#):not(#\#),.file-select-btn:not(#\#):not(#\#):not(#\#) .feature-badge{border-radius:var(--radius-pill);min-width:42px;height:20px;color:var(--text-sub);letter-spacing:0;overflow-wrap:normal;white-space:nowrap;background:#ffffff14;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.file-select-btn:not(#\#):not(#\#):not(#\#) .media-source-beta-badge{height:var(--media-source-beta-height);margin-inline-start:auto}#btn-system-audio.unsupported:not(#\#):not(#\#):not(#\#) .media-source-beta-badge{display:none}html[data-theme=light]:not(#\#):not(#\#):not(#\#) .feature-badge{color:#6b7280;background:#30354014}.btn-icon-bg:not(#\#):not(#\#):not(#\#){width:44px;height:44px;color:var(--text-main);background:0 0;border-radius:14px;justify-content:center;align-items:center;margin-inline-end:16px;transition:color .2s;display:flex}.btn-icon-bg.youtube:not(#\#):not(#\#):not(#\#){color:#f03}.file-select-btn:hover:not(#\#):not(#\#):not(#\#) .btn-icon-bg{color:var(--primary);background:0 0}.file-select-btn:hover:not(#\#):not(#\#):not(#\#) .btn-icon-bg.youtube{color:#f03}.btn-icon-bg:not(#\#):not(#\#):not(#\#)>svg{fill:currentColor;width:24px;height:24px}#btn-sync:not(#\#):not(#\#):not(#\#),#btn-media-source:not(#\#):not(#\#):not(#\#){color:var(--text-sub);border:none;font-size:15px}[data-theme=light]:not(#\#):not(#\#):not(#\#) #btn-sync,[data-theme=light]:not(#\#):not(#\#):not(#\#) #btn-media-source{color:#444}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn:hover,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn:hover,[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=copy]:hover,[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=expired]:hover{background:#f0f0f0}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn:active,[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn:active,[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=copy]:active,[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=expired]:active{background:#e8e8e8}#btn-sync:not(#\#):not(#\#):not(#\#) svg,#btn-media-source:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:20px;height:20px;margin:0}#btn-sync:not(#\#):not(#\#):not(#\#) span,#btn-media-source:not(#\#):not(#\#):not(#\#) span{color:currentColor;white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600;line-height:1.25}#btn-sync[aria-disabled=true]:not(#\#):not(#\#):not(#\#),#btn-media-source[aria-disabled=true]:not(#\#):not(#\#):not(#\#),#btn-add-media[aria-disabled=true]:not(#\#):not(#\#):not(#\#),#btn-repeat[aria-disabled=true]:not(#\#):not(#\#):not(#\#),#btn-shuffle[aria-disabled=true]:not(#\#):not(#\#):not(#\#){opacity:.42;cursor:not-allowed}#btn-sync[aria-busy=true]:not(#\#):not(#\#):not(#\#),#btn-media-source[aria-busy=true]:not(#\#):not(#\#):not(#\#){opacity:.72;cursor:progress}#btn-sync[aria-disabled=true]:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}#btn-media-source[aria-disabled=true]:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}#btn-add-media[aria-disabled=true]:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}#btn-repeat[aria-disabled=true]:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}#btn-shuffle[aria-disabled=true]:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}#btn-sync[aria-disabled=true]:hover:not(#\#):not(#\#):not(#\#),#btn-media-source[aria-disabled=true]:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-2)}#btn-add-media[aria-disabled=true]:hover:not(#\#):not(#\#):not(#\#),#btn-repeat[aria-disabled=true]:hover:not(#\#):not(#\#):not(#\#),#btn-shuffle[aria-disabled=true]:hover:not(#\#):not(#\#):not(#\#){background:0 0}#btn-sync[aria-disabled=true]:active:not(#\#):not(#\#):not(#\#),#btn-media-source[aria-disabled=true]:active:not(#\#):not(#\#):not(#\#){background:var(--surface-2);transform:none}#btn-add-media[aria-disabled=true]:active:not(#\#):not(#\#):not(#\#),#btn-repeat[aria-disabled=true]:active:not(#\#):not(#\#):not(#\#),#btn-shuffle[aria-disabled=true]:active:not(#\#):not(#\#):not(#\#){background:0 0;transform:none}#btn-sync:hover:not(#\#):not(#\#):not(#\#),#btn-media-source:hover:not(#\#):not(#\#):not(#\#){background:var(--surface-3)}#btn-sync:active:not(#\#):not(#\#):not(#\#),#btn-media-source:active:not(#\#):not(#\#):not(#\#){background:var(--surface-3);transform:scale(.97)}@media (hover:none),(pointer:coarse){.file-select-btn:hover:not(:active):not(#\#):not(#\#):not(#\#){background:var(--surface-2);color:var(--text-sub);box-shadow:none;transform:none}#media-source-overlay:not(#\#):not(#\#):not(#\#) .file-select-btn-large:hover:not(:active),.btn-copy-invite-link[data-mode=copy]:hover:not(:active):not(#\#):not(#\#):not(#\#),.btn-copy-invite-link[data-mode=expired]:hover:not(:active):not(#\#):not(#\#):not(#\#),#btn-sync:hover:not(:active):not(#\#):not(#\#):not(#\#),#btn-media-source:hover:not(:active):not(#\#):not(#\#):not(#\#){background:var(--surface-2);box-shadow:none;transform:none}.btn-copy-invite-link[data-mode=recover]:hover:not(:active):not(#\#):not(#\#):not(#\#),.btn-copy-invite-link[data-mode=recovering]:hover:not(:active):not(#\#):not(#\#):not(#\#){color:var(--warning-foreground);box-shadow:none;background:#f59e0b14}.file-select-btn:hover:not(:active):not(#\#):not(#\#):not(#\#) .btn-icon-bg{color:var(--text-main);background:0 0}.file-select-btn:hover:not(:active):not(#\#):not(#\#):not(#\#) .btn-icon-bg.youtube{color:#f03}[data-theme=light]:not(#\#):not(#\#):not(#\#) .chat-preview-btn:hover:not(:active),[data-theme=light]:not(#\#):not(#\#):not(#\#) .file-select-btn:hover:not(:active){background:var(--play-action-surface)}[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=copy]:hover:not(:active),[data-theme=light]:not(#\#):not(#\#):not(#\#) .btn-copy-invite-link[data-mode=expired]:hover:not(:active){background:var(--surface-2)}}.attention-hint:not(#\#):not(#\#):not(#\#){--attention-hint-color:rgba(var(--primary-rgb), .4);--attention-hint-transparent:rgba(var(--primary-rgb), 0);animation:.8s step-end 3 attention-hint-fill}:focus-visible:not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){#media-source-overlay:not(#\#):not(#\#):not(#\#) .file-select-btn:hover{transform:none}.file-drop-feedback:not(#\#):not(#\#):not(#\#),.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#){transition:none!important}.file-drop-feedback-icon:not(#\#):not(#\#):not(#\#){transform:none!important}.chat-enter:not(#\#):not(#\#):not(#\#){animation:none!important}.chat-bot-typing-dot:not(#\#):not(#\#):not(#\#){opacity:.75;animation:none!important;transform:none!important}.chat-bubble:not(#\#):not(#\#):not(#\#),.chat-youtube-btn:not(#\#):not(#\#):not(#\#){transition:none!important}:not(#\#):not(#\#):not(#\#),:not(#\#):not(#\#):not(#\#):before,:not(#\#):not(#\#):not(#\#):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header-help-btn:not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);display:none}@media (min-width:720px){#setup-overlay:not(#\#):not(#\#):not(#\#){--setup-panel-w:320px;--setup-px:28px;--setup-px-end:28px;--setup-head-py:clamp(24px, 6vh, 48px);--setup-head-px:clamp(24px, 6vh, 48px);--setup-logo-h:clamp(18px, 4.5vh, 26px);--setup-logo-mt:3px;--setup-logo-mb:clamp(6px, 1.5vh, 12px);--setup-h2:clamp(20px, 5vh, 28px);--setup-h2-mb:clamp(4px, 1vh, 8px);--setup-p:clamp(13px, 3vh, 16px);--setup-p-lh:1.4;--setup-diagram-pad:clamp(12px, 4vh, 32px) 24px;--setup-svg-max:clamp(280px, 65vh, 480px);--setup-guide-gap:clamp(12px, 3vh, 24px);--setup-guide-svg-max:clamp(240px, 45vh, 400px);--setup-guide-svg-h:clamp(80px, 15vh, 140px);--setup-guide-desc:12px;--setup-guide-mt:-10px;--setup-icon:clamp(56px, 12vh, 84px);--setup-icon-svg:clamp(28px, 6vh, 40px);--setup-slider-w:clamp(260px, 62vh, 500px);--setup-ob-title:clamp(20px, 4.5vh, 26px);--setup-ob-desc:clamp(13px, 2.8vh, 15px);--setup-nav-mt:calc(var(--setup-ob-title) * 1.5 - 8px);--setup-nav-arrow:none;--setup-actions-top:8px;--setup-actions-bottom:16px;--setup-panel-bg:var(--surface-1)}}.fullscreen-btn:not(#\#):not(#\#):not(#\#){color:#fff;border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:none;opacity:0;z-index:10;background:#0009;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s;display:flex;position:absolute;bottom:12px;right:12px}.video-wrapper:hover:not(#\#):not(#\#):not(#\#) .fullscreen-btn,.video-wrapper:active:not(#\#):not(#\#):not(#\#) .fullscreen-btn{opacity:1}.mode-youtube:not(#\#):not(#\#):not(#\#) .fullscreen-btn{opacity:.35}.mode-youtube:not(#\#):not(#\#):not(#\#) .fullscreen-btn:active{opacity:1}.video-wrapper:not(#\#):not(#\#):not(#\#) .fullscreen-btn[aria-disabled=true]{opacity:.15;cursor:not-allowed}.fullscreen-btn:not(#\#):not(#\#):not(#\#) svg{fill:currentColor;width:24px;height:24px}.video-wrapper.fake-fullscreen:not(#\#):not(#\#):not(#\#) .fullscreen-btn{z-index:100001;bottom:24px;right:24px}.user-text-font.user-text-font:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-family:var(--font-primary), var(--user-text-font-ar,"__MXQR_USER_TEXT_AR__"), var(--user-text-font-he,"__MXQR_USER_TEXT_HE__"), var(--user-text-font-hi,"__MXQR_USER_TEXT_HI__"), var(--user-text-font-bn,"__MXQR_USER_TEXT_BN__"), var(--user-text-font-ta,"__MXQR_USER_TEXT_TA__"), var(--user-text-font-te,"__MXQR_USER_TEXT_TE__"), var(--user-text-font-gu,"__MXQR_USER_TEXT_GU__"), var(--user-text-font-kn,"__MXQR_USER_TEXT_KN__"), var(--user-text-font-ml,"__MXQR_USER_TEXT_ML__"), var(--user-text-font-pa,"__MXQR_USER_TEXT_PA__"), var(--user-text-font-el,"__MXQR_USER_TEXT_EL__"), var(--user-text-font-ru,"__MXQR_USER_TEXT_RU__"), var(--user-text-font-th,"__MXQR_USER_TEXT_TH__"), var(--user-text-font-ja,"__MXQR_USER_TEXT_JA__"), var(--user-text-font-zh-hans,"__MXQR_USER_TEXT_ZH_HANS__"), var(--user-text-font-zh-hant,"__MXQR_USER_TEXT_ZH_HANT__"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.user-text-font-ar:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-ar:"Noto Sans Arabic"}.user-text-font-he:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-he:"Noto Sans Hebrew"}.user-text-font-hi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-hi:"Noto Sans Devanagari"}.user-text-font-bn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-bn:"Noto Sans Bengali"}.user-text-font-ta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-ta:"Noto Sans Tamil"}.user-text-font-te:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-te:"Noto Sans Telugu"}.user-text-font-gu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-gu:"Noto Sans Gujarati"}.user-text-font-kn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-kn:"Noto Sans Kannada"}.user-text-font-ml:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-ml:"Noto Sans Malayalam"}.user-text-font-pa:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-pa:"Noto Sans Gurmukhi"}.user-text-font-el:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-el:"Noto Sans"}.user-text-font-ru:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-ru:"Noto Sans"}.user-text-font-th:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-th:"Noto Sans Thai"}.user-text-font-ja:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-ja:"Noto Sans JP"}.user-text-font-zh-hans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-zh-hans:"Noto Sans SC"}.user-text-font-zh-hant:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--user-text-font-zh-hant:"Noto Sans TC"}body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0;transition:opacity .15s ease-out}body.fouc-loaded:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:1}body:has(>noscript .noscript-fallback):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:1}.bootstrap-failure:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:12000;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));color:var(--text);text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}html.setup-boot-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body>.bootstrap-failure{visibility:hidden;opacity:0;pointer-events:none;display:flex}html.setup-boot-failed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bootstrap-failure{visibility:visible;opacity:1;pointer-events:auto;display:flex}.bootstrap-failure:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong{font-size:22px}.bootstrap-failure:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p{color:var(--text-sub);margin:0;line-height:1.6}.bootstrap-failure:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button{border-radius:var(--radius-pill);color:#fff;min-width:160px;min-height:48px;font:inherit;background:var(--primary);cursor:pointer;border:0;padding:0 24px;font-weight:700}.noscript-fallback:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:#fff;background:#111;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.invite-meta-cluster:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){-webkit-appearance:none;appearance:none;min-width:0;color:inherit;font:inherit;text-align:end;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-pill);background:0 0;border:0;flex-direction:column;align-items:flex-end;padding:0;display:flex}.invite-meta-cluster:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-pill)}.invite-meta-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-sub);letter-spacing:.1em;text-align:end;margin-bottom:2px;font-size:9px;font-weight:700}.invite-meta-value:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:16px;font-weight:var(--font-weight-display);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-align:end}.role-hint-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-sub);margin-inline-start:4px;font-size:10px;font-weight:400}.svg-stroke-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){stroke:var(--primary);stroke-width:2px}.svg-fill-sub-08:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){fill:var(--text-sub);stroke:none;opacity:.8}.svg-fill-sub-05:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){fill:var(--text-sub);stroke:none;opacity:.5}.svg-stroke-divider:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){stroke:var(--surface-3);stroke-width:1px}.svg-overflow-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){overflow:visible}.tab-header-spread:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:space-between;align-items:center;padding-bottom:0}.tab-header-spread-pad:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:space-between;align-items:center}.flex-row-center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-items:center;display:flex}.flex-row-gap-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-items:center;gap:8px;display:flex}.play-action-stop-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.flex-1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:1}.h-70:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:70px}.text-10:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:10px}.visually-offscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:-9999px}.tab-body-anchor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:relative}.setup-welcome-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column;flex:1;width:100%;display:flex}.wordmark-decor:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){aspect-ratio:2.2;margin-bottom:24px;background:0 0;width:calc(100% + 56px);height:auto;max-height:180px;margin-inline-start:-28px;margin-inline-end:-28px}.divider-narrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - 64px);margin:8px auto 32px}.divider-narrower:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-self:center;width:calc(100% - 88px);margin:24px 0}.yt-preview-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:4px;width:100%}.setup-card-tight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0;padding:0}.setup-card-mt-8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:8px}.setup-card-mt-8-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){gap:10px;margin-top:8px;display:flex}.setup-mt-0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-join-area{text-align:start}.yt-preview-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.yt-preview-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-sub);text-align:start;margin:4px 0 0;font-size:11px;font-weight:600}.ob-slider-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:1;width:100%;display:block;position:relative}.setup-area-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%}.setup-area-block.is-relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:relative}.code-input-active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:1;-webkit-text-fill-color:var(--text-main);color:var(--text-main);border-bottom:2px solid #0000}.yt-search-input-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom:2px solid var(--surface-3);align-items:flex-end;width:100%;transition:border-bottom-color .2s;display:flex;position:relative}.yt-search-input-wrapper:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--primary)}.yt-search-input-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-intro-text{letter-spacing:normal;text-align:start;border-bottom:0;flex:1;align-self:stretch;width:auto;min-width:0;padding:12px 4px 10px;font-size:15px;font-weight:500;line-height:20px}.yt-search-input-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-intro-text:focus{border-bottom-color:#0000}.yt-search-submit-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:44px;height:44px;color:var(--surface-3);cursor:default;opacity:1;box-shadow:none;border-radius:var(--radius-pill);background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;padding:0;transition:color .2s,opacity .2s,transform .2s;display:flex}.yt-search-submit-btn:not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--primary);cursor:pointer}.yt-search-submit-btn:not(:disabled):active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:.8;transform:scale(.92)}.yt-search-submit-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg{fill:currentColor;pointer-events:none;width:24px;height:24px}.yt-search-submit-btn:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-pill)}.yt-preview-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--surface-2);border-radius:0;grid-template-columns:1fr;gap:8px;width:100%;margin-top:10px;padding:14px;display:grid;position:relative;overflow:hidden}.yt-preview-card[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.yt-preview-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card-mt-8{min-width:0;margin-top:0}.yt-search-results:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--yt-search-fade-size:34px;background:0 0;border-radius:0;flex-direction:column;gap:0;width:100%;max-height:min(42vh,360px);margin-top:10px;padding:0;transition:-webkit-mask-image .16s,mask-image .16s;display:flex;overflow:hidden auto}.yt-search-results.can-scroll-down:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--yt-search-fade-size)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--yt-search-fade-size)), transparent 100%);mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--yt-search-fade-size)), transparent 100%)}.yt-search-results.can-scroll-up:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 100%)}.yt-search-results.can-scroll-up.can-scroll-down:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 calc(100% - var(--yt-search-fade-size)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 calc(100% - var(--yt-search-fade-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--yt-search-fade-size), #000 calc(100% - var(--yt-search-fade-size)), transparent 100%)}.yt-search-results[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-join-area>.cscroll-track{right:56px}@media (min-width:1280px) and (min-height:720px){#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-join-area>.cscroll-track{right:40px}}.yt-search-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%;color:var(--text-main);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:0;flex:none;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.yt-search-result:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)+.yt-search-result{border-top:1px solid var(--divider)}.yt-search-result:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--surface-3);outline:none}@media (hover:hover){.yt-search-result:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--surface-3);outline:none}}.yt-search-result.selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--surface-2)}.yt-search-result.selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-title{color:var(--primary)}.yt-search-result:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:scale(.99)}.yt-search-thumb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:4px;width:84px}.yt-search-meta:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:53.4px;display:flex}.yt-search-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.yt-search-channel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){pointer-events:none;cursor:default}.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-skeleton-block{animation:1.6s ease-in-out infinite yt-search-skeleton-pulse}.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-thumb{background:var(--surface-3)}.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-title{background-image:linear-gradient(var(--surface-3), var(--surface-3)), linear-gradient(var(--surface-3), var(--surface-3));background-position:0 .3em,0 1.65em;background-repeat:no-repeat;background-size:90% .75em,65% .75em;min-height:2.7em}.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-channel{background:linear-gradient(var(--surface-3), var(--surface-3)) left center / 42% .75em no-repeat;height:1.3em}[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-skeleton .yt-search-title{background-position:right .3em,right 1.65em}[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-search-skeleton .yt-search-channel{background-position:100%}@media (prefers-reduced-motion:reduce){.yt-search-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .yt-skeleton-block{opacity:.7;animation:none}}.yt-preview-channel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.yt-play-btn-flex15:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:.5;flex:1.5}.debug-memory-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:99999;-webkit-backdrop-filter:none;backdrop-filter:none;padding:max(env(safe-area-inset-top,20px), 20px) 12px calc(max(env(safe-area-inset-bottom,20px), 20px) + 22px) 12px;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:text;user-select:text;background:#000000e0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.debug-memory-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:#e8e8e8;white-space:pre;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;pointer-events:none;flex:auto;max-width:100%;margin:0 0 8px;padding:14px 16px;font-family:SF Mono,ui-monospace,Menlo,Consolas,Courier New,monospace;font-size:11px;line-height:1.45;overflow:auto}.onboarding-diagnostics-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){cursor:default}.onboarding-diagnostics-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){pointer-events:auto;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:pan-y;margin-bottom:10px}.onboarding-diagnostics-status:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:#b9c0ca;flex:none;min-height:18px;padding:0 8px 8px;font-family:SF Mono,ui-monospace,Menlo,Consolas,Courier New,monospace;font-size:10px;line-height:1.4}.onboarding-diagnostics-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:none;gap:8px;padding:0 8px;display:flex}.onboarding-diagnostics-action:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:var(--radius-pill);color:#f4f4f4;letter-spacing:.06em;touch-action:manipulation;background:#ffffff1a;border:1px solid #ffffff52;flex:1 1 0;min-width:0;min-height:42px;font:600 11px/1 SF Mono,ui-monospace,Menlo,Consolas,Courier New,monospace}.onboarding-diagnostics-action:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:.45}.debug-memory-graphs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){pointer-events:none;flex-direction:column;flex:none;gap:6px;padding:0 8px;display:flex}.debug-memory-graph-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-items:stretch;gap:8px;height:60px;display:flex}.debug-memory-graph-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:0 0 64px;align-self:center;width:64px;font-family:SF Mono,ui-monospace,Menlo,Consolas,Courier New,monospace;font-size:10px;font-weight:600;line-height:1.2}.debug-memory-graph:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:#ffffff0a;border-radius:4px;flex:auto;width:auto;height:100%;display:block}.debug-memory-hint:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){bottom:max(env(safe-area-inset-bottom,16px), 16px);color:#ffffff73;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--bg:#000;--surface-1:#0a0a0a;--surface-2:#1f1f1f;--surface-3:#4d4d4d;--ob-icon-circle-bg:var(--surface-2);--divider:#262626;--primary:#8ab4ff;--primary-rgb:138, 180, 255;--primary-filled:#0047a8;--success-filled:#006b3c;--danger-filled:#a4001d;--warning-filled:#6b4100;--youtube-filled:#a4001d;--text-main:#fff;--text-sub:#f2f2f2;--text-muted:#d0d0d0;--range-fill-idle:#ffffffe6;--range-fill-active:#fff;--play-fab-bg-idle:#fffffff5;--play-fab-bg-active:#fff;--play-fab-bg-disabled:#ffffff73;--control-active:rgba(var(--primary-rgb), .28);--control-danger:#b000203d;--control-danger-hover:#b0002057;--glass-bg:var(--surface-1);--glass-border:#262626;--scrollbar-thumb:#ffffffa6;--scrollbar-thumb-hover:#ffffffd9;--scrollbar-thumb-active:#fff}html[data-theme=light][data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--bg:#f2f2f2;--surface-1:#fff;--surface-2:#d4d4d4;--surface-3:#a8a8a8;--divider:#d4d6d8;--primary:#0047a8;--primary-rgb:0, 71, 168;--text-main:#000;--text-sub:#111;--text-muted:#333;--range-fill-idle:#000000e0;--range-fill-active:#000;--play-fab-bg-idle:#000000f0;--play-fab-bg-active:#000;--play-fab-bg-disabled:#0000006b;--glass-bg:var(--surface-1);--glass-border:#d4d6d8;--scrollbar-thumb:#000000a6;--scrollbar-thumb-hover:#000000d9;--scrollbar-thumb-active:#000}html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active,html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one{color:#000}html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active:before,html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:before{background:var(--primary)}html[data-theme=light][data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active,html[data-theme=light][data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one{color:#fff}html[data-theme=light][data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active:before,html[data-theme=light][data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:before{background:var(--primary-filled)}html[data-contrast=more]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:after{color:var(--primary-filled)}@media (prefers-contrast:more){html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--bg:#000;--surface-1:#0a0a0a;--surface-2:#1f1f1f;--surface-3:#4d4d4d;--ob-icon-circle-bg:var(--surface-2);--divider:#262626;--primary:#8ab4ff;--primary-rgb:138, 180, 255;--primary-filled:#0047a8;--success-filled:#006b3c;--danger-filled:#a4001d;--warning-filled:#6b4100;--youtube-filled:#a4001d;--text-main:#fff;--text-sub:#f2f2f2;--text-muted:#d0d0d0;--range-fill-idle:#ffffffe6;--range-fill-active:#fff;--play-fab-bg-idle:#fffffff5;--play-fab-bg-active:#fff;--play-fab-bg-disabled:#ffffff73;--control-active:rgba(var(--primary-rgb), .28);--control-danger:#b000203d;--control-danger-hover:#b0002057;--glass-bg:var(--surface-1);--glass-border:#262626;--scrollbar-thumb:#ffffffa6;--scrollbar-thumb-hover:#ffffffd9;--scrollbar-thumb-active:#fff}html[data-theme=light]:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--bg:#f2f2f2;--surface-1:#fff;--surface-2:#d4d4d4;--surface-3:#a8a8a8;--divider:#d4d6d8;--primary:#0047a8;--primary-rgb:0, 71, 168;--text-main:#000;--text-sub:#111;--text-muted:#333;--range-fill-idle:#000000e0;--range-fill-active:#000;--play-fab-bg-idle:#000000f0;--play-fab-bg-active:#000;--play-fab-bg-disabled:#0000006b;--glass-bg:var(--surface-1);--glass-border:#d4d6d8;--scrollbar-thumb:#000000a6;--scrollbar-thumb-hover:#000000d9;--scrollbar-thumb-active:#000}html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active,html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one{color:#000}html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active:before,html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:before{background:var(--primary)}html[data-theme=light]:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active,html[data-theme=light]:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one{color:#fff}html[data-theme=light]:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active:before,html[data-theme=light]:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:before{background:var(--primary-filled)}html:not([data-contrast=normal]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-action-btn.active-one:after{color:var(--primary-filled)}}@media (max-width:1279px) and (max-height:720px) and (orientation:portrait){.track-artist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}}@media (max-width:719px){html:not(.standalone):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header,html:not(.standalone):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{background:var(--surface-1);-webkit-backdrop-filter:none}html[data-theme=light]:not(.standalone):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header,html[data-theme=light]:not(.standalone):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{background:#fff}}@media (max-width:719px) and (orientation:portrait){#setup-code-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-host-invite-stage,#setup-join-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-guest-qr-stage{margin-top:auto}#setup-code-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-code-area-bottom,#setup-join-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-code-area-bottom{margin-bottom:auto}#setup-code-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-code-area-bottom{padding-bottom:calc(27.5px + min(272px,56vw,36vh)/12.5);padding-bottom:calc(27.5px + min(272px,56vw,36dvh)/12.5)}#setup-join-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.setup-code-area-bottom{padding-bottom:calc(45px + min(272px,56vw,36vh)/12.5);padding-bottom:calc(45px + min(272px,56vw,36dvh)/12.5)}#setup-welcome-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>#ob-slider-area{flex:none;margin-block-start:auto;margin-block-end:auto;padding-bottom:41px}}@media (min-width:720px) and (max-width:1279px),(min-width:1280px) and (max-height:719px){header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(200px + var(--safe-right));height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);padding:29px 16px 16px;background:var(--surface-1);z-index:2501;border-inline-start:none;border-inline-end:none;border-bottom:none;flex-direction:column;justify-content:flex-start;padding-inline-end:calc(16px + var(--safe-right));top:0;bottom:0;left:auto;right:0;overflow:hidden}.header-content-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;margin-bottom:0}#app-logo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:row;align-items:center}html[data-pro-room]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #app-logo{align-self:flex-start;margin-inline-start:13px}.header-right.header-default-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-inline-start:13px;flex-shrink:0;width:100%;margin-top:auto;padding-bottom:13px;transition:none}.header-loading-text:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){top:calc(10px + var(--safe-top));left:29px;right:calc(16px + var(--safe-right));white-space:nowrap;overflow-wrap:normal;width:auto;height:54px;line-height:18px;transform:translateY(-100%)}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--app-entrance-up-transform:translateY(-50%) translateX(30px);--app-entered-transform:translateY(-50%);top:calc((45px + var(--app-height,100dvh) - 54px) / 2);width:calc(200px + var(--safe-right));height:auto;padding:8px 12px 8px 20px;-webkit-backdrop-filter:none;z-index:2502;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:flex-start;padding-inline-end:calc(20px + var(--safe-right));transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s;position:fixed;bottom:auto;left:auto;right:0;transform:translateY(-50%)}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before{display:none}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button{background:0 0;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;display:flex;transform:none}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button.active{color:var(--primary);background:0 0}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button svg{width:18px;height:18px}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) button span{color:inherit;font-size:13px;font-weight:600;display:block}.tab-content.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - (200px + var(--safe-right)));height:var(--app-height,100dvh);z-index:90;background:var(--bg);box-sizing:border-box;-webkit-overflow-scrolling:touch;border-radius:0;padding:16px 24px 8px;padding-inline-start:calc(24px + var(--safe-left));display:block;position:fixed;top:0;left:0;overflow-y:auto}.tab-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:auto;padding-bottom:8px;overflow:visible}#tab-playlist.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column;display:flex;overflow:hidden}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.tab-body{--tab-fullscreen-height:auto;--tab-fullscreen-overflow-y:auto;flex:auto;height:auto;min-height:0;scroll-padding-bottom:0;overflow-y:auto}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .playlist-selection-bar{bottom:0}.playback-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--visualizer-content-block-size:max(160px, min(55vw, 40vh, 320px));margin:auto auto 0}.play-secondary-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.ob-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:8px}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-body{--tab-fullscreen-padding-bottom:44px;min-height:100%;padding-top:0;padding-bottom:44px}.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--chat-drawer-default-snap-height:var(--app-height,100dvh);width:calc(100% - (200px + var(--safe-right)));height:var(--chat-live-height,var(--chat-snap-height));max-height:calc(var(--app-height,100dvh) + 22px);z-index:3000;min-height:0;border-radius:0;padding-inline-start:var(--safe-left);bottom:0;left:0}.chat-drawer[data-chat-snap=half]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--chat-live-safe-top,0px);border-top-left-radius:20px;border-top-right-radius:20px}.chat-drawer[data-chat-snap=full]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--chat-live-safe-top,var(--safe-top));border-radius:0}.chat-drawer.open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(var(--chat-offset-y))}.chat-drawer-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:center;padding:16px 20px;display:flex}.chat-drawer-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer-close:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.cscroll-track{left:auto;right:calc(200px + var(--safe-right))}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-join-area>.cscroll-track{right:calc(200px + var(--safe-right) + 56px)}.language-list-frame:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.cscroll-track{right:-4px}.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .cscroll-track{right:0}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - (200px + var(--safe-right)));padding-inline-start:var(--safe-left);height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);background:var(--bg);padding-top:8px;left:0;overflow-y:hidden}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-header-text,#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-header-text{margin-top:0;margin-bottom:12px}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .onboarding-card{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;display:grid}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-header-text{grid-area:1/1}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-actions{background:0 0;border:none;grid-area:1/2;align-self:start;width:auto;margin:0;padding:0 28px 0 0}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-slot-list{grid-area:2/1/auto/-1;align-self:stretch;min-height:0;overflow-y:auto}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-close-media-popup{background:var(--surface-2);width:40px;min-width:0;height:40px;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;transition:background .15s,color .15s;display:flex;position:relative}@media (hover:hover){#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-close-media-popup:hover{background:var(--surface-3);color:var(--text-main)}}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-close-media-popup>span{display:none}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-close-media-popup>svg{fill:currentColor;stroke:currentColor;stroke-width:.5px;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px;display:block}@media (max-height:370px){html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #app-logo{display:none}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{top:calc((var(--app-height,100dvh) - 54px) / 2)}}@media (max-height:300px){html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #app-logo{display:flex}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #nav-guide{display:none}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{padding:0 8px;width:calc(200px + var(--safe-right));top:calc((45px + var(--app-height,100dvh) - 54px) / 2);flex-direction:row;justify-content:space-evenly;gap:0;padding-inline-end:calc(8px + var(--safe-right));left:auto;right:0}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav button{border-radius:12px;justify-content:center;width:40px;min-width:40px;height:40px;padding:0}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav button span{display:none}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav button svg{width:19px;height:19px;margin:0}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-right{justify-content:space-between;width:100%;padding-inline-start:13px;padding-inline-end:0}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-help-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-inline-start:0;margin-inline-end:13px;padding:0;transition:color .15s,background .15s;display:flex}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-help-btn:active{background:var(--surface-2)}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-help-btn svg{width:19px;height:19px;margin:0}}@media (max-height:180px){html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #app-logo{display:none}html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{top:calc((var(--app-height,100dvh) - 54px) / 2);top:calc((min(var(--app-height,100vh), 100dvh) - 54px) / 2)}}}@media (min-width:720px) and (max-width:1279px) and (orientation:portrait){html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{padding-top:calc(29px + var(--safe-top))}html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-content.active{padding-top:calc(16px + var(--safe-top))}html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer[data-chat-snap=full]{padding-top:var(--safe-top)}html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #media-source-overlay,html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #youtube-url-overlay{padding-top:calc(8px + var(--safe-top))}html.ios-standalone:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-overlay .desktop-step-header{padding-top:calc(var(--setup-head-py) + var(--safe-top))}}@media (min-width:720px){#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%;padding:0;left:0}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{grid-template-columns:1fr var(--setup-panel-w);background:0 0;border:none;border-radius:0;grid-template-rows:1fr;padding:0;display:grid;overflow:hidden}#setup-desktop-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--bg);text-align:left;color:var(--text-main);flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding-inline-start:var(--safe-left);display:flex;position:relative;overflow:hidden}#setup-desktop-brand:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .brand-content{display:none}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:var(--setup-head-py) var(--setup-head-px) 0;z-index:2;width:100%;display:block}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .logo-svg{height:var(--setup-logo-h);width:auto;margin:0}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-brand-greeting-stage{margin-top:0;margin-bottom:var(--setup-h2-mb)}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-brand-greeting-stage>.logo-welcome{transform:translateY(var(--setup-logo-mt))}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2{font-size:var(--setup-h2);font-weight:var(--font-weight-display);letter-spacing:-.03em;color:var(--text-main);margin-bottom:var(--setup-heading-margin,var(--setup-h2-mb));line-height:1.2}.desktop-step-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p{font-size:var(--setup-p);color:var(--text-sub);opacity:.75;line-height:var(--setup-p-lh)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%;padding:var(--setup-diagram-pad);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view .setup-header-text{display:none}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view{width:var(--setup-panel-w);min-width:var(--setup-panel-w);background:var(--setup-panel-bg);flex-direction:column;justify-content:center;height:100%;padding:0;display:flex;overflow-y:auto}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-welcome-area,#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-code-area,#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-join-area,#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-auto-join-area,#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #setup-role-area{flex-direction:column;flex:1;justify-content:center;align-items:stretch}.setup-mobile-view:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>div:not(.ob-actions):not(.setup-header-pill):not(.cscroll-track){padding-inline-start:var(--setup-px);padding-inline-end:var(--setup-px-end)}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view .ob-actions{background:var(--setup-panel-bg);padding:var(--setup-actions-top) var(--setup-px-end) var(--setup-actions-bottom) var(--setup-px);border-top:none;flex-shrink:0;margin-top:auto}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-graphic-container{justify-content:center;align-items:center;width:100%;max-width:none;height:auto;min-height:0;max-height:none;margin:0;display:flex}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-graphic-svg{max-width:var(--setup-svg-max);width:100%;height:auto}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-guide-unified{align-items:center;gap:var(--setup-guide-gap);width:100%;margin:0;margin-top:var(--setup-guide-mt);flex-direction:column;display:flex}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-host-invite-stage{width:100%;margin:0}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-guest-qr-stage{width:min(360px,40vw,48vh);width:min(360px,40vw,48dvh);margin:0}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-host-qr{width:min(360px,40vw,48vh);width:min(360px,40vw,48dvh)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-qr-scan-button,.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-qr-camera{width:84%}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-guide-unified .setup-graphic-svg{max-width:var(--setup-guide-svg-max);height:var(--setup-guide-svg-h)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-unified-item .setup-inner-desc{font-size:var(--setup-guide-desc)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #ob-slider-area{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-slider-viewport{width:var(--setup-slider-w)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-nav-row{margin-top:var(--setup-nav-mt)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-icon-circle{width:var(--setup-icon);height:var(--setup-icon);margin-bottom:var(--setup-ob-title)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-icon-circle svg{width:var(--setup-icon-svg);height:var(--setup-icon-svg)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-slide .ob-title{font-size:var(--setup-ob-title);margin-bottom:calc(var(--setup-ob-title) * .54)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-slide .ob-desc{font-size:var(--setup-ob-desc);line-height:1.5}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-nav-arrow{display:var(--setup-nav-arrow)}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-dot{width:8px;height:8px}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-dot.active{width:24px}body.demo-mobile.viz-spectrum:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .demo-visualizer-slot .vinyl-wrapper{align-self:center;height:clamp(170px,min(62%,48vh),440px);max-height:100%;margin:0}}html:not(.ios-standalone):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body,.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--app-height,100dvh)}.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{height:var(--app-height,100dvh);max-height:var(--app-height,100dvh)}.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view{max-height:var(--app-height,100dvh);overflow-y:auto}.ob-slider-block[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}header.loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-loading-text{opacity:1;transform:translateY(0)}.app-entrance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--entrance-delay,0s)}.app-entrance.app-entrance-down:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(-20px)}.app-entrance.app-entrance-up:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:var(--app-entrance-up-transform,translateY(20px))}.app-entrance.app-entrance-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translate(-30px)}.app-entrance.app-entrance-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translate(30px)}.app-entrance.app-entered:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:1;transform:var(--app-entered-transform,none)}body:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer{z-index:1000}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer{z-index:1000}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer{z-index:1000}body.demo-chrome-hiding:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;transition:opacity .28s,transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header,body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:1}body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{transform:translateY(20px)}@media (min-width:720px) and (max-width:1279px),(min-width:1280px) and (max-height:719px){body:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{pointer-events:none;opacity:0}body.overlay-open:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{pointer-events:none;opacity:0}header.loading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-right.header-default-content{opacity:1;transform:none}body.overlay-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:2502;transform:translateY(-50%)translate(30px)}body:has(#setup-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:2502;transform:translateY(-50%)translate(30px)}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:2502;transform:translateY(-50%)translate(30px)}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:0;pointer-events:none;z-index:2502;transform:translateY(-50%)translate(30px)}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{z-index:2501}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{z-index:2501}body:has(#media-source-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:1;pointer-events:auto;z-index:2502;transform:translateY(-50%)}body:has(#youtube-url-overlay.active):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{opacity:1;pointer-events:auto;z-index:2502;transform:translateY(-50%)}@media (max-height:300px){html:not(.keyboard-open):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body:has(#tab-guide.active) .header-help-btn{color:var(--primary)}}}body.has-fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bottom-nav{display:none}body.has-fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-content.active{z-index:99999;-webkit-overflow-scrolling:auto;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;top:0;left:0;transform:none}body.has-fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-body{width:100vw;height:var(--tab-fullscreen-height,100dvh);overflow:hidden;overflow-y:var(--tab-fullscreen-overflow-y,hidden);padding:0;padding-bottom:var(--tab-fullscreen-padding-bottom,0px);margin:0;position:static}.video-wrapper.fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100vw;height:100vh;z-index:100000;aspect-ratio:auto;background-color:#000;border-radius:0;justify-content:center;align-items:center;max-width:none;height:100dvh;margin:0;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.video-wrapper:-webkit-full-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:0}.video-wrapper:fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:0}.video-wrapper:-webkit-full-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:0}body.has-fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) header{display:none}[inert]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){pointer-events:none!important}html.setup-boot-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body{animation:setup-boot-body-fail-open 0s linear var(--setup-boot-failure-delay,15s) forwards!important}html.setup-boot-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body>.bootstrap-failure{animation:setup-boot-failure-reveal 0s linear var(--setup-boot-failure-delay,15s) forwards!important}html.setup-boot-failed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .bootstrap-failure{animation:none!important}@media (prefers-reduced-motion:reduce){.app-entrance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),html.is-booting:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .app-entrance,.bottom-nav.app-entrance.app-entrance-up:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transition:none!important}.chat-drawer.app-chat-entrance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){animation:none!important}}@media (forced-colors:active){:root{--bg:Canvas!important;--surface-1:Canvas!important;--surface-2:ButtonFace!important;--surface-3:ButtonFace!important;--divider:CanvasText!important;--primary:LinkText!important;--primary-filled:Highlight!important;--success-filled:Highlight!important;--danger-filled:Highlight!important;--warning-filled:Highlight!important;--warning-foreground:LinkText!important;--youtube-filled:Highlight!important;--text-main:CanvasText!important;--text-sub:CanvasText!important;--text-muted:CanvasText!important;--range-fill-idle:CanvasText!important;--range-fill-active:Highlight!important;--play-fab-bg-idle:ButtonFace!important;--play-fab-bg-active:Highlight!important;--play-fab-bg-disabled:ButtonFace!important;--glass-bg:Canvas!important;--glass-border:CanvasText!important;--scrollbar-thumb:CanvasText!important;--scrollbar-thumb-hover:Highlight!important;--scrollbar-thumb-active:Highlight!important}button:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=button]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=switch]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=tab]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-offset:-1px;border-color:buttontext;outline:1px solid buttontext}a:not(.does-not-exist):focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}button:not(.does-not-exist):focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}input:not(.does-not-exist):focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}textarea:not(.does-not-exist):focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}select:not(.does-not-exist):focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[contenteditable=true]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[contenteditable=plaintext-only]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[role=button]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[role=switch]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[role=tab]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[role=textbox]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}[role=combobox]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}.language-dialog .language-option.language-option-initial-keyboard-focus:focus{outline-offset:-3px!important}.language-dialog .language-option:focus-visible{outline-offset:-3px!important}.language-dialog .language-option.active.language-option-initial-keyboard-focus:focus{outline-color:highlighttext!important}.language-dialog .language-option.active:focus-visible{outline-color:highlighttext!important}.chat-pinned-notice:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.chat-pinned-notice-dismiss{outline-offset:-3px}.chat-pinned-notice>.chat-pinned-notice-dismiss:focus-visible{outline-offset:-5px!important}button[aria-pressed=true]:not(.does-not-exist),button[aria-selected=true]:not(.does-not-exist),button[aria-checked=true]:not(.does-not-exist),[role=button][aria-pressed=true],[role=button][aria-selected=true],[role=button][aria-checked=true],[role=switch][aria-pressed=true],[role=switch][aria-selected=true],[role=switch][aria-checked=true],[role=tab][aria-pressed=true],[role=tab][aria-selected=true],[role=tab][aria-checked=true],.track-item.active,.sub-track-item.active,.yt-search-result.selected,.chat-cmd-item.active,.language-option.active{color:canvastext!important;background:highlight!important;border-color:highlight!important}button[aria-pressed=true]:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),button[aria-selected=true]:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),button[aria-checked=true]:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=button][aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=button][aria-selected=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=button][aria-checked=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=switch][aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=switch][aria-selected=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=switch][aria-checked=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=tab][aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=tab][aria-selected=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=tab][aria-checked=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.track-item.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.sub-track-item.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.yt-search-result.selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-cmd-item.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.language-option.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:highlight}button[aria-pressed=true]:not(.does-not-exist) svg,button[aria-selected=true]:not(.does-not-exist) svg,button[aria-checked=true]:not(.does-not-exist) svg,[role=button][aria-pressed=true] svg,[role=button][aria-selected=true] svg,[role=button][aria-checked=true] svg,[role=switch][aria-pressed=true] svg,[role=switch][aria-selected=true] svg,[role=switch][aria-checked=true] svg,[role=tab][aria-pressed=true] svg,[role=tab][aria-selected=true] svg,[role=tab][aria-checked=true] svg,.track-item.active svg,.sub-track-item.active svg,.yt-search-result.selected svg,.chat-cmd-item.active svg,.language-option.active svg{color:highlighttext!important}.nav-item[aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.nav-item[aria-selected=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.nav-item[aria-checked=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.ch-opt[aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.ch-opt[aria-selected=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg,.ch-opt[aria-checked=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg{fill:currentColor}.demo-step-nav .demo-step-next:not(.is-final){color:canvastext!important;background:highlight!important;border-color:highlight!important}.demo-step-nav .demo-step-next:not(.is-final) svg{color:highlighttext!important}.dialog-choice-radio:checked+.dialog-choice-surface{background:highlight!important;border-color:highlight!important}.dialog-choice-radio:checked+.dialog-choice-surface .dialog-choice-check{color:highlighttext!important}.dialog-choice-radio:focus-visible+.dialog-choice-surface{outline-offset:-3px!important;outline:3px solid highlight!important}.dialog-choice-radio:checked:focus-visible+.dialog-choice-surface{outline-color:highlighttext!important}.btn-playlist-select[aria-pressed=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .playlist-select-mark{stroke:currentColor}.playlist-entry.is-removal-selected:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before{opacity:.35;background:highlight}button:not(.does-not-exist):disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}button:not(.does-not-exist):disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}[role=button]:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}[role=button]:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}[role=switch]:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}[role=switch]:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}[role=tab]:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}[role=tab]:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}input:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}input:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}textarea:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}textarea:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}select:disabled{color:graytext!important;opacity:1!important;border-color:graytext!important}select:disabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}button[aria-disabled=true]:not(.does-not-exist),[role=button][aria-disabled=true],[role=switch][aria-disabled=true],[role=tab][aria-disabled=true]{color:graytext!important;opacity:1!important;border-color:graytext!important}button[aria-disabled=true]:not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=button][aria-disabled=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=switch][aria-disabled=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=tab][aria-disabled=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-color:graytext}a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:linktext;text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:max(1px,.08em)}a:visited:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:visitedtext}input:not([type=range]):not([type=hidden]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),textarea:not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),select:not(.does-not-exist):not(.does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[contenteditable=true]:not(.does-not-exist):not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[contenteditable=plaintext-only]:not(.does-not-exist):not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=textbox]:not(.does-not-exist):not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[role=combobox]:not(.does-not-exist):not(does-not-exist):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){outline-offset:-1px;color:canvastext;caret-color:canvastext;background:canvas;border-color:canvastext;outline:1px solid canvastext}:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,[contenteditable].dialog-input:empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before,.chat-input:empty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before{color:graytext;opacity:1}input[type=range]::-webkit-slider-runnable-track{background:canvas!important;border:1px solid canvastext!important;height:6px!important}input[type=range]::-moz-range-track{background:canvas!important;border:1px solid canvastext!important;height:6px!important}input[type=range]::-webkit-slider-thumb{opacity:1!important;background:highlight!important;border:2px solid highlighttext!important;width:16px!important;height:16px!important;margin-top:-6px!important}input[type=range]::-moz-range-thumb{opacity:1!important;background:highlight!important;border:2px solid highlighttext!important;width:16px!important;height:16px!important}input[type=range]:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}.room-password-toggle,.administrator-permission-toggle{background:buttonface!important;border:1px solid buttontext!important}.room-password-toggle[aria-pressed=true],.administrator-permission-row[aria-checked=true] .administrator-permission-toggle{background:highlight!important;border-color:highlighttext!important}.room-password-toggle[aria-pressed=true] .room-password-toggle-knob,.administrator-permission-row[aria-checked=true] .administrator-permission-toggle-knob{background:highlighttext!important}.host-ctrl-locked,body.mode-youtube .youtube-settings-disabled-wrap,body.mode-system-audio #tab-playlist .playlist-list{filter:none!important;opacity:1!important}body.mode-system-audio #btn-prev,body.mode-system-audio #btn-next,body.mode-system-audio #play-btn,body.mode-system-audio #seek-slider{color:graytext!important;opacity:1!important}.qr-svg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){forced-color-adjust:none;background:#000}.qr-svg path{stroke:#fff!important;fill:#fff!important}.help-question-icon-cutout:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){fill:highlight}}@media (min-width:1280px) and (min-height:720px){body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--desktop-ui-scale:1;--desktop-layout-ratio:1;--desktop-viewport-width:calc(100vw * var(--desktop-layout-ratio));--desktop-viewport-height:calc(var(--app-height,100dvh) * var(--desktop-layout-ratio))}@media (min-width:2560px) and (min-height:1280px){body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--desktop-ui-scale:1.2;--desktop-layout-ratio:.833333}}@media (min-width:3840px) and (min-height:1900px){body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--desktop-ui-scale:1.5;--desktop-layout-ratio:.666667}}body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:scale(var(--desktop-ui-scale));transform-origin:0 0;grid-template-columns:minmax(0,3fr) minmax(420px,1fr) minmax(420px,1fr);grid-template-rows:var(--header-height) 1fr 1fr;background:var(--bg);width:var(--desktop-viewport-width);height:var(--desktop-viewport-height);max-height:var(--desktop-viewport-height);grid-template-areas:"header header header""tab-play tab-playlist tab-settings""tab-play tab-chat tab-settings";gap:0;padding:0;display:grid;overflow:hidden}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body{transform-origin:100% 0}header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){box-sizing:border-box;width:100%;box-shadow:none;background:var(--surface-1);border-bottom:none;grid-area:header;margin-bottom:0;padding-inline-start:24px;padding-inline-end:24px;position:relative}.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.bottom-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before,#btn-chat-close:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#chat-preview-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-guide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-connect:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:1;visibility:visible;pointer-events:auto;flex-direction:column;width:100%;height:100%;padding-top:0;display:flex;position:relative;top:0;left:0;transform:none}body.mode-youtube:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #tab-play:not(.active){opacity:1;visibility:visible;pointer-events:auto;z-index:auto;border:0;border-inline-end:1px solid var(--divider);box-shadow:none;background:0 0;border-radius:0;position:relative;left:0;overflow:hidden;transform:none}.tab-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer-messages:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:1;padding-bottom:16px;scroll-padding-bottom:0;overflow-y:auto}#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.tab-body{overflow-x:hidden}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-body{box-sizing:border-box;padding-inline-start:20px;padding-inline-end:20px;width:calc(100% + 40px);padding-top:0;padding-bottom:0}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .playlist-selection-bar{bottom:0}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tab-body:before{content:"";flex:0 0 0;margin-top:auto}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .track-box,#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-secondary-area{margin-top:auto;margin-bottom:0}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .controls-area{margin-top:0;margin-bottom:auto}.tab-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:10;background:0 0;border-bottom:none;flex:none;margin-bottom:0;padding:32px 32px 16px;position:relative}.chat-drawer-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-inline-start:36px}.tab-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.track-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:24px;font-weight:var(--font-weight-display);letter-spacing:-.02em;color:var(--text-main);line-height:1.5}#tab-play:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--playback-rail-width:min(100%, max(360px, calc((var(--desktop-viewport-height) - 400px) * 16 / 9)));border-inline-end:1px solid var(--divider);flex-direction:column;grid-area:tab-play;justify-content:flex-start;align-items:center;gap:16px;min-width:0;max-width:100%;min-height:0;padding:0 44px;overflow:hidden auto}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-inline-end:1px solid var(--divider);border-bottom:1px solid var(--divider);padding:0 4px}.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-inline-end:1px solid var(--divider);box-shadow:none;visibility:visible;background:0 0;border-radius:0;height:100%;max-height:100%;padding:0;position:relative;overflow:hidden}#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:0 4px}.play-header-desktop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(160px * 2 + var(--play-action-gap));gap:var(--play-action-gap);margin-inline-start:auto;margin-inline-end:auto;flex-shrink:0;justify-content:center;max-width:100%;margin-top:auto;padding-bottom:0;position:relative;bottom:auto;left:auto;right:auto}.playback-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--visualizer-content-block-size:max(160px, min(calc(22vw * var(--desktop-layout-ratio)), calc(30vh * var(--desktop-layout-ratio))));width:var(--playback-rail-width);flex-shrink:0;max-width:none;margin:auto auto 0}.playback-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>.vinyl-wrapper{width:auto;max-width:100%;height:min(100%, var(--visualizer-content-block-size));aspect-ratio:1;flex:none;min-height:0;margin:0}body.viz-spectrum:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .playback-stage>.vinyl-wrapper{width:100%;max-width:none;height:min(100%, var(--visualizer-content-block-size));aspect-ratio:auto;padding:0}@media (min-width:2560px) and (min-height:1280px){.playback-stage:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--visualizer-content-block-size:max(160px, min(calc(28vw * var(--desktop-layout-ratio)), calc(42vh * var(--desktop-layout-ratio))))}}.video-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%;max-width:none;height:100%;box-shadow:none;border-radius:16px;margin:0}.track-box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.controls-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.play-secondary-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(var(--playback-rail-width) - 8px);box-sizing:border-box;margin-top:0;flex-grow:0;max-width:none;margin-inline-start:auto;margin-inline-end:auto;padding:20px 0 0}.track-box:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.play-secondary-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:auto}.controls-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:12px}.play-secondary-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:32px}.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){grid-area:tab-chat}.chat-drawer.app-chat-entrance:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){animation:.8s cubic-bezier(.22,1,.36,1) .2s both chatEntranceUp}.chat-backdrop:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.chat-drawer-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){cursor:default}.chat-drawer-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before,.chat-drawer.has-messages:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer-header{display:none}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){grid-area:tab-playlist}#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){grid-area:tab-settings}#tab-guide:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-connect:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.settings-subtab-nav:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom:1px solid var(--divider);gap:4px;margin:0 20px;padding:16px 20px 0;display:flex}.subtab-pill:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-sub);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 0;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.subtab-pill:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-main)}.subtab-pill.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--primary);border-bottom-color:var(--primary)}.settings-subtab-panel:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:0 8px;display:none}.settings-subtab-panel.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:block}.settings-device-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}#desktop-connect-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .qr-container,#desktop-connect-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .administrator-list,#desktop-connect-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .device-list,#desktop-connect-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .room-password-code-row{margin-inline-start:20px;margin-inline-end:20px}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--setup-panel-w:480px;--setup-px:44px;--setup-px-end:44px;--setup-head-py:clamp(48px, 7vh, 80px);--setup-head-px:clamp(48px, 5vw, 80px);--setup-logo-h:clamp(22px, calc(-34px + 4.375vw), 29px);--setup-logo-mt:clamp(3px, calc(-18px + 1.625vw), 5px);--setup-logo-mb:12px;--setup-h2:clamp(24px, calc(-40px + 5vw), 32px);--setup-h2-mb:8px;--setup-p:clamp(16px, 1.25vw, 18px);--setup-p-lh:1.5;--setup-diagram-pad:clamp(16px, 3vh, 40px) clamp(40px, 6vw, 100px);--setup-svg-max:clamp(480px, 60vw, 780px);--setup-guide-gap:clamp(40px, 6vh, 72px);--setup-guide-svg-max:clamp(420px, 55vw, 680px);--setup-guide-svg-h:clamp(100px, 16vh, 200px);--setup-guide-desc:clamp(14px, 1.3vw, 18px);--setup-guide-mt:0px;--setup-icon:clamp(72px, 8vw, 100px);--setup-icon-svg:clamp(32px, 3.5vw, 44px);--setup-slider-w:clamp(320px, 60%, 560px);--setup-ob-title:clamp(22px, 2.2vw, 28px);--setup-ob-desc:clamp(13px, 1.1vw, 15px);--setup-nav-mt:calc(var(--setup-ob-title) * 1.5 - 16px);--setup-nav-arrow:flex;--setup-actions-top:16px;--setup-actions-bottom:40px;z-index:5000;background:var(--bg);-webkit-backdrop-filter:none;position:fixed;top:0;bottom:0;left:0;right:0}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{width:var(--desktop-viewport-width);max-width:none;height:var(--desktop-viewport-height);max-height:var(--desktop-viewport-height);box-shadow:none;outline:none;position:fixed;top:0;bottom:0;left:0;right:0;transform:none}#setup-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view{box-shadow:none}.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #ob-slider-area{transform-origin:50%;transform:scale(1)}@media (min-height:750px){.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #ob-slider-area{transform:scale(1.1)}}@media (min-height:900px){.desktop-diagram-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #ob-slider-area{transform:scale(1.2)}}.ob-nav-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:22px;height:22px}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:5000;background:var(--bg);-webkit-backdrop-filter:none;border-inline-end:1px solid var(--divider);box-sizing:border-box;border-radius:0;grid-area:tab-play;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:0;display:none;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden scroll}#media-source-overlay.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#youtube-url-overlay.active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column;display:flex}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.chat-drawer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transition:opacity .2s}body.overlay-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #tab-playlist,body.overlay-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-drawer,body.overlay-open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #tab-settings{opacity:.4}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen,#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{width:100%;height:auto;min-height:100%;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:relative;top:0;left:0;transform:none}#setup-role-area:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-graphic-container{width:100%;margin-inline-start:0;margin-inline-end:0}.setup-card.full-screen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>*{flex-shrink:0}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen>.setup-slot-list{flex-shrink:1;min-height:0;overflow-y:auto}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen>div:not(.ob-actions):not(.cscroll-track),#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen>div:not(.ob-actions):not(.cscroll-track){padding-inline-start:40px;padding-inline-end:40px}#media-source-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen .ob-actions,#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen .ob-actions{padding-inline-start:40px;padding-inline-end:40px;background:0 0;padding-bottom:40px}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{height:100%;max-height:100%;overflow:hidden}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen .setup-join-area{flex:1;min-height:0;overflow-y:auto}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen .ob-actions{flex-shrink:0;margin-top:auto}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #youtube-preview{max-height:calc(var(--desktop-viewport-height) - 420px);overflow-y:auto}#youtube-url-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #youtube-preview-thumb{max-height:calc(40vh * var(--desktop-layout-ratio));object-fit:cover;width:100%}.desktop-help-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:28px;display:block}button[data-tab=guide]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none}.section-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){box-shadow:none;border:none;border-bottom:1px solid var(--divider);background:0 0;border-radius:0;margin:0 12px}.section-group:last-of-type:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#last-setting-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom:none}#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .channel-grid{padding:12px 20px}.section-header-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom:none;padding:44px 20px 16px}.accent-action-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.leave-session-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - 40px);margin-inline-start:20px;margin-inline-end:20px}.help-actions:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .accent-action-btn{width:100%;margin-inline-start:0;margin-inline-end:0}body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;width:100%;max-width:100%;display:grid}body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions .accent-action-btn,body.mode-demo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .demo-finish-content .demo-large-actions .leave-session-btn{flex:none;width:100%;margin-inline-start:0;margin-inline-end:0}#youtube-settings-disabled-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .section-group:first-of-type .section-header-row{padding-top:44px}.section-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-main);text-transform:none;letter-spacing:normal;font-size:17px;font-weight:700}.settings-option-description:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin:-8px 20px 16px}.settings-option-description.settings-role-description:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:24px}.slider-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:6px 20px}.slider-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--text-sub);margin-bottom:8px;font-weight:500}.slider-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)>span{color:var(--text-sub)}.slider-header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .val-disp{color:var(--primary);font-weight:700}.help-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){box-shadow:none;background:0 0;border:none;margin:0 16px 16px;padding:16px}.help-block.legal-block:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-top:1px solid var(--divider);margin-top:16px;padding-top:28px}.playlist-ul:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin:0 16px}.tab-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}.chat-scroll-wrapper:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex:1;min-height:0;position:relative}.cscroll-track:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:absolute}.chat-drawer-messages:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:12px;height:100%;padding-inline-start:16px;padding-inline-end:16px;overflow:hidden auto}.chat-group.system:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .chat-row{width:calc(100% + 32px);margin:0 -16px}.track-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom:none}.chat-drawer-input:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:0 0}}@media (min-width:1280px) and (min-height:720px) and (max-height:899px){body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){grid-template-rows:var(--header-height) minmax(0, calc(50% - var(--header-height))) minmax(0, 1fr);grid-template-areas:"header tab-playlist tab-settings""tab-play tab-playlist tab-settings""tab-play tab-chat tab-settings"}header:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-inline-end:1px solid var(--divider)}#tab-playlist:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),#tab-settings:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--safe-top)}}@media (min-width:1280px) and (min-height:720px){.dialog.account-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.dialog.administrator-permissions-dialog:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(var(--desktop-viewport-height) - 48px)}.demo-mobile-shell:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:var(--desktop-viewport-height);min-height:var(--desktop-viewport-height)}body.has-fake-fullscreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--desktop-ui-scale:1;--desktop-layout-ratio:1}.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--desktop-viewport-height)}.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-card.full-screen{height:var(--desktop-viewport-height);max-height:var(--desktop-viewport-height)}.onboarding-overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .setup-mobile-view{max-height:var(--desktop-viewport-height)}}:root[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--safe-left:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-left,0px);--font-sans:var(--font-sans-arabic)}:root:lang(he)[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--font-sans:var(--font-sans-hebrew)}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) body{direction:rtl}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .header-progress-bg{transform-origin:100%}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(h1,h2,h3,h4,p,button,label,span,input,textarea){letter-spacing:normal}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(input,textarea,select,button){font-family:inherit}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.invite-code-value,.room-password-code,#setup-code,#setup-join-code,#time-curr,#time-dur,.chat-time,.chat-timestamp,.chat-join-order,.chat-pinned-notice-time,.val-disp,.eq-val,.eq-label,#manual-sync-value,.sync-nudge-row,.d-order,.device-sub-index,.chat-cmd-usage,.chat-cmd-ghost,.dialog-input-split,.dialog-input-segment,.dialog-input-separator,.debug-console,code,pre,kbd,samp){direction:ltr;unicode-bidi:isolate}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #youtube-url-input{text-align:start;unicode-bidi:plaintext}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .track-artist{text-align:right;unicode-bidi:plaintext}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #chat-messages{direction:ltr;unicode-bidi:isolate}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where([data-role-diagram],.setup-graphic-svg,.setup-graphic-container,.demo-role-diagram,#grid-standard,#setup-role-grid,.demo-role-segmented,.time-info,.eq-container){direction:ltr;unicode-bidi:isolate}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .ob-nav-arrow svg,html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .demo-step-next svg,html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-setup-back svg{transform:scaleX(-1)}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.play-btn-group){direction:ltr;unicode-bidi:isolate}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .volume-icon-button .volume-icon{transform:scaleX(-1)}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .volume-icon-button .volume-muted-slash{transform-origin:17px 12px;transform:scaleX(-1)}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .language-option-label{text-align:right}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #seek-slider{direction:ltr}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #volume-slider,html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #demo-volume-slider,html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #settings-subtab-panel-audio input[type=range]:not(.eq-slider){--range-track-direction:to left}html[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) :where(.chat-text,.chat-sender,.chat-preview-text,.chat-pinned-notice-label,.chat-pinned-notice-text){text-align:start}body.mode-system-audio:not(#\#):not(#\#):not(#\#) #btn-prev,body.mode-system-audio:not(#\#):not(#\#):not(#\#) #btn-next,body.mode-system-audio:not(#\#):not(#\#):not(#\#) #play-btn,body.mode-system-audio:not(#\#):not(#\#):not(#\#) #seek-slider{opacity:.3!important;pointer-events:none!important}body.mode-system-audio:not(#\#):not(#\#):not(#\#) #play-btn.is-loading{opacity:1!important}body.mode-system-audio:not(#\#):not(#\#):not(#\#) #tab-playlist .playlist-list{filter:blur(7px)saturate(.95);opacity:.5;pointer-events:none;transform:translateZ(0)}html[data-theme=light]:not(#\#):not(#\#):not(#\#) body.mode-system-audio #tab-playlist .playlist-list{filter:blur(6px)saturate(.95);opacity:.6}.system-audio-playlist-note:not(#\#):not(#\#):not(#\#){z-index:10;color:var(--text-sub);text-align:center;pointer-events:none;justify-content:center;align-items:center;height:0;padding:0 32px;font-size:14px;font-weight:600;display:none;position:sticky;top:50%;overflow:visible;transform:translateY(-50%)}body.mode-system-audio:not(#\#):not(#\#):not(#\#) .system-audio-playlist-note{display:flex}#btn-system-audio:disabled:not(#\#):not(#\#):not(#\#){cursor:wait;opacity:.72;transform:none}#btn-system-audio[aria-busy=true]:not(#\#):not(#\#):not(#\#) .btn-icon-bg>svg{visibility:hidden}#btn-system-audio[aria-busy=true]:not(#\#):not(#\#):not(#\#) .btn-icon-bg{position:relative}.system-audio-loading-spinner:not(#\#):not(#\#):not(#\#){--material-elastic-size:16px;--material-elastic-stroke:4.75;display:none}#btn-system-audio[aria-busy=true]:not(#\#):not(#\#):not(#\#) .system-audio-loading-spinner{display:block;position:absolute}.play-actions-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--play-action-gap:12px;--play-action-padding-x:14px;--play-action-icon-size:20px;--play-action-label-color:var(--text-sub);isolation:isolate;gap:var(--play-action-gap);grid-template-columns:minmax(0,1fr);display:grid;position:relative}[data-theme=light]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-actions-row{--play-action-label-color:#444}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source{width:calc((100% - var(--play-action-gap)) / 2);min-width:0;height:auto;min-height:56px;color:var(--play-action-label-color);background:var(--play-action-surface);border-radius:var(--radius-pill);grid-area:1/1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync{z-index:1;justify-self:start}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source{z-index:2;justify-self:end}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync>span,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>span{width:var(--play-action-slot-width,100%);min-width:0;padding:10px var(--play-action-padding-x);pointer-events:none;grid-area:1/1;justify-content:flex-start;align-items:center;gap:8px;display:flex}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-action-label{text-align:start;color:inherit;flex:1}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync svg,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source svg{width:var(--play-action-icon-size);height:var(--play-action-icon-size);fill:currentColor;flex:none}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync:active,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source:active,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync:hover,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source:hover{background:var(--surface-3);box-shadow:none;transform:none}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync[aria-disabled=true]:active,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source[aria-disabled=true]:active,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync[aria-disabled=true]:hover,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source[aria-disabled=true]:hover{background:var(--play-action-surface)}@media (hover:none),(pointer:coarse){.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync:hover:not(:active),.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source:hover:not(:active){background:var(--play-action-surface)}}@media (min-width:1280px) and (min-height:720px){.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--play-action-padding-x:16px;--play-action-icon-size:22px}}.play-actions-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--play-action-stop-foreground:#ff3b30;--play-action-stop-surface:#251514;--play-action-stop-hover:#2e1716;--play-action-shape-duration:.3s;--play-action-fade-duration:.18s;--play-action-label-delay:75ms;--play-action-geometry:cubic-bezier(.4, 0, .2, 1);--play-action-fade:cubic-bezier(.2, .8, .2, 1);--play-action-motion-direction:1}[data-theme=light]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-actions-row{--play-action-stop-surface:#f9eaea;--play-action-stop-hover:#f9e2e2}@supports (color:color-mix(in srgb, red, white)){.play-actions-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),[data-theme=light]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-actions-row{--play-action-stop-surface:color-mix(in srgb, var(--play-action-stop-foreground) 8%, var(--bg));--play-action-stop-hover:color-mix(in srgb, var(--play-action-stop-foreground) 12%, var(--bg))}}[dir=rtl]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-actions-row{--play-action-motion-direction:-1}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source{transition:width var(--play-action-shape-duration) var(--play-action-geometry), opacity var(--play-action-fade-duration) var(--play-action-fade), background-color var(--play-action-shape-duration) var(--play-action-geometry)}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync>span,.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>span{transition:opacity var(--play-action-fade-duration) var(--play-action-fade), transform var(--play-action-shape-duration) var(--play-action-geometry)}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>.play-action-media-content{color:var(--play-action-label-color);opacity:1;transition-delay:var(--play-action-label-delay);transform:translate(0)}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>.play-action-stop-content{width:calc(var(--play-action-slot-width,100%) * 2 + var(--play-action-gap));justify-content:center;justify-self:center;gap:calc(8px + var(--play-action-icon-size) / 4);color:var(--play-action-stop-foreground);opacity:0;transform:translateX(calc(16px * var(--play-action-motion-direction)));display:flex}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>.play-action-stop-content>svg{width:calc(var(--play-action-icon-size) / 2);height:calc(var(--play-action-icon-size) / 2)}.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-action-stop-content>.play-action-label{text-align:center;flex:0 auto}@media (prefers-reduced-motion:reduce){.play-actions-row:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--play-action-shape-duration:0s;--play-action-fade-duration:0s;--play-action-label-delay:0s}}.play-action-buttons:not([data-motion-ready])[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync{display:none}.play-action-buttons:not([data-motion-ready]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync,.play-action-buttons:not([data-motion-ready]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source,.play-action-buttons:not([data-motion-ready]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync>span,.play-action-buttons:not([data-motion-ready]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source>span{transition:none}.play-action-buttons[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync{opacity:0;pointer-events:none;width:0}.play-action-buttons[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-action-sync-content{opacity:0;transform:translateX(calc(-14px * var(--play-action-motion-direction)))}.play-action-buttons[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source{background:var(--play-action-stop-surface);width:100%}.play-action-buttons[data-sharing=true]:not([data-hover-locked]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source:hover{background:var(--play-action-stop-hover)}.play-action-buttons[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-action-media-content{opacity:0;transform:translateX(calc(-12px * var(--play-action-motion-direction)));transition-delay:0s}.play-action-buttons[data-sharing=true]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .play-action-stop-content{width:calc(var(--play-action-slot-width,0px) * 2 + var(--play-action-gap));opacity:1;min-width:100%;transition-delay:var(--play-action-label-delay);transform:translate(0)}@media (hover:none),(pointer:coarse){.play-action-buttons[data-sharing=true]:not([data-hover-locked]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source:hover:not(:active){background:var(--play-action-stop-surface)}}.play-action-buttons[data-hover-locked]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-sync{background:var(--play-action-surface)}.play-action-buttons[data-hover-locked]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) #btn-media-source{background:var(--motion-media-bg)}@media (forced-colors:active){.play-action-buttons:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){--play-action-label-color:ButtonText;--play-action-stop-foreground:ButtonText;--play-action-stop-surface:ButtonFace;--play-action-stop-hover:ButtonFace}}