@font-face{font-family:Onest;src:url(/assets/onest-DsznomQu.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-D-uShtq0.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--soft:#121214;--panel:#0e0e10;--line:#232327;--line-strong:#35353c;--text:#f4f4f5;--muted:#a3a3ad;--faint:#8b8b96;--hover:#19191c;--accent:#7a5cff;--accent-soft:#7a5cff24;--danger:#ff8f7d;--danger-soft:#ff78641a;--danger-line:#ff786452;--warn:#f2b25c;--warn-soft:#f2b25c1a;--warn-line:#f2b25c4d;--overlay:#000000a8;--shadow:0 24px 64px #0000008c;--shadow-soft:0 10px 30px #0006;--font:"Onest", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--ease:cubic-bezier(.3, .7, .3, 1)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--soft:#f6f6f7;--panel:#fff;--line:#e7e7ea;--line-strong:#d4d4d9;--text:#0c0c0e;--muted:#5d5d68;--faint:#70707b;--hover:#f1f1f3;--accent:#7a5cff;--accent-soft:#7a5cff1a;--danger:#c2372c;--danger-soft:#fdf0ee;--danger-line:#f1c6c1;--warn:#8f5600;--warn-soft:#fff6e6;--warn-line:#f0d9ae;--overlay:#0c0c0e75;--shadow:0 24px 64px #0c0c0e29;--shadow-soft:0 10px 30px #0c0c0e14}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}html.overlayDocument,body.overlayBody,body.overlayBody #root{background:0 0!important}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}h1{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.2}h2{letter-spacing:-.005em;font-size:16px;font-weight:600;line-height:1.35}h3{font-size:14px;font-weight:600;line-height:1.4}a{color:inherit}small{font-size:12px}strong{font-weight:600}svg{flex:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--text);outline-offset:2px}::selection{color:#fff;background:var(--accent)}code,.commandExample{font-family:var(--mono);border:1px solid var(--line);background:var(--soft);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-size:.9em}.commandExample{border-radius:10px;padding:10px 12px;font-size:12.5px;display:block}.trackIndex,.trackTime,.countBadge{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .12s;display:inline-flex}.primary{color:var(--bg);background:var(--text)}.primary:hover:not(:disabled){opacity:.86}.secondary{color:var(--text);border-color:var(--line);background:0 0}.secondary:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.975)}.miniButton{border-radius:8px;gap:6px;min-height:32px;padding:0 12px;font-size:13px}.subtleButton{color:var(--muted);border-color:#0000}.subtleButton:hover:not(:disabled){color:var(--text);border-color:#0000}.secondary.dangerAction{color:var(--danger)}.secondary.danger{color:var(--muted)}.secondary.danger:hover:not(:disabled){color:var(--danger)}.secondary.dangerAction:hover:not(:disabled),.secondary.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger-line)}.full{width:100%}.iconButton{width:32px;height:32px;color:var(--faint);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .12s;display:inline-grid}.iconButton:hover:not(:disabled){color:var(--text);background:var(--hover)}.iconButton.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.iconButton:active:not(:disabled){transform:scale(.92)}.secondary.iconButton{border:1px solid var(--line);width:32px;min-height:32px;color:var(--muted);padding:0}.linkButton{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:color .16s}.languageToggle,.themeToggle{border:1px solid var(--line);min-width:36px;height:36px;color:var(--muted);background:0 0;border-radius:10px;flex:none;place-items:center;padding:0 9px;font-size:13px;font-weight:500;transition:background-color .16s,color .16s,transform .12s;display:inline-grid}.languageToggle:hover,.themeToggle:hover{color:var(--text);background:var(--hover)}.languageToggle:active,.themeToggle:active{transform:scale(.95)}input:not([type=checkbox]):not([type=range]),select,textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:var(--bg);border-radius:10px;padding:0 12px;transition:border-color .16s}textarea{resize:vertical;min-height:92px;padding:10px 12px;line-height:1.5}select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2380808b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input:not([type=checkbox]):not([type=range]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--line-strong)}input:not([type=checkbox]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--text);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=number]{font-family:var(--mono);font-size:13px}label{color:var(--muted);gap:6px;font-size:13px;display:grid}.numberField>div{position:relative}.numberField>div input:not([type=checkbox]){padding-right:88px}.numberField>div strong{color:var(--faint);pointer-events:none;font-size:13px;font-weight:400;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.searchField svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchField input:not([type=checkbox]){padding-left:38px}.toggle{min-height:24px;color:var(--muted);cursor:pointer;align-items:center;gap:10px;font-size:13px;line-height:1.3;display:inline-flex;position:relative}.toggle>input{z-index:1;opacity:0;cursor:pointer;width:38px;height:22px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toggle>input:disabled{cursor:not-allowed}.toggle>input+span{background:var(--line-strong);border-radius:999px;flex:none;width:38px;height:22px;transition:background-color .2s,opacity .2s;position:relative}.toggle>input+span:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease), width .16s ease;background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle>input:checked+span{background:var(--accent)}.toggle>input:checked+span:after{transform:translate(16px)}.toggle>input:active:not(:disabled)+span:after{width:19px}.toggle>input:checked:active:not(:disabled)+span:after{transform:translate(13px)}.toggle>input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}.toggle>input:disabled+span{opacity:.45}.settingRow .toggle,.srMasterToggle,.welcomeBlockHead .toggle{flex-direction:row-reverse}.settingRow .toggle>input,.srMasterToggle>input,.welcomeBlockHead .toggle>input{left:auto;right:0}.srMasterToggle strong{font-weight:400}.settingRow .toggle{width:100%;color:var(--text);justify-content:space-between;font-size:14px;font-weight:500}.kicker{color:var(--faint);align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.hint,.emptyText{color:var(--muted);font-size:13px;line-height:1.5}.warningText,.issueLine{color:var(--warn)}.warningBox,.welcomeWarning{border:1px solid var(--warn-line);color:var(--text);background:var(--warn-soft);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.statusBadge{border:1px solid var(--line);min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.statusBadge:before,.statusFact strong:before,.workspaceStatus i{content:"";background:var(--line-strong);border-radius:999px;flex:none;width:6px;height:6px}.statusBadge.ready:before,.statusFact.ready strong:before,.workspaceStatus.ready i{background:var(--accent)}.statusBadge.waiting:before,.statusFact.waiting strong:before{background:var(--warn)}.statusPulse{background:var(--accent);border-radius:999px;flex:none;width:7px;height:7px;position:relative}.statusPulse:after{content:"";border:1px solid var(--accent);opacity:0;border-radius:999px;animation:2.4s ease-out infinite resonaPulse;position:absolute;inset:-4px}.statusPulse.idle{background:var(--line-strong)}.statusPulse.idle:after{display:none}@keyframes resonaPulse{0%{opacity:.7;transform:scale(.4)}70%,to{opacity:0;transform:scale(1.25)}}.countBadge{border:1px solid var(--line);min-width:26px;height:26px;color:var(--muted);border-radius:999px;flex:none;place-items:center;padding:0 8px;font-size:12px;display:inline-grid}.vipBadge{border:1px solid var(--line);letter-spacing:.06em;border-radius:999px;align-items:center;gap:7px;min-height:26px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.inlineMessage{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:11px 14px;font-size:13px}.inlineMessage.error{border-color:var(--danger-line);color:var(--danger);background:var(--danger-soft)}.notice{z-index:100;border:1px solid var(--line-strong);width:min(420px,100vw - 32px);color:var(--text);background:var(--panel);box-shadow:var(--shadow-soft);animation:resonaNotice .22s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 16px;font-size:13.5px;line-height:1.4;display:flex;position:fixed;top:16px;right:16px}.notice.error{border-color:var(--danger-line)}@keyframes resonaNotice{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.emptyState{color:var(--muted);text-align:center;justify-items:center;gap:6px;padding:40px 20px;font-size:13px;display:grid}.emptyState strong{color:var(--text);font-size:14px;font-weight:500}.emptyState svg{color:var(--faint);margin-bottom:6px}.compactEmpty{padding:28px 16px}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sectionHeader>div:not(.toggle):not(.rowActions){gap:2px;min-width:0;display:grid}.sectionHeader p{color:var(--muted);font-size:13px}.sectionHeader>svg{color:var(--faint)}.formActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rowActions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.shareLine{border:1px solid var(--line);width:100%;min-height:40px;color:var(--muted);background:var(--bg);text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;transition:background-color .16s,border-color .16s,transform .12s;display:grid}.shareLine:hover{background:var(--hover);border-color:var(--line-strong)}.shareLine:active{transform:scale(.995)}.shareText{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.settingsPane,.queueSection,.playerFrame,.embeddedGuide,.authPanel,.stat,.dockQueue,.publicQueueNow,.publicQueueList{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--panel);border-radius:16px}.settingsPane{align-content:start;gap:16px;padding:24px;display:grid}.settingsPane>p{color:var(--muted)}.pageIntro{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pageIntro>div{gap:6px;min-width:0;display:grid}.pageIntro p{max-width:680px;color:var(--muted);text-wrap:pretty}.pageIntro>svg{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:10px;padding:10px}.pageHint{border:1px solid var(--line);background:var(--soft);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 18px;display:grid}.pageHint>svg{color:var(--muted);margin-top:1px}.pageHint>div{gap:4px;display:grid}.pageHint strong{font-weight:500}.pageHint p{color:var(--muted);text-wrap:pretty;font-size:13px}.pageHint>button{align-self:center}.announcementBanner{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:24px;padding:10px 10px 10px 16px;display:grid}.confirmOverlay,.welcomeOverlay{background:var(--overlay);place-items:center;padding:24px;animation:.18s resonaFade;display:grid;position:fixed;inset:0}.confirmOverlay{z-index:200}.welcomeOverlay{z-index:90}.confirmDialog{width:min(440px,100%);box-shadow:var(--shadow);animation:resonaRise .22s var(--ease)}.confirmDialog .formActions{justify-content:flex-end}@keyframes resonaFade{0%{opacity:0}to{opacity:1}}@keyframes resonaRise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (width<=640px){.settingsPane{padding:18px}.pageHint{grid-template-columns:auto minmax(0,1fr)}.pageHint>button{grid-column:2;justify-self:start}}.volumeControl{color:var(--muted);cursor:default;flex:none;align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.volumeControl input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;width:132px;height:22px;margin:0;padding:0}.volumeControl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,50%), var(--line-strong) var(--fill,50%));border-radius:2px;height:4px}.volumeControl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);width:14px;height:14px;box-shadow:0 0 0 3px var(--panel);border:0;border-radius:999px;margin-top:-5px;transition:transform .12s}.volumeControl input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.volumeControl input[type=range]:active::-webkit-slider-thumb{transform:scale(.96)}.volumeControl input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.volumeControl input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.volumeControl input[type=range]::-moz-range-thumb{background:var(--text);width:14px;height:14px;box-shadow:0 0 0 3px var(--panel);border:0;border-radius:999px}.volumeControl input[type=range]:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:6px}.volumeControl output{min-width:36px;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.app{min-height:100vh;color:var(--text);background:var(--bg)}.brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:17px;font-weight:600;display:inline-flex}.brandMark{width:28px;height:28px;color:var(--bg);background:var(--text);border-radius:8px;flex:none;place-items:center;display:inline-grid}.brandMark svg{fill:currentColor;width:18px;height:18px}.publicTopbar{z-index:20;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:16px;min-height:64px;padding:0 max(32px,50vw - 568px);display:flex;position:sticky;top:0}.publicHeaderActions{align-items:center;gap:8px;margin-left:auto;display:flex}.headerCta{min-height:36px;font-size:14px}.appContent>.dashboard{max-width:1200px;margin:0 auto;padding:40px 32px 72px}.workspaceApp{grid-template-rows:64px minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid}.workspaceSidebar{border-right:1px solid var(--line);background:var(--bg);width:248px;height:100vh;transition:width .24s var(--ease);flex-direction:column;grid-row:1/span 2;align-self:start;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebarHead{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:64px;display:flex}.mobileNavToggle{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;padding:0;display:none}.workspaceSidebar .segmented,.sidebarUtility{flex-direction:column;gap:2px;padding:16px 16px 0;display:flex}.sidebarUtility{padding-top:20px}.workspaceSidebar .segmented button,.sidebarUtility button{min-height:38px;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 10px;transition:background-color .16s,color .16s,transform .12s;display:flex}.workspaceSidebar .segmented button:hover,.sidebarUtility button:hover{color:var(--text);background:var(--hover)}.workspaceSidebar .segmented button:active,.sidebarUtility button:active{transform:scale(.98)}.workspaceSidebar .segmented button.active,.sidebarUtility button.active{color:var(--text);background:var(--hover);font-weight:500}.sidebarProfile{border:0;border-top:1px solid var(--line);min-height:64px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:12px;padding:12px 20px;transition:background-color .16s;display:flex}.sidebarProfile:hover{background:var(--hover)}.sidebarProfile>span:last-child{min-width:0;line-height:1.3;display:grid}.sidebarProfile strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebarProfile small{color:var(--muted)}.profileInitial{border:1px solid var(--line);background:var(--soft);border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:inline-grid}.workspaceBar{z-index:15;border-bottom:1px solid var(--line);background:var(--bg);grid-column:2;align-items:center;gap:12px;min-width:0;height:64px;padding:0 32px 0 18px;display:flex;position:sticky;top:0}.sidebarToggle{width:36px;height:36px;color:var(--muted)}.workspaceBarTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;line-height:20px;overflow:hidden}.workspacePreferences{align-items:center;gap:8px;margin-left:auto;display:flex}.workspaceStatus{border:1px solid var(--line);min-height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.workspaceStatus i{width:7px;height:7px}.workspaceStatus.waiting i{background:var(--warn)}.workspaceContent{grid-column:2;min-width:0;padding:32px 32px 72px}.workspaceContent>.dashboard,.workspaceContent>.authPage{max-width:1240px}.dashboard{flex-direction:column;gap:24px;display:flex}@media (width>=901px){.workspaceSidebar.collapsed{width:68px}.workspaceSidebar.collapsed .sidebarHead{justify-content:center}.workspaceSidebar.collapsed .brand>span:last-child,.workspaceSidebar.collapsed .segmented button>span,.workspaceSidebar.collapsed .sidebarUtility button>span,.workspaceSidebar.collapsed .sidebarProfile>span:last-child{display:none}.workspaceSidebar.collapsed .segmented,.workspaceSidebar.collapsed .sidebarUtility{padding-left:12px;padding-right:12px}.workspaceSidebar.collapsed .segmented button,.workspaceSidebar.collapsed .sidebarUtility button,.workspaceSidebar.collapsed .sidebarProfile{justify-content:center;padding-left:0;padding-right:0}}@media (width<=900px){.workspaceApp{display:block}.workspaceSidebar{z-index:20;border-right:0;border-bottom:1px solid var(--line);width:auto;height:auto;max-height:100vh;transition:none;position:sticky}.sidebarHead{border-bottom:0;height:56px}.mobileNavToggle{display:inline-grid}.workspaceSidebar .segmented,.sidebarUtility,.sidebarProfile{display:none}.workspaceSidebar.navOpen .sidebarHead{border-bottom:1px solid var(--line)}.workspaceSidebar.navOpen .segmented,.workspaceSidebar.navOpen .sidebarUtility,.workspaceSidebar.navOpen .sidebarProfile{display:flex}.workspaceSidebar.navOpen .sidebarProfile{margin-top:16px}.workspaceBar{height:52px;padding:0 16px;position:static}.sidebarToggle{display:none}.workspaceBarTitle{border-left:0;padding-left:0}.workspaceContent{padding:20px 16px 56px}.publicTopbar{min-height:56px;padding:0 16px}.appContent>.dashboard{padding:24px 16px 56px}}@media (width<=520px){.workspaceStatus>span{display:none}.workspaceStatus{padding:0 12px}.publicTopbar .headerCta{padding:0 12px;font-size:13px}}@media (width<=420px){.publicTopbar .brand>span:last-child{display:none}}.landing{flex-direction:column;min-height:calc(100vh - 65px);font-size:15px;display:flex}.landing>section,.landingFooter{width:100%;max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.hero{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:center;gap:56px 64px;padding-top:88px;padding-bottom:88px;display:grid}.heroContent{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.eyebrow{border:1px solid var(--line);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:inline-flex}.hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(40px,4.9vw,68px);line-height:1.04}.heroContent>p{max-width:520px;color:var(--muted);text-wrap:pretty;font-size:18px;line-height:1.55}.heroActions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.heroCta{border-radius:12px;min-height:48px;padding:0 22px;font-size:15px}.landingMeta{color:var(--muted);flex-wrap:wrap;gap:8px 20px;padding-top:16px;font-size:13px;display:flex}.landingMeta li{align-items:center;gap:8px;display:flex}.landingMeta li:before{content:"";background:var(--line-strong);border-radius:999px;width:4px;height:4px}.landingPreview,.vipShowcasePreview{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.previewHeader{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:18px 22px;display:flex}.previewHeader>div{gap:2px;margin-right:auto;display:grid}.previewHeader span,.previewNowPlaying small,.previewQueue>span{color:var(--muted);font-size:12px}.previewHeader strong,.previewNowPlaying strong{font-size:16px}.previewHeader i{background:var(--line-strong);border-radius:999px;width:8px;height:8px}.previewNowPlaying{align-items:center;gap:16px;padding:22px;display:flex}.previewNowPlaying>div{flex:1;gap:2px;min-width:0;display:grid}.previewNowPlaying>div>span{color:var(--muted);font-size:13px}.previewCover,.featureIcon{border:1px solid var(--line);flex:none;place-items:center;display:inline-grid}.previewCover{width:56px;height:56px;color:var(--muted);background:var(--soft);border-radius:12px}.previewControl{width:40px;height:40px;color:var(--bg);background:var(--text);border-radius:999px;flex:none;place-items:center;display:inline-grid}.previewEqualizer{border:1px solid var(--line);background:var(--soft);border-radius:12px;align-items:center;gap:4px;height:72px;margin:0 22px;padding:12px 14px;display:flex}.previewEqualizer span{background:var(--line-strong);border-radius:2px;flex:1;min-width:2px}.previewEqualizer span.played{background:var(--accent)}.previewQueue{padding:14px 8px 10px;display:grid}.previewQueue>span{padding:4px 14px 8px}.previewQueue>div,.vipShowcaseTrack{border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;transition:background-color .16s;display:grid}.previewQueue>div:hover,.vipShowcaseTrack:hover{background:var(--soft)}.previewQueue strong,.vipShowcaseTrack strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.previewQueue small,.vipShowcaseTrack>span{color:var(--faint);font-family:var(--mono);font-size:12px}.landingFeatures{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));display:grid}.landing>section.landingFeatures{border:1px solid var(--line);border-radius:18px;gap:1px;max-width:1136px;padding:0;overflow:hidden}.feature{box-shadow:0 0 0 1px var(--line);flex-direction:column;gap:12px;padding:32px;display:flex}.featureIcon{border-radius:10px;width:40px;height:40px;margin-bottom:8px}.feature h2{letter-spacing:-.01em;font-size:18px}.feature p{color:var(--muted);text-wrap:pretty}.landingFlow{flex-direction:column;gap:40px;padding-top:96px;display:flex}.landingFlow>div{gap:12px;max-width:640px;display:grid}.landingFlow .kicker{color:var(--muted);font-size:13px}.landingFlow h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(26px,2.6vw,34px);line-height:1.15}.flowSteps{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;display:grid}.flowSteps li{border:1px solid var(--line);border-radius:14px;align-items:center;gap:16px;padding:20px 22px;display:flex}.flowSteps li>span{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--mono);border-radius:999px;flex:none;place-items:center;font-size:13px;display:inline-grid}.flowSteps strong{font-weight:500}.landingVipShowcase{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:center;gap:48px 64px;padding-top:104px;padding-bottom:104px;display:grid}.vipShowcaseCopy{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.vipShowcaseCopy h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(28px,3vw,40px);line-height:1.12}.vipShowcaseCopy p{max-width:500px;color:var(--muted);text-wrap:pretty;font-size:16px}.vipShowcaseCopy>strong{border:1px solid var(--line);background:var(--soft);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.vipShowcaseCopy>strong i{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px}.vipShowcaseHead{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.vipShowcaseHead strong{font-size:16px}.vipShowcaseHead span{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:12px}.vipShowcasePreview .vipShowcaseTrack{margin:0 8px;padding:12px 14px}.vipShowcasePreview .vipShowcaseTrack:first-of-type{margin-top:8px}.vipShowcaseTrack small{color:var(--muted);font-size:13px}.vipShowcaseMode{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;margin-top:8px;padding:14px 22px;font-size:13px;display:flex}.landing>.landingFooter{border-top:1px solid var(--line);max-width:none;color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 32px;margin-top:auto;padding:28px max(32px,50vw - 568px);font-size:13px;display:flex}.landingFooter .brand{font-size:15px}.landingFooter .brandMark{border-radius:6px;width:22px;height:22px}.landingFooter .brandMark svg{width:14px;height:14px}.landingFooter nav{gap:24px;margin-left:auto;display:flex}.landingFooter .linkButton{text-decoration:none}@media (width<=900px){.landing>section,.landingFooter{padding-left:16px;padding-right:16px}.landing>section.landingFeatures{width:auto;margin-left:16px;margin-right:16px}.hero{padding-top:48px;padding-bottom:56px}.heroContent>p{font-size:16px}.landingFlow{padding-top:64px}.landingVipShowcase{padding-top:64px;padding-bottom:64px}.landing>.landingFooter{padding:24px 16px}.feature{padding:24px}}.queueSection>.sectionHeader{border-bottom:1px solid var(--line);align-items:center;padding:18px 24px}.queueList{padding:8px;display:grid}.dashboardQueue .queueList{container-type:inline-size}.trackListHead,.trackRow{grid-template-columns:28px minmax(0,1fr) minmax(0,150px) 44px 204px;align-items:center;gap:12px;padding:8px 16px;display:grid}.trackListHead{color:var(--faint);font-size:12px}.trackListHead span:nth-child(4){text-align:right}.trackRow{border-radius:10px;min-height:56px;transition:background-color .16s}.trackRow:hover{background:var(--soft)}.trackIndex{color:var(--faint);font-size:12px}.trackMain{align-items:center;gap:10px;min-width:0;display:flex}.trackMain>div{min-width:0;line-height:1.35;display:grid}.statusDot{display:none}.trackMain h3{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.trackMain p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.trackMeta{min-width:0;line-height:1.35;display:grid}.trackMeta>span,.trackMeta>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trackMeta>small{color:var(--faint)}.trackTime{color:var(--muted);text-align:right;white-space:nowrap;font-size:12.5px}@container (width<=700px){.trackListHead{display:none}.dashboardQueue .trackRow{grid-template-columns:28px minmax(0,1fr) auto;align-items:start;row-gap:6px;padding:12px 10px}.dashboardQueue .trackRow .trackIndex{padding-top:3px}.dashboardQueue .trackRow .trackTime{grid-area:1/3;padding-top:2px}.dashboardQueue .trackRow .trackMeta{color:var(--muted);grid-area:2/2/auto/-1;align-items:baseline;gap:8px;font-size:13px;display:flex}.dashboardQueue .trackRow .rowActions{grid-area:3/2/auto/-1;justify-content:flex-start;gap:4px;margin-left:-8px}}.compactQueue .trackRow{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;min-height:0;padding:10px 16px}.compactQueue .trackMain{grid-column:1}.compactQueue .trackMeta{color:var(--faint);grid-area:2/1;align-items:baseline;gap:8px;font-size:12px;display:flex}.compactQueue .rowActions{grid-area:1/2/span 2}.compactQueue .trackTime,.compactQueue .trackIndex{display:none}.blacklistAddRow{flex-wrap:wrap;gap:8px;display:flex}.blacklistAddRow input:not([type=checkbox]){flex:240px;width:auto}.blacklistColumns{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px 32px;display:grid}.blacklistColumns h3{border-bottom:1px solid var(--line);color:var(--faint);padding:0 12px 8px;font-size:12px;font-weight:500}.blacklistItem{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:4px 6px 4px 12px;transition:background-color .16s;display:flex}.blacklistItem:hover{background:var(--soft)}.blacklistItem span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playerModeTabs{border:1px solid var(--line);background:var(--soft);border-radius:12px;flex-wrap:wrap;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:inline-flex}.playerModeTabs button,.choiceCard{transition:background-color .16s,border-color .16s,color .16s,transform .12s}.playerModeTabs button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.playerModeTabs button:hover{color:var(--text)}.playerModeTabs button:active{transform:scale(.97)}.playerModeTabs button.active{border-color:var(--line);color:var(--text);background:var(--bg);font-weight:500}.playerWorkspace{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.playerFrame{flex:3 560px;overflow:hidden}.playerFrame>.sectionHeader .volumeControl{margin-right:10px}.playerFrame>.sectionHeader{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;padding:12px 16px 12px 24px}.playerSide{flex:320px;gap:24px;min-width:0;display:grid}.playerSide .settingsPane h2{overflow-wrap:anywhere}.playerSide .queueList{margin:0 -16px -8px;padding:0}.browserPlayerSurface{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.playerIdle{color:#f4f4f5;text-align:center;place-content:center;justify-items:center;gap:8px;height:100%;display:grid}.playerIdle svg,.playerIdle span{color:#8b8b96}.embeddedGuide{gap:24px;padding:24px;display:grid}.embeddedGuide>p{max-width:720px;color:var(--muted);text-wrap:pretty}.guideStep{grid-template-columns:32px minmax(0,1fr);gap:16px;display:grid}.guideStep>strong{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:13px;font-weight:400;display:inline-grid}.guideStep>div{gap:6px;min-width:0;display:grid}.guideStep h2,.guideStep h3{font-size:15px;font-weight:600}.guideStep p{color:var(--muted);text-wrap:pretty;font-size:13px}.guideStep .shareLine{max-width:720px;margin-top:6px}.settingsLayout,.workspaceContent>.profilePage{gap:24px;max-width:920px;display:grid}.streamerStatusGrid,.adminCheckGrid,.diagnosticsGrid{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:1px;display:grid;overflow:hidden}.statusFact,.diagnosticsGrid>div{min-width:0;box-shadow:0 0 0 1px var(--line);align-content:start;gap:4px;padding:14px 16px;display:grid}.statusFact>span,.diagnosticsGrid>div>span{color:var(--faint);font-size:12px}.statusFact strong,.diagnosticsGrid strong{overflow-wrap:anywhere;font-weight:500}.statusFact strong{align-items:baseline;gap:8px;display:flex}.statusFact strong:before{transform:translateY(-2px)}.statusFact.technical>span code{background:0 0;border:0;padding:0}.streamerPrimaryActions{justify-content:flex-end}.rewardTitleTop{color:var(--muted)}.rulesFieldGrid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:16px;display:grid}.settingRow{border-top:1px solid var(--line);align-items:center;padding-top:16px;display:flex}.settingRow+.hint{max-width:620px;margin-top:-10px}.srCardHeader{align-items:center}.srSettings{border-top:1px solid var(--line);padding-top:16px}.roleAccessGroup{gap:10px;display:grid}.roleAccessGroup>span{color:var(--muted);font-size:13px}.roleGrid{flex-wrap:wrap;gap:8px;display:flex}.roleOption{border:1px solid var(--line);min-height:38px;color:var(--text);border-radius:10px;padding:0 14px 0 10px;transition:border-color .16s,background-color .16s}.roleOption:hover{border-color:var(--line-strong);background:var(--soft)}.roleOption>input{left:10px}.settingsSaveBar{z-index:5;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 12px 12px 20px;display:flex;position:sticky;bottom:16px}.settingsSaveBar>span{color:var(--muted);font-size:13px}.profileHero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px}.profileHero>div:last-child{gap:4px;display:grid}.profileHero h1{overflow-wrap:anywhere}.profileHero p{color:var(--muted)}.profileAvatar{border:1px solid var(--line);background:var(--soft);border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.profileAvatar .brandMark{border-radius:10px;width:36px;height:36px}.profileAvatar .brandMark svg{width:22px;height:22px}.vipProfileCard{grid-template-columns:minmax(0,1fr) auto;align-items:center}.vipProfileCard>div:first-child{gap:2px;display:grid}.vipProfileCard>div:first-child strong{font-size:16px}.vipProfileCard>.subtleButton{border-color:var(--line);color:var(--text)}.vipProfileCard small{color:var(--muted);font-size:13px}.vipRenewContacts{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:16px;display:flex}.vipRenewContacts a,.vipRenewContacts button{border:1px solid var(--line);min-height:36px;color:var(--text);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.vipRenewContacts a:hover,.vipRenewContacts button:hover{background:var(--hover);border-color:var(--line-strong)}.profileStats,.adminSummary{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.stat{align-items:center;gap:14px;padding:18px 20px;display:flex}.stat>svg{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:10px;padding:10px}.stat>div{min-width:0;line-height:1.3;display:grid}.stat strong{font-family:var(--mono);font-size:20px;font-weight:500}.stat span{color:var(--muted);font-size:13px}.profileGrid{gap:24px;display:grid}.profileFacts,.technicalFacts{grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:10px 24px;font-size:14px;display:grid}.profileFacts>span,.technicalFacts>span{color:var(--muted)}.profileFacts>strong,.technicalFacts>strong{overflow-wrap:anywhere;font-weight:500}.profileSessionActions{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));padding-top:16px;display:grid}.supportContacts{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;display:grid}.supportContact{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;text-decoration:none;transition:background-color .16s,border-color .16s,transform .12s}.supportContact:hover{border-color:var(--line-strong);background:var(--soft)}.supportContact:active{transform:scale(.99)}.supportContact>span{color:var(--faint);grid-column:1;font-size:12px}.supportContact>strong{grid-column:1;font-size:16px;font-weight:500}.supportContact>svg{color:var(--faint);grid-area:1/2/span 2}.authPage{place-items:center;min-height:calc(100vh - 65px);padding:32px 16px;display:grid;position:relative}.workspaceContent>.authPage{min-height:60vh}.authPanel{gap:14px;width:min(420px,100%);padding:32px;display:grid}.authPanel h1{font-size:24px}.authPanel>p{color:var(--muted)}.authPanel>.primary{margin-top:6px}.authCardActions{gap:8px;margin-top:6px;display:flex}.authCardActions .primary{flex:1}.controlTools{gap:8px;display:flex;position:absolute;top:16px;right:16px}.vipLockedArea{border:1px solid var(--line);background:var(--soft);border-radius:16px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.vipBlurPreview{opacity:.45;filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);gap:20px;display:grid;position:absolute;inset:20px}.vipBlurPreview>aside,.vipPreviewTracks{align-content:start;gap:4px;display:grid}.vipBlurPreview>aside span,.vipPreviewTracks span{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;display:flex}.vipPreviewTracks span svg:last-child{margin-left:auto}.vipGate{z-index:1;border:1px solid var(--line);background:var(--panel);width:min(520px,100% - 32px);box-shadow:var(--shadow-soft);text-align:center;border-radius:16px;justify-items:center;gap:12px;padding:32px;display:grid;position:relative}.vipGate h2{font-size:20px}.vipGate p,.vipGate small{color:var(--muted)}.vipGateIcon{border:1px solid var(--line);width:48px;height:48px;color:var(--muted);background:var(--soft);border-radius:12px;place-items:center;display:inline-grid}.vipContactActions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}@media (width<=768px){.vipBlurPreview{grid-template-columns:1fr}.playerFrame .volumeControl input[type=range]{flex:1;width:auto;min-width:0}.queueSection>.sectionHeader{padding:16px 18px}.playerModeTabs{align-self:stretch;display:flex}.playerModeTabs button{flex:auto;justify-content:center}.authPanel,.embeddedGuide{padding:20px}.settingsSaveBar{bottom:8px}}.controlShell{min-height:100vh;color:var(--text);background:var(--bg)}.controlHeader{z-index:15;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:64px;padding:10px 32px;display:flex;position:sticky;top:0}.controlHeader>strong{border-left:1px solid var(--line);color:var(--muted);padding-left:14px;font-weight:500;line-height:20px}.controlActions{align-items:center;gap:8px;margin-left:auto;display:flex}.adminPage{max-width:1304px;margin:0 auto;padding:32px 32px 72px}.adminLayout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.adminLayout>.pageIntro,.adminLayout>.adminWide,.adminLayout>.inlineMessage,.adminLayout>.warningBox,.adminLayout>.backButton,.adminLayout>.emptyState{grid-column:1/-1}.adminLayout>.backButton{justify-self:start}.backButton svg{transform:rotate(180deg)}.adminUserHead>div:first-child{justify-items:start}.adminUserHead .backButton{margin-bottom:10px}.adminUserHead .rowActions{flex:none;gap:8px}.statButton{color:inherit;text-align:left;background:0 0;border:0;border-radius:16px;padding:0;transition:transform .12s}.statButton:active{transform:scale(.985)}.statButton .stat{transition:border-color .16s,background-color .16s}.statButton:hover .stat{border-color:var(--line-strong);background:var(--soft)}.statButton.active .stat{border-color:var(--text)}.adminUserFilters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adminUserFilters .searchField{flex:240px}.adminUserFilters select{flex:0 220px;width:auto}.auditFilters{justify-content:space-between}.auditFilters small{color:var(--muted);font-size:13px}.adminUserList{display:grid;overflow-x:auto}.adminUserListHead,.adminUserList>button{grid-template-columns:32px minmax(200px,1.6fr) 150px 110px 150px 16px;align-items:center;gap:14px;min-width:760px;padding:8px 12px;display:grid}.adminUserListHead{color:var(--faint);font-size:12px}.adminUserList>button{min-height:60px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;transition:background-color .16s}.adminUserList>button:hover{background:var(--soft)}.adminUserList>button>span:nth-child(2){min-width:0;line-height:1.35;display:grid}.adminUserList>button strong{font-weight:500}.adminUserList>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminUserList>button small.issueLine{color:var(--warn)}.adminUserList>button .statusBadge{justify-self:start}.adminUserList>button>svg{color:var(--faint)}.issueBox ul{margin-top:6px;padding-left:18px;list-style:outside}.vipDurationGrid,.adminActionGrid{flex-wrap:wrap;gap:8px;display:flex}.customDurationRow{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.customDurationRow>span{color:var(--muted);font-size:13px}.accessHistory{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.accessHistory>div,.adminBackupList>div,.adminAuditList>div,.adminProblemList>div{border-top:1px solid var(--line);padding:10px 0}.accessHistory>div{justify-content:space-between;gap:16px;font-size:13px;display:flex}.accessHistory small,.adminBackupList small,.adminAuditList small,.adminProblemList small{color:var(--muted);white-space:nowrap}.adminModerationCard>.primary,.adminModerationCard>.secondary,.adminUserIdentity>.primary{justify-self:start}.adminBackupList>div>span,.adminAuditList>div>span:first-child{min-width:0;line-height:1.35;display:grid}.adminBackupList strong,.adminAuditList strong{font-weight:500}.adminAuditList>div>span small{text-overflow:ellipsis;white-space:normal;overflow:hidden}.adminDataStats,.adminMetaLine{color:var(--muted);flex-wrap:wrap;gap:8px 24px;font-size:13px;display:flex}.adminDataStats strong,.adminMetaLine strong{color:var(--text);font-weight:500}.dangerZone{border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:12px;gap:10px;padding:18px;display:grid}.dangerZone p{color:var(--muted);font-size:13px}.dangerZone>strong:not(:first-child){margin-top:10px}.dangerZone>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.dangerZone>div:last-child input:not([type=checkbox]){flex:220px;width:auto}.diagnosticsPanel{gap:14px;display:grid}.diagnosticsGrid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}.databasePath{gap:6px;display:grid}.databasePath span{color:var(--faint);font-size:12px}.adminProblemList,.adminBackupList,.adminAuditList{display:grid}.adminProblemList>div{grid-template-columns:130px auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.adminProblemList code{white-space:pre-wrap}.announcementFields{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.adminAnnouncementCard .formActions,.adminAuditCard>.formActions{justify-content:flex-end}.totpSetup{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.totpSetup>div{flex:260px;gap:10px;min-width:0;display:grid}.totpSetup p{color:var(--muted);font-size:13px}.qrCode{border:1px solid var(--line);border-radius:12px;display:block}.totpSecret{letter-spacing:.08em}.adminSubsection{border-top:1px solid var(--line);margin-top:8px;padding-top:20px}.adminBackupCard>.sectionHeader{align-items:center}.adminBackupList>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.adminAuditList>div{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 130px 150px;align-items:start;gap:14px;display:grid}.adminAuditList .linkButton{text-overflow:ellipsis;justify-self:start;max-width:100%;overflow:hidden}.botStatusGrid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}@media (width<=900px){.adminLayout{grid-template-columns:minmax(0,1fr)}.controlHeader{padding:10px 16px}.adminPage{padding:20px 16px 56px}.adminAuditList>div,.adminProblemList>div{grid-template-columns:minmax(0,1fr) auto}.adminProblemList code{grid-column:1/-1}}.settingsPane.welcomeDialog{width:min(960px,70vw);min-height:0;max-height:min(780px,86vh);box-shadow:var(--shadow);animation:resonaRise .26s var(--ease);grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;padding:0;display:grid;overflow:hidden}.welcomeHeader{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;display:flex}.welcomeHeader>div{gap:4px;display:grid}.welcomeHeader h2{letter-spacing:-.015em;font-size:22px}.welcomeProgress{border-bottom:1px solid var(--line);gap:6px;padding:0 28px 20px;display:flex}.welcomeProgress span{background:var(--line);border-radius:2px;flex:1;height:3px;transition:background-color .3s}.welcomeProgress span.passed{background:var(--accent)}.welcomeBody{align-content:start;gap:16px;padding:24px 28px;display:grid;overflow-y:auto}.welcomeLead{text-wrap:pretty;max-width:640px;font-size:15px}.welcomeList{gap:10px;display:grid}.welcomeList li{align-items:center;gap:14px;display:flex}.welcomeList li svg{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:10px;padding:9px}.welcomeBlock{border:1px solid var(--line);border-radius:14px;gap:12px;padding:18px 20px;display:grid}.welcomeBlock h3{font-size:15px}.welcomeBlock p{color:var(--muted);text-wrap:pretty;font-size:13px}.welcomeBlockHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.welcomeBlockHead>div{gap:4px;min-width:0;display:grid}.welcomeBlockHead .toggle{white-space:nowrap;flex:none}.welcomeNote{background:var(--soft);border-radius:10px;padding:10px 12px}.welcomeBlock>.miniButton,.welcomeBlock .shareLine,.welcomeBody .guideStep .shareLine{justify-self:start}.welcomeRewardRow{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.welcomeRewardRow .numberField{flex:0 220px}.welcomeRewardRow .hint{flex-basis:100%}.welcomeLabel{color:var(--muted);font-size:13px}.choiceGrid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;display:grid}.choiceCard{border:1px solid var(--line);min-height:48px;color:var(--text);text-align:left;background:0 0;border-radius:12px;align-content:start;gap:4px;padding:14px 16px;display:grid}.choiceCard:hover{border-color:var(--line-strong);background:var(--soft)}.choiceCard:active{transform:scale(.985)}.choiceCard.active{border-color:var(--text);background:var(--soft)}.choiceCard strong{font-weight:500}.choiceCard span{color:var(--muted);font-size:13px}.choiceCard small{color:var(--faint)}.welcomeSummary{border:1px solid var(--line);border-radius:14px;display:grid;overflow:hidden}.welcomeSummary li{justify-content:space-between;gap:16px;padding:14px 18px;display:flex}.welcomeSummary li+li{border-top:1px solid var(--line)}.welcomeSummary span{color:var(--muted)}.welcomeSummary strong{text-align:right;font-weight:500}.welcomeFooter{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:16px 28px;display:flex}@media (width<=900px){.welcomeOverlay{padding:10px}.settingsPane.welcomeDialog{width:100%;max-height:94vh}.welcomeHeader,.welcomeBody,.welcomeFooter,.welcomeProgress{padding-left:16px;padding-right:16px}.welcomeFooter .formActions{margin-left:auto}}.publicQueueRoot{align-content:start;gap:24px;max-width:880px;min-height:100vh;margin:0 auto;padding:24px 16px 72px;display:grid}.publicQueuePreferences{justify-content:flex-end;gap:8px;display:flex}.publicQueueHero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.publicQueueHero>div:first-child{gap:8px;min-width:0;display:grid}.publicQueueHero h1{letter-spacing:-.03em;font-size:clamp(30px,5vw,40px)}.publicQueueHero p{max-width:520px;color:var(--muted)}.publicQueueNow{gap:6px;padding:24px;display:grid}.publicQueueNow h2{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:22px}.publicQueueNow p{color:var(--muted)}.publicQueueList>.sectionHeader{align-items:center;padding:18px 24px}.publicQueueList>.sectionHeader>strong{border:1px solid var(--line);min-width:26px;height:26px;color:var(--muted);font-family:var(--mono);border-radius:999px;place-items:center;padding:0 8px;font-size:12px;font-weight:400;display:inline-grid}.publicQueueList>.emptyText{border-top:1px solid var(--line);padding:20px 24px}.publicQueueItem{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 24px;display:grid}.publicQueueItem>strong{color:var(--faint);font-family:var(--mono);font-size:12px;font-weight:400}.publicQueueItem>div{min-width:0;line-height:1.4;display:grid}.publicQueueItem h3{overflow-wrap:anywhere;font-weight:500}.publicQueueItem p,.publicQueueItem>span{color:var(--muted)}@media (width<=560px){.publicQueueItem{grid-template-columns:24px minmax(0,1fr);padding:12px 18px}.publicQueueItem>span{grid-column:2}.publicQueueNow,.publicQueueList>.sectionHeader{padding:18px}}.dockPanelRoot{color:var(--text);background:var(--bg);align-content:start;gap:12px;padding:12px;display:grid}.dockQueue h2{border-bottom:1px solid var(--line);color:var(--muted);padding:12px 16px;font-size:13px;font-weight:500}.dockQueue .queueList{padding:6px}.dockQueue .trackRow{padding:8px 10px}.dockQueue .emptyState{padding:24px 12px}.playerWidgetRoot{background:0 0;width:100vw;height:100vh;overflow:hidden}.browserPlayerSurface.compact,.playerWidgetRoot .browserPlayerSurface{aspect-ratio:auto;background:0 0;width:100vw;height:100vh}.playerWidgetRoot .browserPlayerSurface.idle{opacity:0;visibility:hidden;background:0 0;display:none}.overlayVideoShell,.overlayVideo{width:100vw;height:100vh}.overlayVideoShell{display:block;position:relative}.overlayVideo{background:0 0;border:0;display:block}.browserPlayerSurface .overlayVideoShell,.browserPlayerSurface .overlayVideo{width:100%;height:100%}.overlayVideo iframe{border:0;width:100%;height:100%;display:block}.mediaControls{z-index:3;color:#f4f4f5;font-family:var(--mono);background:#0a0a0bc7;border:1px solid #f4f4f529;border-radius:12px;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;font-size:12px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.mediaControls button{color:#0a0a0b;min-width:64px;min-height:32px;font-family:var(--font);background:#f4f4f5;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;transition:opacity .16s,transform .12s}.mediaControls button:hover{opacity:.86}.mediaControls button:active{transform:scale(.96)}.mediaControls input{accent-color:#7a5cff;width:100%}.overlayPlayerError{z-index:2;color:#f4f4f5;background:#0a0a0bdb;border:1px solid #f4f4f529;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.4;position:absolute;top:16px;left:16px;right:16px}.importSourceCard a{color:var(--muted);align-items:center;gap:4px;text-decoration:none;transition:color .16s;display:inline-flex}.importSourceCard a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.importDialog{gap:16px;width:min(520px,100%);max-height:calc(100dvh - 48px);display:grid;overflow-y:auto}.importDialogHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.importDialogHead>div{gap:2px;display:grid}.importDialogHead .iconButton{color:var(--muted);flex:none}.importStep{gap:14px;display:grid}.importSourceCard{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:4px;min-width:0;padding:14px 16px;display:grid}.importSourceCard strong{overflow-wrap:anywhere;font-size:15px;font-weight:600}.importSourceCard>span:not(.kicker){color:var(--muted);overflow-wrap:anywhere;font-size:13px}.importTargets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.importTargets button{border:1px solid var(--line);min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.importTargets button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.importTargets button.active{color:var(--text);border-color:var(--accent);background:var(--hover);font-weight:500}.importTargets button:disabled{cursor:default;opacity:.55}.importNote,.importQuota,.importReport p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.importNote.warn{color:var(--warn)}.importQuota{color:var(--faint)}.importReport{gap:8px;display:grid}.importReport dl{margin:0;display:grid}.importReport dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.importReport dt{color:var(--muted);font-size:13px}.importReport dd{font-family:var(--mono);margin:0;font-size:13px}.importReport .good dt{color:var(--text);font-weight:500}.importReport .good dd{color:var(--accent);font-weight:600}.importReport .warn dd{color:var(--warn)}.importDialog .formActions button{align-items:center;gap:8px;display:inline-flex}@media (width<=480px){.importTargets{grid-template-columns:1fr}.importDialog .formActions{flex-direction:column-reverse;align-items:stretch}.importDialog .formActions button{justify-content:center}}.importHint{border:1px solid var(--line);background:var(--soft);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.importHint>svg{color:var(--accent);flex:none;margin-top:1px}.importHint>div{gap:2px;display:grid}.importHint strong{color:var(--text);font-weight:500}.importHint span{color:var(--muted)}.heartButton svg{transition:color .18s,fill .18s}.heartButton.on,.heartButton.on:hover:not(:disabled){color:var(--accent)}.heartButton.on svg{animation:heartPop .32s var(--ease)}@keyframes heartPop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.heartButton.on svg{animation:none}}.playlistPicker{z-index:150;border:1px solid var(--line-strong);color:var(--text);background:var(--panel);box-shadow:var(--shadow);animation:pickerIn .16s var(--ease);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes pickerIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.playlistPicker.sheet{max-height:min(70dvh,520px);animation:pickerSheetIn .22s var(--ease);bottom:8px;left:8px;right:8px}@keyframes pickerSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.pickerBackdrop{z-index:149;background:var(--overlay);animation:.18s resonaFade;position:fixed;inset:0}.pickerHead{gap:2px;padding:12px 14px 8px;display:grid}.pickerHead strong{font-size:13px;font-weight:600}.pickerHead span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pickerSearch{margin:0 10px 6px;display:block;position:relative}.pickerSearch svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.pickerSearch input:not([type=checkbox]):not([type=range]){background:var(--soft);border-radius:9px;min-height:34px;padding-left:33px;font-size:13px}.pickerNew,.pickerList button{width:100%;min-height:38px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:0 14px;font-size:13.5px;transition:background-color .14s,color .14s;display:flex}.pickerNew{color:var(--accent);flex:none;font-weight:500}.pickerNew:hover:not(:disabled),.pickerList button:hover:not(:disabled),.pickerList button:focus-visible,.pickerNew:focus-visible{background:var(--hover);outline:none}.pickerNew:disabled,.pickerList button:disabled{cursor:default;opacity:.5}.pickerCreate{flex:none;gap:6px;padding:4px 10px 6px;display:flex}.pickerCreate input:not([type=checkbox]):not([type=range]){border-radius:9px;min-width:0;min-height:34px;font-size:13px}.pickerCreate .primary{flex:none;min-height:34px;padding:0 12px;font-size:13px}.pickerList{border-top:1px solid var(--line);overscroll-behavior:contain;min-height:0;padding:2px 0 6px;overflow-y:auto}.pickerList button>svg:first-child{color:var(--muted);flex:none}.pickerList button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pickerList button small{color:var(--faint);font-family:var(--mono);font-size:11.5px}.pickerList button.has>svg{color:var(--accent)}.pickerList button.has>span{color:var(--muted)}.pickerEmpty{color:var(--faint);text-align:center;padding:14px;font-size:13px}.sidebarHead{gap:8px;padding:0 12px 0 20px}.sidebarHead .brand{border-radius:10px;min-width:0}.brandSwap{flex:none;width:28px;height:28px;display:inline-grid;position:relative}.brandSwap>*{grid-area:1/1}.brandExpand{border:1px solid var(--line);width:28px;height:28px;color:var(--text);background:var(--hover);opacity:0;pointer-events:none;border-radius:8px;place-items:center;transition:opacity .14s;display:inline-grid}.sidebarHead .sidebarToggle{width:32px;height:32px;color:var(--faint);flex:none;margin-left:auto}.sidebarHead .sidebarToggle:hover{color:var(--text)}.workspaceBar{padding-left:32px}.workspaceBarTitle{border-left:0;padding-left:0}.sidebarUtility{margin-top:auto;padding:12px 16px}.sidebarUtility button{min-height:34px;color:var(--faint);font-size:13px}.sidebarUtility button svg{width:16px;height:16px}.sidebarProfile{margin-top:0}.workspaceContent .pageIntro h1{display:none}@media (width>=901px){.workspaceSidebar.collapsed .sidebarHead{padding:0}.workspaceSidebar.collapsed .sidebarHead .sidebarToggle{display:none}.workspaceSidebar.collapsed .brand:hover .brandExpand,.workspaceSidebar.collapsed .brand:focus-visible .brandExpand{opacity:1}.workspaceSidebar.collapsed .brand:hover .brandMark,.workspaceSidebar.collapsed .brand:focus-visible .brandMark{opacity:0}.workspaceSidebar.collapsed .sidebarUtility{border-top:0;margin-top:auto;padding-top:12px}}@media (width<=900px){.sidebarHead{padding:0 16px}.sidebarHead .sidebarToggle{display:none}.workspaceBar{padding-left:16px}.workspaceSidebar.navOpen .sidebarUtility{margin-top:8px}}.brandSwap .brandMark{transition:opacity .14s}.dockPanelRoot{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.dockQueue{flex-direction:column;min-height:0;display:flex}.dockQueue h2{flex:none}.dockQueue .queueList{overscroll-behavior:contain;min-height:0;overflow-y:auto}.dockQueue .trackRow h3,.dockQueue .trackRow p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=560px),(height<=560px){.dockPanelRoot{gap:8px;padding:8px}.dockQueue{border-radius:12px}.dockQueue h2{padding:8px 12px;font-size:12px}.dockQueue .queueList{padding:4px}.dockQueue .trackRow{border-radius:8px;padding:6px 8px}.dockQueue .trackRow h3{font-size:13px}.dockQueue .trackRow p,.dockQueue .trackMeta{font-size:11.5px}.dockQueue .rowActions{gap:2px}.dockQueue .rowActions .iconButton{width:28px;height:28px}.dockQueue .rowActions .iconButton svg{width:15px;height:15px}.dockQueue .emptyState{padding:14px 10px;font-size:12.5px}}@media (width<=340px){.dockQueue .trackRow{grid-template-columns:minmax(0,1fr)}.dockQueue .trackRow .rowActions{grid-area:3/1;justify-content:flex-start}}.activityTiles{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.activityTiles>div{background:var(--panel);gap:2px;min-width:0;padding:14px 16px;display:grid}.activityTiles strong{font-family:var(--mono);font-size:22px;font-weight:500;line-height:1.2}.activityTiles span{color:var(--muted);font-size:13px}.activityTiles small{color:var(--faint);font-size:12px}.activityChart{gap:10px;display:grid}.activityChartHead{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.activityChartHead strong{color:var(--text);font-family:var(--mono);font-weight:500}.activityBars{border-bottom:1px solid var(--line);grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:2px;height:150px;padding-top:8px;display:grid;position:relative}.activityBar{cursor:default;outline:none;grid-template-rows:minmax(0,1fr) auto;place-items:end center;height:100%;display:grid}.activityBar i{background:var(--accent);opacity:.85;border-radius:4px 4px 0 0;width:min(22px,70%);transition:opacity .14s}.activityBar span{color:var(--faint);font-family:var(--mono);font-size:11px;line-height:1;position:relative;top:18px}.activityBar.hover i,.activityBar:focus-visible i{opacity:1}.activityBar:focus-visible span{color:var(--text)}.activityBars{margin-bottom:22px}.activityTip{z-index:2;border:1px solid var(--line-strong);color:var(--text);background:var(--panel);box-shadow:var(--shadow-soft);white-space:nowrap;pointer-events:none;border-radius:8px;gap:1px;padding:6px 10px;font-size:12px;display:grid;position:absolute;top:0;transform:translate(-50%)}.activityTip span{color:var(--muted)}.adminTechDetails summary{width:fit-content;color:var(--muted);cursor:pointer;font-size:13px}.adminTechDetails summary:hover{color:var(--text)}.adminTechDetails[open] summary{margin-bottom:10px}.adminEnvironment>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.adminEnvironment>summary::-webkit-details-marker{display:none}.adminEnvironment .detailsChevron{color:var(--faint);flex:none;transition:transform .18s}.adminEnvironment[open] .detailsChevron{transform:rotate(90deg)}@media (width<=720px){.activityTiles{grid-template-columns:repeat(2,minmax(0,1fr))}.activityBar span{font-size:10px}.activityBar:nth-child(2n) span{visibility:hidden}}.adminLayout>.pageIntro:not(.adminUserHead) h1{display:none}.publicQueueHero h1{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.publicQueueHero h1>span{color:var(--muted);font-weight:500}.publicQueueNow h2{align-items:center;gap:10px;display:flex}.publicQueueNow h2 .statusPulse{flex:none}.publicQueueNow h2.idle{color:var(--muted);font-size:18px;font-weight:500}.publicQueueList>.sectionHeader h2{font-size:16px}.publicQueueItem{padding-top:11px;padding-bottom:11px}.publicQueueItem h3{font-size:14px}.publicQueueItem p,.publicQueueItem>span{font-size:12.5px}.srOnlyTitle{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.adminToolbar{grid-column:1/-1;justify-content:flex-end;display:flex}.playerFrameBar{justify-content:flex-end}:root{--bar-height:76px}.thumb{background:var(--soft);display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.empty{color:var(--faint);place-items:center;display:grid}@media (width>=901px){.hasPlayerBar .workspaceSidebar{height:calc(100vh - var(--bar-height))}}.hasPlayerBar .workspaceContent{padding-bottom:calc(var(--bar-height) + 48px)}.playerBar button{font:inherit}.cabinetBar{z-index:30;height:var(--bar-height);border-top:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 20px;display:grid;position:fixed;bottom:0;left:0;right:0}.barTrack{align-items:center;gap:12px;min-width:0;display:flex}.barCover{background:var(--soft);border-radius:8px;flex:none;width:48px;height:48px;overflow:hidden}.barCover .thumb{width:100%;height:100%}.barInfo{text-align:left;flex-direction:column;min-width:0;line-height:1.35;display:flex}.barInfo strong,.barInfo small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barInfo strong{font-weight:500}.barInfo strong.idle{color:var(--muted)}.barInfo small{color:var(--muted);font-size:12.5px}.barLibrary{flex:none;gap:2px;display:flex}.barControls{align-items:center;gap:10px;display:flex}.barIcon{width:32px;height:32px;color:var(--faint);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid;position:relative}.barIcon:hover:not(:disabled){color:var(--text);background:var(--hover)}.barIcon:disabled{opacity:.4;cursor:default}.barIcon.on,.barIcon.on:hover:not(:disabled){color:var(--accent)}.barIcon.on:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.barIcon.strong{width:40px;height:40px;color:var(--text)}.barPlay{color:#fff;background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:transform .12s,opacity .16s;display:grid}.barPlay:hover:not(:disabled){transform:scale(1.05)}.barPlay:disabled{background:var(--line-strong);cursor:default}.barRight{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.barRight .volumeControl input[type=range]{width:110px}.sourceChip{border:1px solid var(--line);min-width:0;max-width:240px;height:34px;color:var(--text);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:background-color .16s,border-color .16s;display:flex}.sourceChip:hover:not(:disabled),.sourceChip[aria-expanded=true]{border-color:var(--line-strong);background:var(--hover)}.sourceChip:disabled{opacity:.5;cursor:default}.sourceChip i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.sourceChip.off{color:var(--muted)}.sourceChip.off i{border:1.5px solid var(--faint);background:0 0}.sourceChip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.sourceChip svg{color:var(--faint);flex:none}.popoverMenu{z-index:150;overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;align-content:start;gap:4px;padding:8px;display:grid;position:fixed;overflow-y:auto}.sourceMenuTitle{border-bottom:1px solid var(--line);padding:6px 10px 10px;font-size:13.5px;font-weight:600}.sourceMenuList{gap:2px;padding-top:4px;display:grid}.sourceMenuList hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.sourceMenuList button{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:4px 10px;font-size:13.5px;display:grid}.sourceMenuList button:hover:not(:disabled),.sourceMenuList button.selected{background:var(--hover)}.sourceMenuList button.selected .sourceMenuText>span{font-weight:500}.sourceMenuList button:disabled{opacity:.45;cursor:default}.sourceMenuText{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sourceMenuText>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sourceMenuText small{color:var(--faint);font-size:11.5px}.sourceMenuCheck{color:var(--accent);place-items:center;display:grid}.sourceDot{border:1px solid var(--line);background:var(--soft);border-radius:6px;width:32px;height:32px;position:relative}.sourceDot:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin:auto;position:absolute;inset:0}.sourceDot.none:after{border:1.5px solid var(--faint);background:0 0}.tileMenu [role=menu]{gap:2px;display:grid}.tileMenu button{min-height:38px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13.5px}.tileMenu button:hover{background:var(--hover)}.tileMenu button.danger{color:var(--danger)}.volumePopover{padding:12px 14px}.playlistCover{aspect-ratio:1;width:100%;color:var(--faint);background:var(--soft);border-radius:10px;display:block;position:relative;overflow:hidden}.playlistCover .thumb.single,.playlistCover .coverGrid{width:100%;height:100%;position:absolute;inset:0}.coverGrid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.coverGrid .thumb{width:100%;height:100%}.coverIcon{place-items:center;display:grid;position:absolute;inset:0}.playlistCover.history{background:#2a2a30}.playlistCover.history .coverIcon{color:#e8e8ec}.playlistCover.favorites{background:var(--accent)}.playlistCover.favorites .coverIcon{color:#fff}.playlistCover.history.withArt .coverIcon{background:#0a0a0b80}.playlistCover.favorites.withArt .coverIcon{background:#4a33c49e}.playlistCover.mini{border-radius:6px;width:32px;height:32px}.playlistCover.mini .coverIcon svg{width:15px;height:15px}.playlistCover.large{border-radius:14px;flex:none;width:200px;height:200px;box-shadow:0 12px 30px #00000059}.playlistCover.large .coverIcon svg{width:84px;height:84px}.workspaceContent.homeContent{padding:24px 24px 0 32px}.homePage{height:calc(100vh - 64px - var(--bar-height) - 24px);grid-template-columns:minmax(0,1fr) 360px;gap:24px;min-height:420px;padding-bottom:24px;display:grid}.homeQueue{flex-direction:column;min-height:0;display:flex;overflow:hidden}.homeQueue>.sectionHeader{flex:none;justify-content:flex-start;gap:12px}.homeQueue>.pageHint{flex:none;margin:12px 16px 0}.homeQueueList{align-content:start;min-height:0;overflow-y:auto}.libraryColumn{flex-direction:column;min-height:0;display:flex}.libraryColumnHead{z-index:6;flex:none;gap:8px;padding-bottom:12px;display:grid;position:relative}.libraryColumnButtons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.libraryColumnButtons .secondary{min-height:36px;padding:0 8px;font-size:13px}.newPlaylistForm{gap:6px;display:flex}.newPlaylistForm input{flex:1;min-width:0;height:36px}.newPlaylistForm .primary{min-height:36px;padding:0 12px}.newPlaylistForm .iconButton{width:36px;height:36px}.libraryTiles{grid-template-columns:1fr 1fr;align-content:start;gap:16px 12px;min-height:0;padding:0 4px 24px 0;display:grid;overflow-y:auto}.playlistTile{flex-direction:column;gap:8px;min-width:0;display:flex}.playlistTileArt{position:relative}.playlistTileOpen{cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:0;display:block}.playlistTileOpen .playlistCover{transition:filter .16s}.playlistTile:hover .playlistTileOpen .playlistCover{filter:brightness(.82)}.playlistTileActions{opacity:0;gap:6px;transition:opacity .16s;display:flex;position:absolute;bottom:10px;left:10px}.playlistTile:hover .playlistTileActions,.playlistTile:focus-within .playlistTileActions{opacity:1}.tileRound{color:#0a0a0b;background:#fff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .12s;display:grid;box-shadow:0 4px 14px #00000059}.tileRound:hover:not(:disabled){transform:scale(1.06)}.tileRound:disabled{opacity:.55;cursor:default}.playlistTileBadge{color:#fff;pointer-events:none;background:#0a0a0bb8;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:11.5px;display:inline-flex;position:absolute;top:8px;left:8px}.playlistTileBadge i{background:var(--accent);border-radius:50%;width:6px;height:6px}.playlistTileName{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;line-height:1.35;display:flex}.playlistTileName strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;font-weight:500;overflow:hidden}.playlistTileName small{color:var(--faint);font-size:12px}.playlistTile.skeleton .playlistCover{opacity:.6}.vipColumnLock{border:1px solid var(--line);background:var(--panel);border-radius:16px;justify-items:start;gap:10px;padding:20px;display:grid}.vipColumnLock p{color:var(--muted);font-size:13px}.searchField{display:block;position:relative}.searchField>svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchField input{border:1px solid var(--line);width:100%;height:38px;color:var(--text);background:var(--soft);border-radius:10px;padding:0 36px;font-size:13.5px}.searchClear{width:28px;height:28px;position:absolute;top:5px;right:5px}.librarySearch{position:relative}.searchResults{z-index:40;border:1px solid var(--line-strong);background:var(--panel);max-height:min(440px,60vh);box-shadow:var(--shadow);border-radius:12px;align-content:start;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.searchResultsCount{color:var(--faint);padding:4px 8px 6px;font-size:11.5px}.searchResult{border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px 6px 8px;display:grid}.searchResult:hover{background:var(--hover)}.searchResultCover{border-radius:6px;width:36px;height:36px;position:relative;overflow:hidden}.searchResultCover .thumb{width:100%;height:100%}.searchResultCover button{color:#fff;opacity:0;background:#00000073;border:0;place-items:center;padding:0;transition:opacity .14s;display:grid;position:absolute;inset:0}.searchResult:hover .searchResultCover button:not(:disabled),.searchResultCover button:focus-visible{opacity:1}.searchResultCover button:disabled{display:none}.searchResultText{flex-direction:column;min-width:0;line-height:1.35;display:flex}.searchResultText strong,.searchResultText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchResultText strong{font-size:13px;font-weight:500}.searchResultText strong b{color:var(--accent);font-weight:600}.searchResultText small{color:var(--faint);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box}.linkButton{border:0;border-bottom:1px solid var(--line-strong);color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:0}.linkButton:hover{color:var(--text)}.searchResultActions{display:flex}.searchResultActions .iconButton{width:28px;height:28px}.workspaceCrumbs{align-items:center;gap:10px;min-width:0;display:flex}.workspaceCrumbs button{color:var(--muted);font:inherit;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0;display:inline-flex}.workspaceCrumbs button:hover{color:var(--text)}.workspaceCrumbs>span{color:var(--line-strong)}.playlistHero{align-items:flex-end;gap:28px;display:flex}.playlistHeroText{gap:10px;min-width:0;padding-bottom:6px;display:grid}.playlistHeroText h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.05}.playlistHeroMeta{color:var(--muted);font-size:13.5px}.playlistHeroSource{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.playlistHeroSource a{color:var(--muted)}.playlistToolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bigPlay{color:#fff;background:var(--accent);border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0 0 0 2px;transition:transform .12s,opacity .16s;display:grid}.bigPlay:hover:not(:disabled){transform:scale(1.05)}.bigPlay:disabled{opacity:.45;cursor:default}.playlistToolbar .secondary{min-height:38px}.iconButton.bordered{border:1px solid var(--line);border-radius:10px;width:38px;height:38px}.playlistSearch{width:min(340px,100%);margin-left:auto}.addLinkForm{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.addLinkForm input{flex:320px;min-width:0;height:38px}.addLinkForm .primary{min-height:38px}.addLinkForm small{color:var(--faint);flex-basis:100%;font-size:12px}.dragHint{align-items:center}.dragHint>svg{color:var(--faint);margin:0 2px}.dragHint p{margin:0;font-size:13.5px}.trackTableHead,.trackTableRow{align-items:center;gap:14px;padding:6px 12px;display:grid}.playlistTable .trackTableHead,.playlistTable .trackTableRow{grid-template-columns:56px minmax(0,1.6fr) minmax(0,1fr) 96px 56px 140px}.historyTable .trackTableHead,.historyTable .trackTableRow{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 140px 120px 56px 110px}.trackTableHead{border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;padding-bottom:10px;font-size:11.5px}.trackTableHead span:nth-last-child(2){text-align:right}.playlistTable .trackTableHead span:first-child{padding-left:22px}.trackTableRow{border-radius:10px;min-height:56px;transition:background-color .16s}.trackTableRow:hover{background:var(--soft)}.trackTableRow.dragging{z-index:1;box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow-soft);position:relative}.rowLead{align-items:center;gap:2px;display:flex}.dragHandle{width:20px;height:30px;color:var(--faint);cursor:grab;opacity:0;touch-action:none;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.trackTableRow.dragging .dragHandle{cursor:grabbing}.trackTableRow:hover .dragHandle,.trackTableRow.dragging .dragHandle,.dragHandle:focus-visible{opacity:1}.rowNumber{width:30px;color:var(--faint);font-family:var(--mono);font-size:12px}.rowPlay{width:30px;height:30px;color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:none}.rowPlay:hover{background:var(--hover)}.trackTableRow:hover .rowPlay:not(:disabled),.rowPlay:focus-visible{display:grid}.trackTableRow:hover .rowPlay:not(:disabled)+.rowNumber,.rowPlay:focus-visible+.rowNumber{display:none}.rowTitle{align-items:center;gap:12px;min-width:0;display:flex}.rowTitle .thumb{border-radius:6px;flex:none;width:40px;height:40px}.rowTitleText{flex-direction:column;min-width:0;line-height:1.35;display:flex}.rowTitleText strong,.rowTitleText small,.rowMuted{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rowTitleText strong{font-weight:500}.rowTitleText small{color:var(--muted);font-size:12.5px;display:none}.rowMuted{color:var(--muted)}.rowDate{font-size:13px}.rowTime{color:var(--muted);font-family:var(--mono);text-align:right;font-size:12.5px}.trackTableRow .rowActions{justify-content:flex-end;gap:2px;display:flex}.trackTableRow .rowActions .iconButton{opacity:0}.trackTableRow:hover .rowActions .iconButton,.trackTableRow .rowActions .iconButton:focus-visible,.trackTableRow .rowActions .heartButton.on{opacity:1}@media (hover:none){.playlistTileActions,.trackTableRow .rowActions .iconButton,.dragHandle{opacity:1}}.dockPanelRoot.dockV2{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px;height:100dvh;min-height:0;padding:8px;overflow:hidden}.dockV2 .dockQueue h2{justify-content:space-between;align-items:center;gap:8px;display:flex}.dockBar{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:6px;min-width:0;padding:8px 10px;display:grid}.dockBarTrack{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.dockBarTrack .barCover{border-radius:6px;width:36px;height:36px}.dockBarTrack .barInfo strong{font-size:13px}.dockBarTrack .barInfo small{font-size:11.5px}.dockBarTrack .barLibrary .iconButton{width:30px;height:30px}.dockBarControls{align-items:center;gap:4px;min-width:0;display:flex}.dockBarControls .barControls{gap:4px}.dockBar .barPlay{width:34px;height:34px}.dockBar .sourceChip{flex:auto;max-width:none;height:30px;margin-left:4px;padding:0 10px;font-size:12.5px}.dockBar .sourceChip span{text-align:left;flex:1}@media (width<=1100px){.homePage{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding-bottom:0}.workspaceContent.homeContent{padding:24px 24px calc(var(--bar-height) + 48px) 32px}.homeQueue,.homeQueueList{overflow:visible}.libraryTiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-right:0;overflow:visible}.libraryColumnHead{max-width:520px}.playlistTable .trackTableHead,.playlistTable .trackTableRow{grid-template-columns:56px minmax(0,1fr) 56px 140px}.historyTable .trackTableHead,.historyTable .trackTableRow{grid-template-columns:minmax(0,1fr) 110px 56px 110px}.playlistTable .trackTableHead span:nth-child(3),.playlistTable .trackTableHead span:nth-child(4),.playlistTable .rowMuted,.historyTable .trackTableHead span:nth-child(2),.historyTable .trackTableHead span:nth-child(3),.historyTable .rowMuted:not(.rowDate){display:none}.rowTitleText small{display:block}.barRight .volumeControl output{display:none}.barRight .volumeControl input[type=range]{width:84px}}@media (width<=900px){.cabinetBar{gap:10px;padding:0 12px}.sourceChip{max-width:170px}}@media (width<=720px){.workspaceContent.homeContent{padding:16px 16px 110px}.hasPlayerBar .workspaceContent{padding-bottom:110px}.playlistHero{flex-direction:column;align-items:flex-start;gap:16px}.playlistCover.large{width:148px;height:148px}.playlistCover.large .coverIcon svg{width:60px;height:60px}.playlistSearch{width:100%;margin-left:0}.trackTableHead{display:none}.playlistTable .trackTableRow{grid-template-columns:52px minmax(0,1fr) auto;row-gap:2px;padding:8px 6px}.historyTable .trackTableRow{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:8px 6px}.trackTableRow .rowDate{display:none}.trackTableRow .rowActions{grid-column:1/-1;justify-content:flex-start}.playlistTable .trackTableRow .rowActions{grid-column:2/-1;margin-left:-6px}.historyTable .trackTableRow .rowActions{margin-left:46px}.phoneBar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:30;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:14px;position:fixed;overflow:hidden}.phoneBarMain{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:0;height:64px;padding:0 4px 0 8px;display:grid}.phoneBarOpen{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.phoneBarOpen .barCover{width:44px;height:44px}.phoneBarMain .heartButton{width:40px;height:40px}.phoneBarSheet{border-bottom:1px solid var(--line);gap:14px;padding:10px 12px 14px;display:grid}.phoneBarSheetHead{justify-content:space-between;align-items:center;display:flex}.phoneBarSheet .barControls{justify-content:center;gap:24px}.phoneBarSheetRow{justify-content:center;display:flex}.phoneBarSheetRow .sourceChip{max-width:100%}.phoneBarSheet .volumeControl{justify-self:center}}.renewLinksBox{border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;display:flex}.renewLinksBox>div{flex:320px;gap:4px;display:grid}.renewLinksBox strong{font-weight:500}.renewLinksBox p{color:var(--muted);font-size:13px}.trackTableRow.unavailable .rowTitle strong,.trackTableRow.unavailable .rowMuted,.trackTableRow.unavailable .rowTime{color:var(--faint)}.trackTableRow.unavailable .rowTitle .thumb{opacity:.45}.unavailableBadge{border:1px solid var(--warn-line);height:22px;color:var(--warn);background:var(--warn-soft);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 8px;font-size:11.5px;display:inline-flex}.homeQueueList,.dockQueue .queueList,.playerSide .queueList,.searchResults,.popoverMenu{grid-auto-rows:max-content}.hasPlayerBar .settingsSaveBar{bottom:calc(var(--bar-height) + 16px)}@media (width<=720px){.hasPlayerBar .settingsSaveBar{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.settingsLayout>*,.blacklistColumns>div,.blacklistAddRow input:not([type=checkbox]){min-width:0}@media (width<=520px){.blacklistAddRow .secondary{flex:100%}}.publicQueueRoot>*{min-width:0}.publicQueueHero h1>span{overflow-wrap:anywhere;min-width:0}.adminUserHead h1{overflow-wrap:anywhere}@media (width<=600px){.adminUserHead{flex-wrap:wrap}.adminUserHead .rowActions{flex-wrap:wrap;flex:100%}}.phoneBarSheet>*{min-width:0}.phoneBarSheetRow .sourceChip{max-width:100%}.trackTableRow.dragging{background:var(--panel)}body.draggingTrack,body.draggingTrack *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.playlistTable .trackTableRow,.historyTable .trackTableRow{content-visibility:auto;contain-intrinsic-size:auto 56px}