:root{color:#f7f8fa;--ink:#0f1115;--panel:#1a1c22;--panel-soft:#23252b;--line:#f7f8fa1f;--muted:#aeb3bd;--text:#f7f8fa;--mist:#e6e8ec;--accent:#7b61ff;--accent-soft:#7b61ff2e;font-synthesis:none;text-rendering:optimizelegibility;background:0 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html.overlayDocument,body.overlayBody,body.overlayBody #root{background:0 0!important}*{box-sizing:border-box}body{background:linear-gradient(90deg,#7b61ff14 1px,#0000 1px) 0 0/56px 56px,linear-gradient(#7b61ff0d 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle at 82% 16%,#7b61ff2e,#0000 28rem),linear-gradient(135deg,#0f1115 0%,#1a1c22 48%,#0f1115 100%);min-width:320px;min-height:100vh;margin:0}body:has(.publicQueueRoot){background:radial-gradient(circle at 80% 0,#7b61ff29,#0000 30rem),linear-gradient(135deg,#0f1115,#1a1c22)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1115d6;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:0;background:0 0;border:0;align-items:center;gap:10px;min-height:42px;font-weight:800;display:inline-flex}.brandMark{color:#fff;background:radial-gradient(circle at 26% 20%,#ffffff29,#0000 24px),linear-gradient(145deg,#0f1115,#1a1c22);border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 12px 38px #00000047}.brandMark svg{width:32px;height:32px;overflow:visible}.brandWave,.brandLetter{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.brandWave{stroke-width:2.2px}.brandLetter{stroke-width:3.2px}.segmented,.tabs{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.segmented button,.tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 14px}.segmented button.active,.tabs button.active{color:#0f1115;background:#f7f8fa}.hero{grid-template-columns:minmax(0,.88fr) minmax(260px,.82fr);align-items:center;gap:clamp(24px,5vw,78px);min-height:calc(100vh - 78px);padding:clamp(32px,7vw,86px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.heroImage,.heroShade{width:100%;height:100%;position:absolute;inset:0}.heroImage{object-fit:cover;opacity:.76}.heroShade{background:linear-gradient(90deg,#0f1115f5 0%,#0f1115c7 55%,#0f11153d 100%),linear-gradient(#0000 82%,#0f1115 100%)}.heroContent{z-index:1;width:min(720px,100%);padding-bottom:8vh;position:relative}.heroContent .brandMark{width:84px;height:84px;margin-bottom:30px}.heroContent .brandMark svg{width:64px;height:64px}.landing .hero{align-items:center;min-height:min(820px,100vh - 78px);padding-bottom:clamp(58px,8vw,104px)}.landingMeta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.landingMeta span{border:1px solid var(--line);min-height:34px;color:var(--mist);background:#f7f8fa12;border-radius:8px;align-items:center;padding:0 12px;font-size:.88rem;font-weight:700;display:inline-flex}.heroWave{z-index:1;border:1px solid var(--line);background:linear-gradient(#f7f8fa0f,#f7f8fa05),#1a1c22c7;border-radius:8px;min-height:260px;padding:clamp(28px,4vw,54px);position:relative;box-shadow:0 28px 90px #00000042}.landingPreview{align-content:space-between;gap:20px;display:grid}.previewHeader,.previewQueue{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;display:flex}.previewHeader strong,.previewQueue strong{color:#fff}.previewQueue{border-top:1px solid var(--line);padding-top:18px}.previewEqualizer{justify-content:center;align-items:center;gap:7px;min-height:220px;padding:12px 0;display:flex}.previewEqualizer span{background:linear-gradient(#f7f8fa 0%,#b9adff 48%,#7b61ff 100%);border-radius:999px;width:3px;min-height:22px;box-shadow:0 0 18px #7b61ff2e}.heroEqualizer{width:100%;height:100%;min-height:220px;display:block}.heroEqualizer line{stroke:url(#resonaEqualizerStroke);stroke-width:2.4px;stroke-linecap:round}.heroEqualizer line:nth-child(odd){opacity:.58}.heroEqualizer line:nth-child(3n){opacity:.82}.eyebrow,.kicker{color:#c9bdff;text-transform:uppercase;align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:inline-flex}h1{letter-spacing:0;max-width:740px;margin-bottom:22px;font-size:clamp(2.6rem,8vw,5.8rem);line-height:.98}h2{letter-spacing:0;margin-bottom:8px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05}h3{letter-spacing:0;margin-bottom:7px;font-size:1.02rem}.heroContent p{max-width:610px;font-size:1.1rem}.heroActions,.formActions,.playerControls,.rowActions,.trackMeta,.fieldRow{align-items:center;gap:12px;display:flex}.primary,.secondary,.shareLine,.iconButton{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary{color:#0f1115;background:linear-gradient(135deg,#f7f8fa,#cfc7ff 58%,#7b61ff);box-shadow:0 12px 34px #7b61ff3d}.secondary,.shareLine,.iconButton{color:#f7f8fa;border-color:var(--line);background:#ffffff14}.shareLine{overflow-wrap:anywhere;max-width:100%;margin-top:18px}.compactShare{text-align:left;justify-content:flex-start;width:100%;margin:0 0 18px;overflow:hidden}.shareLine>svg{flex:none}.shareText{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.shareText strong{font-size:inherit;font-weight:750}.full{width:100%}.circle,.iconButton{width:44px;padding:0}.danger{color:#ffc1b7}.featureBand,.capabilities,.landingFeatures,.landingFlow,.pageGrid,.dashboard{width:min(1180px,100% - 36px);margin:0 auto}.featureBand{grid-template-columns:repeat(4,1fr);gap:14px;display:grid;transform:translateY(-42px)}.stat,.feature,.requestPanel,.sidePanel,.playerPane,.settingsPane,.queueSection{border:1px solid var(--line);background:linear-gradient(#f7f8fa13,#f7f8fa09),#1a1c22c7;border-radius:8px;box-shadow:0 22px 70px #00000038}.stat{align-items:center;gap:12px;min-height:92px;padding:18px;display:flex}.stat svg,.feature svg,.rule svg,.trackMini svg{color:#b9adff;flex:none}.stat strong{color:#fff;font-size:1.35rem;display:block}.stat span,.playerControls span,.trackMini span{color:#9cadab;font-size:.86rem;display:block}.capabilities{grid-template-columns:repeat(3,1fr);gap:18px;padding:26px 0 70px;display:grid}.feature{min-height:180px;padding:24px}.landingFeatures{z-index:2;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-34px;padding-bottom:28px;display:grid;position:relative}.landingFeatures .feature{min-height:210px}.landingFeatures h2{margin-top:18px;font-size:1.35rem}.landingFlow h2{max-width:600px;margin:10px 0 0}.flowSteps{gap:12px;display:grid}.flowSteps span{border:1px solid var(--line);min-height:54px;color:var(--mist);background:#f7f8fa0f;border-radius:8px;align-items:center;padding:0 18px;font-weight:800;display:flex}.pageGrid{grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:46px 0 70px;display:grid}.requestPanel,.sidePanel,.playerPane,.settingsPane,.queueSection{padding:24px}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.sectionHeader.compact{align-items:center;margin-bottom:16px}.requestForm{gap:16px;display:grid}.rewardNotice{background:var(--accent-soft);border:1px solid #9147ff57;border-radius:8px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.rewardNotice svg{color:#b9adff;flex:none}.rewardNotice strong,.rewardNotice span{display:block}.rewardNotice span{color:#b9c7c4;margin-top:3px;font-size:.9rem}label{color:#d9e6e3;gap:8px;font-weight:750;display:grid}input,select{color:#f5fbfa;background:#080b0c8c;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 13px}.fieldRow>label{flex:1 1 0}.success{color:#d7d1ff;margin:0}.notice{z-index:20;color:#f4fbf9;background:#0d1213f5;border:1px solid #ffffff29;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(420px,100vw - 36px);padding:12px 14px;display:flex;position:fixed;top:76px;right:max(18px,50vw - 590px);box-shadow:0 18px 54px #00000057}.notice.success{border-color:#7b61ff70}.notice.error{border-color:#f07b6785}.notice span{font-size:.9rem;line-height:1.35}.formActions{align-items:stretch}.integrationStatus{background:#080b0c52;border:1px solid #ffffff1a;border-radius:8px;gap:4px;margin-bottom:14px;padding:12px;display:grid}.integrationStatus span{color:#9cadab;font-size:.9rem}.chatFallback{background:#7b61ff1a;border:1px solid #7b61ff47;border-radius:8px;gap:6px;margin-bottom:14px;padding:12px;display:grid}.chatFallback span{color:#b9c7c4;font-size:.9rem;line-height:1.35}.chatFallback code{color:#f7f8fa;background:#080b0c80;border-radius:5px;padding:2px 6px}.rulesBlock{background:#080b0c42;border:1px solid #ffffff1a;border-radius:8px;gap:14px;margin:16px 0;padding:14px;display:grid}.rulesBlock h3{margin:0;font-size:1rem}.numberField{margin-bottom:14px}.numberField strong{min-width:86px;color:var(--muted);font-size:.9rem}.srSettings{border-top:1px solid #ffffff1a;gap:12px;margin-top:10px;padding-top:12px;display:grid}.roleToggle{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;justify-content:flex-start;min-height:42px;margin:0;padding:0 10px}.preflightList{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.preflightList span{border-radius:6px;align-items:center;min-height:26px;padding:0 8px;font-size:.76rem;font-weight:850;display:inline-flex}.preflightList .ok{color:#0f1115;background:#e6e8ec}.preflightList .missing{color:#ffe0d9;background:#f07b672e}.readinessGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.readinessGrid div{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;gap:3px;min-height:54px;padding:10px;display:grid}.readinessGrid span{color:#9cadab;font-size:.78rem}.readinessGrid strong{color:#f3fbf9;font-size:.92rem}.readinessGrid .ready{border-color:#7b61ff5c}.readinessGrid .waiting{border-color:#f07b6742}.diagnosticsPanel{background:#080b0c52;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:14px;padding:12px}.diagnosticsPanel h3{margin:0}.miniButton{min-height:32px;padding:0 10px;font-size:.82rem}.diagnosticsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diagnosticsGrid div{background:#ffffff0b;border-radius:8px;gap:3px;min-height:48px;padding:9px;display:grid}.diagnosticsGrid span{color:#9cadab;font-size:.76rem}.diagnosticsGrid strong{color:#f3fbf9;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.hint{color:#9cadab;margin:-4px 0 14px;font-size:.84rem;line-height:1.4}.warningText{color:#ffd9a1}.rule,.trackMini{color:#d8e4e1;align-items:center;gap:11px;min-height:42px;display:flex}.miniQueue{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:18px}.dashboard{padding:34px 0 72px}.authPage{place-items:center;width:min(900px,100% - 36px);min-height:calc(100vh - 82px);margin:0 auto;padding:48px 0;display:grid}.authPanel{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;width:min(680px,100%);padding:30px;box-shadow:0 22px 70px #00000038}.authPanel h1{margin:10px 0 14px;font-size:clamp(2.2rem,6vw,4rem)}.authPanel .primary{margin:8px 0 18px}.authChecks{margin:0}.controlStrip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.console{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;margin-bottom:18px;display:grid}.dashboardConsole{grid-template-columns:1fr}.nowPlayingPane{min-height:250px}.settingsPage{padding-top:34px}.settingsLayout{gap:18px;width:min(1040px,100%);margin:0 auto;display:grid}.settingsWide{width:100%}.profilePage{padding:46px 0 70px}.profileAvatar .brandMark svg{width:56px;height:56px}.profileFacts{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px 16px;display:grid}.profileFacts span{color:var(--muted)}.profileFacts strong{overflow-wrap:anywhere;min-width:0}.emptyState{color:#9cadab;background:#0a0e0f61;border:1px dashed #ffffff24;border-radius:8px;place-items:center;min-height:120px;display:grid}.wave{align-items:center;gap:5px;height:118px;padding:0 4px;display:flex;overflow:hidden}.wave span{background:linear-gradient(#f7f8fa,#7b61ff);border-radius:999px;width:7px;min-width:7px}.playerControls{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:18px}.playerPage{padding-top:28px}.playerModeTabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:20px;display:grid;overflow:hidden}.playerModeTabs button{background:0 0;border-radius:0;justify-content:center;min-height:52px}.playerWorkspace{grid-template-columns:minmax(0,1fr) 420px;gap:20px;display:grid}.playerFrame,.embeddedGuide,.dockNow,.dockQueue{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 22px 70px #0003}.playerFrame{overflow:hidden}.playerFrame>.sectionHeader{background:#ffffff0d;margin:0;padding:18px 22px}.playerSide{align-content:start;gap:20px;display:grid}.browserPlayerSurface{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.browserPlayerSurface.compact,.playerWidgetRoot .browserPlayerSurface{aspect-ratio:auto;background:0 0;width:100vw;height:100vh}.browserPlayerSurface.idle{background:#000}.playerWidgetRoot .browserPlayerSurface.idle{opacity:0;visibility:hidden;background:0 0;display:none}.playerIdle{color:#fff;text-align:center;place-content:center;justify-items:center;gap:10px;height:100%;display:grid}.playerIdle span{color:#9cadab}.embeddedGuide{gap:26px;padding:28px;display:grid}.guideStep{grid-template-columns:46px minmax(0,1fr);gap:18px;display:grid}.guideStep>strong{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.warningBox{color:#ffb0a5;background:#f07b6714;border-left:4px solid #f07b67;border-radius:8px;padding:18px}.playerWidgetRoot{background:0 0;width:100vw;height:100vh;overflow:hidden}.dockPanelRoot{background:#0f1115;gap:12px;min-height:100vh;padding:12px;display:grid}.dockNow,.dockQueue{padding:16px}.dockNow h1{margin:8px 0;font-size:1.25rem}.compactQueue .trackRow{grid-template-columns:minmax(0,1fr) auto}.compactQueue .trackMeta{display:none}.toggle{align-items:center;gap:12px;margin:8px 0 18px;display:flex}.toggle input{opacity:0;position:absolute}.toggle span{background:#ffffff29;border-radius:999px;width:46px;height:26px;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:4px;left:4px}.toggle input:checked+span{background:#7b61ff}.queueList{gap:10px;display:grid}.trackRow{background:#0a0e0f8c;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(130px,.22fr) auto;align-items:center;gap:14px;min-height:76px;padding:14px;display:grid}.historyRow{grid-template-columns:minmax(0,1fr) minmax(180px,.34fr)}.trackMain{align-items:center;gap:12px;min-width:0;display:flex}.trackMain h3,.trackMain p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trackMain p{color:#9cadab;margin:0}.trackMeta{color:#dce8e5;justify-content:space-between}.trackMeta small{color:#9cadab;font-size:.78rem}.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}.hlsVideo{object-fit:contain;background:#000;width:100%;height:100%;display:block}.mediaControls{z-index:3;color:#f7f8fa;background:#0f1115c7;border:1px solid #f7f8fa2e;border-radius:8px;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.mediaControls button{color:#f7f8fa;background:#f7f8fa1f;border:1px solid #f7f8fa33;border-radius:6px;min-width:64px;padding:7px 10px}.mediaControls input{width:100%}.overlayPlayerError{z-index:2;color:#f7f8fa;background:#0f1115db;border:1px solid #f7f8fa2e;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.4;position:absolute;top:18px;left:18px;right:18px}.ownMediaPane input{width:100%;margin:10px 0}.ownMediaPane small{color:var(--muted);margin-top:8px;display:block}.publicQueueRoot{width:min(980px,100% - 36px);margin:0 auto;padding:clamp(28px,6vw,72px) 0}.publicQueueHero h1{margin-bottom:14px}.publicQueueHero p{max-width:620px}.queueRule,.publicQueueNow,.publicQueueList{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 22px 70px #0000002e}.queueRule{align-content:center;min-height:150px;padding:22px;display:grid}.queueRule strong{color:#fff;font-size:2rem}.queueRule span,.publicQueueItem span{color:#9cadab}.publicQueueNow,.publicQueueList{margin-bottom:18px;padding:24px}.publicQueueNow h2{margin-top:6px}.publicQueueItem{border-top:1px solid #ffffff17;grid-template-columns:42px minmax(0,1fr) minmax(100px,auto);align-items:center;gap:14px;min-height:72px;padding:14px 0;display:grid}.publicQueueItem>strong{color:#0f1115;background:#e6e8ec;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.publicQueueItem h3,.publicQueueItem p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.publicQueueItem p,.emptyText{margin:0}@media (width<=860px){.topbar,.heroActions,.formActions,.fieldRow,.playerControls{flex-direction:column;align-items:stretch}.topbar{position:static}.segmented,.tabs{width:100%;overflow-x:auto}.segmented button,.tabs button{flex:1 0 auto}.hero{grid-template-columns:1fr;align-items:end;min-height:760px}.heroWave{order:-1;min-height:190px}.heroShade{background:linear-gradient(#0f111533 0%,#0f1115cc 54%,#0f1115 100%),linear-gradient(90deg,#0f1115d1,#0f111552)}.featureBand,.capabilities,.landingFeatures,.landingFlow,.profileGrid,.controlStrip,.console,.pageGrid,.publicQueueHero{grid-template-columns:1fr}.landingFeatures{margin-top:0;padding-top:18px}.landingFlow{padding-top:6px}.featureBand{padding-top:18px;transform:none}.trackRow{grid-template-columns:1fr}.publicQueueItem{grid-template-columns:42px minmax(0,1fr)}.publicQueueItem span{grid-column:2}.trackMeta,.rowActions{justify-content:flex-start}}@media (width<=520px){.hero,.requestPanel,.sidePanel,.playerPane,.settingsPane,.queueSection,.flowSteps span,.feature{padding-left:16px;padding-right:16px}.brand span:last-child{display:none}}:root{color:#0b0b0b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b0b0b;--panel:#fff;--panel-soft:#fafafa;--line:#e7e7e7;--muted:#666;--text:#0b0b0b;--mist:#8a8a8a;--accent:#000;--accent-soft:#f3f3f3;background:#fff;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}*{letter-spacing:0}:is(body,body:has(.publicQueueRoot)){color:var(--text);background:#fff}button,input,select{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #0b0b0b}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input:focus,select:focus{border-color:#9a9a9a;box-shadow:0 0 0 3px #0000000f}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{color:var(--text)}p{color:var(--muted);line-height:1.6}.primary,.secondary,.iconButton,.mobileNavToggle{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.primary{color:#fff;background:#000;border:1px solid #000;padding:0 18px;font-weight:700}.primary:hover:not(:disabled){background:#252525;border-color:#252525}.secondary{border:1px solid var(--line);color:var(--text);background:#fff;padding:0 16px;font-weight:650}.secondary:hover:not(:disabled),.iconButton:hover:not(:disabled),.mobileNavToggle:hover:not(:disabled){background:#f3f3f3;border-color:#d8d8d8}.iconButton,.mobileNavToggle{border:1px solid var(--line);width:40px;min-width:40px;color:var(--text);background:#fff;padding:0}.iconButton.danger{color:#4c4c4c}.iconButton.danger:hover:not(:disabled){color:#000;border-color:#bdbdbd}.app{background:#fff;min-height:100vh}.publicApp{padding-top:76px}.publicTopbar{z-index:30;min-height:76px;color:var(--text);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;padding:0 32px;position:fixed;inset:0 0 auto}.brand{min-height:44px;color:var(--text);gap:12px;font-size:1.04rem;font-weight:800}.brandMark{color:#fff;width:40px;height:40px;box-shadow:none;background:#0b0b0b;border:1px solid #0b0b0b;border-radius:8px}.brandMark svg{width:29px;height:29px}.workspaceApp{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.workspaceSidebar{z-index:40;width:248px;height:100vh;color:var(--text);border:0;border-right:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fafafa;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.workspaceContent{grid-column:2;min-width:0}.sidebarHead{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.workspaceSidebar .brand{text-align:left;align-items:center}.workspaceSidebar .brand>span:last-child{gap:2px;display:grid}.workspaceSidebar .brand small{color:var(--mist);font-size:.72rem;font-weight:500}.mobileNavToggle{display:none}.workspaceSidebar .segmented{background:0 0;border:0;border-radius:0;gap:4px;width:100%;padding:0;display:grid}.workspaceSidebar .segmented button{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.workspaceSidebar .segmented button:hover{color:var(--text);background:#f0f0f0}.workspaceSidebar .segmented button.active{color:#fff;background:#0b0b0b;border-color:#0b0b0b}.sidebarUtility{border-top:1px solid var(--line);color:var(--muted);gap:12px;margin-top:auto;padding:16px 12px 0;font-size:.84rem;display:grid}.sidebarUtility span{align-items:center;gap:10px;display:flex}.sidebarProfile{border:1px solid var(--line);width:100%;min-height:64px;color:var(--text);text-align:left;background:#fff;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.sidebarProfile:hover{background:#f3f3f3}.sidebarProfile>span:nth-child(2){gap:3px;min-width:0;display:grid}.sidebarProfile strong,.sidebarProfile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebarProfile small{color:var(--mist);font-size:.72rem}.profileInitial{color:#fff;background:#0b0b0b;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.dashboard{width:min(1480px,100%);color:var(--text);margin:0 auto;padding:32px}.pageIntro{justify-content:space-between;align-items:flex-start;gap:24px;min-height:72px;margin-bottom:24px;display:flex}.pageIntro h1{margin:4px 0 8px;font-size:2rem;line-height:1.15}.pageIntro p{max-width:720px;margin:0}.kicker,.eyebrow{color:var(--mist);text-transform:uppercase;font-size:.72rem;font-weight:750;line-height:1.3}.onlineBadge,.statusBadge,.previewLive{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#fff;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:.78rem;font-weight:700;display:inline-flex}.statusBadge.ready{color:#0b0b0b;background:#f3f3f3;border-color:#dcdcdc}.statusBadge.waiting{color:var(--muted);background:#fafafa}.statusPulse{background:#0b0b0b;border-radius:50%;width:7px;height:7px;display:inline-block}.landing{color:var(--text);background:#fff}.landing .hero{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:72px;width:min(1440px,100%);min-height:min(760px,100svh - 110px);margin:0 auto;padding:64px 48px 72px;display:grid;overflow:visible}.heroShade{display:none}.heroContent{width:100%;padding:0;position:relative}.heroContent .eyebrow{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;margin-bottom:24px;padding:0;display:inline-flex}.heroContent h1{color:#0b0b0b;margin:0 0 10px;font-size:4rem;font-weight:850;line-height:1}.heroContent h2{color:#0b0b0b;max-width:600px;margin:0 0 24px;font-size:2rem;font-weight:720;line-height:1.2}.heroContent>p{max-width:590px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.heroActions{align-items:center;gap:10px;margin-top:32px;display:flex}.heroCta{min-height:48px;padding:0 20px;font-size:.95rem}.landingMeta{gap:8px;margin-top:28px}.landingMeta span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:650}.heroWave{border:1px solid var(--line);min-height:480px;color:var(--text);background:#fff;border-radius:8px;align-content:start;gap:0;padding:0;display:grid;overflow:hidden;box-shadow:0 20px 60px #0000000f}.previewHeader{border-bottom:1px solid var(--line);min-height:70px;color:var(--text);padding:16px 20px}.previewHeader>div{gap:3px;display:grid}.previewHeader span,.previewHeader small{color:var(--mist);font-size:.74rem}.previewHeader strong{font-size:1rem}.previewStats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.previewStats>div{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-content:center;gap:4px 10px;min-width:0;min-height:100px;padding:18px;display:grid}.previewStats>div:last-child{border-right:0}.previewStats svg{color:var(--muted);grid-row:span 2}.previewStats strong{font-size:1.35rem}.previewStats span{color:var(--mist);font-size:.75rem}.previewNowPlaying{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:18px 20px;display:grid}.previewCover{color:#fff;background:#0b0b0b;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.previewNowPlaying>div{gap:4px;min-width:0;display:grid}.previewNowPlaying small,.previewNowPlaying span{color:var(--mist);font-size:.74rem}.previewNowPlaying strong,.previewQueue strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.previewEqualizer{border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:76px;padding:8px 20px 20px;display:flex}.previewEqualizer span{background:#b8b8b8;border-radius:0;flex:1;width:auto;max-width:5px}.previewEqualizer span:nth-child(5n),.previewEqualizer span:nth-child(7n){background:#0b0b0b}.previewQueue{min-height:68px;color:var(--muted);background:#fafafa;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 20px;font-size:.8rem;display:grid}.landingFeatures,.landingFlow{width:min(1344px,100% - 64px);margin:0 auto}.landingFeatures{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;padding:0;display:grid}.landingFeatures .feature{border:0;border-right:1px solid var(--line);min-height:230px;color:var(--text);box-shadow:none;background:#fff;border-radius:0;padding:40px}.landingFeatures .feature:last-child{border-right:0}.feature svg{color:var(--text)}.feature h2,.feature h3{color:var(--text);margin:24px 0 10px;font-size:1.15rem}.feature p{margin:0}.landingFlow{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;padding:88px 0 104px;display:grid}.landingFlow h2{margin:10px 0 0;font-size:2rem;line-height:1.25}.flowSteps{border-top:1px solid var(--line);display:grid}.flowSteps span{border:0;border-bottom:1px solid var(--line);min-height:62px;color:var(--text);background:#fff;border-radius:0;align-items:center;padding:0 6px;font-weight:650;display:flex}.authPage{background:#fff;place-items:center;min-height:calc(100vh - 76px);padding:48px 20px;display:grid}.authPanel{border:1px solid var(--line);width:min(560px,100%);color:var(--text);box-shadow:none;background:#fff;border-radius:8px;padding:40px}.authPanel h1{margin:8px 0 12px}.controlStrip{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 20px;display:grid}.stat{border:1px solid var(--line);min-width:0;min-height:118px;color:var(--text);box-shadow:none;background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid}.stat>svg{border:1px solid var(--line);width:34px;height:34px;color:var(--text);border-radius:7px;padding:7px}.stat>div{gap:5px;min-width:0;display:grid}.stat strong{color:var(--text);text-overflow:ellipsis;font-size:1.45rem;line-height:1.15;overflow:hidden}.stat span{color:var(--muted);font-size:.78rem}.dashboardPrimaryGrid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.console,.dashboardConsole{background:0 0;border:0;margin:0;padding:0;display:block}.playerPane,.queueSection,.settingsPane,.playerFrame,.embeddedGuide,.profileHero,.publicQueueNow,.publicQueueList,.queueRule{border:1px solid var(--line);color:var(--text);box-shadow:none;background:#fff;border-radius:8px}.nowPlayingPane,.dashboardQueue{height:100%;min-height:440px}.playerPane,.queueSection,.settingsPane,.playerFrame,.embeddedGuide{padding:22px}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sectionHeader.compact{align-items:center}.sectionHeader h2{color:var(--text);margin:5px 0 6px;font-size:1.08rem}.sectionHeader p{margin:0;font-size:.84rem}.wave{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:4px;height:122px;margin:24px 0;padding:0;display:flex;overflow:hidden}.wave span{background:#c8c8c8;border-radius:0;flex:1;min-width:2px;max-width:5px}.wave span:nth-child(4n),.wave span:nth-child(9n){background:#0b0b0b}.playerControls{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.playerControls>div{border-right:1px solid var(--line);gap:5px;padding:20px 16px 0;display:grid}.playerControls>div:first-child{padding-left:0}.playerControls>div:last-child{border-right:0}.playerControls strong{font-size:1rem}.playerControls span{color:var(--mist);font-size:.72rem}.queueSection{margin:0}.queueList{border-top:1px solid var(--line);margin-top:16px}.trackRow{border:0;border-bottom:1px solid var(--line);min-height:70px;color:var(--text);background:#fff;border-radius:0;grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) auto;align-items:center;gap:14px;padding:10px 4px;display:grid}.dashboardQueue .trackRow{grid-template-columns:28px minmax(0,1fr) auto}.dashboardQueue .trackMeta{flex-wrap:wrap;grid-area:2/2/auto/-1;justify-content:flex-start}.dashboardQueue .trackRow .rowActions{grid-area:1/3}.trackRow:last-child{border-bottom:0}.trackIndex{color:var(--mist);text-align:center;font-size:.76rem;font-weight:700}.trackMain{grid-template-columns:8px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.trackMain h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.88rem;overflow:hidden}.trackMain p{color:var(--mist);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;overflow:hidden}.statusDot{background:#a7a7a7;border-radius:50%;width:6px;height:6px}.trackRow.approved .statusDot{background:#0b0b0b}.trackMeta{min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;font-size:.72rem;display:flex}.trackMeta strong,.trackMeta small,.trackMeta span{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rowActions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.trackRow .iconButton{width:34px;min-width:34px;min-height:34px}.emptyState{min-height:160px;color:var(--muted);text-align:center;background:#fff;border:0;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.richEmpty strong{margin-top:4px}.richEmpty span{color:var(--mist);font-size:.82rem}.richEmpty .secondary{margin-top:8px}.dashboardIntegrationGrid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;margin-bottom:20px;display:grid}.dashboardIntegrationGrid .settingsPane{margin:0}.obsLinkGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.shareLine{border:1px solid var(--line);width:100%;min-width:0;min-height:52px;color:var(--text);text-align:left;background:#fafafa;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.shareLine:hover{background:#f3f3f3}.shareLine>span{gap:3px;min-width:0;display:grid}.shareLine small{color:var(--mist);font-size:.68rem}.shareLine strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:550;overflow:hidden}.compactShare{margin-top:9px}.setupSteps{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:18px;padding-top:16px;font-size:.72rem;display:flex}.setupSteps span{align-items:center;gap:7px;display:inline-flex}.setupSteps strong{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.68rem;display:grid}.integrationFacts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px 0;display:grid}.integrationFacts>div{gap:5px;min-width:0;display:grid}.integrationFacts span{color:var(--mist);font-size:.7rem}.integrationFacts strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.historySection{margin-top:0}.playerModeTabs{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.playerModeTabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex}.playerModeTabs button.active{color:#fff;background:#0b0b0b}.playerWorkspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:20px;display:grid}.playerFrame,.playerSide,.settingsPane{min-width:0}.playerSide{gap:14px;display:grid}.browserPlayerSurface{border:1px solid var(--line);background:#0b0b0b;border-radius:8px;overflow:hidden}.browserPlayerSurface.idle,.playerIdle{color:#fff}.ownMediaPane input,.settingsPane input,.numberField input,.settingsPane select,.settingsPane textarea{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}.ownMediaPane input[type=file]{padding:9px 10px}.embeddedGuide{gap:18px;display:grid}.guideStep{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}.guideStep>strong{border:1px solid var(--line);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.warningBox,.warningText{border:1px solid var(--line);color:var(--muted);background:#fafafa;border-radius:8px}.settingsLayout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settingsLayout>.pageIntro,.settingsLayout>.settingsPane:first-of-type,.settingsLayout>.settingsPane:nth-of-type(2),.settingsLayout>.settingsPane:nth-of-type(5){grid-column:1/-1}.settingsLayout>.pageIntro{width:100%;margin-bottom:4px}.settingsPane{margin:0}.integrationStatus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.integrationStatus>*{border:1px solid var(--line);min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fafafa;border-radius:8px;padding:10px 12px;font-size:.76rem;overflow:hidden}.preflightList{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.preflightList span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 9px;font-size:.7rem;display:inline-flex}.preflightList span.ok{color:#0b0b0b;background:#f3f3f3}.readinessGrid,.diagnosticsGrid{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:16px 0;display:grid;overflow:hidden}.readinessGrid>div,.diagnosticsGrid>div{border-right:1px solid var(--line);background:#fff;gap:5px;min-width:0;padding:12px;display:grid}.readinessGrid>div:last-child,.diagnosticsGrid>div:last-child{border-right:0}.readinessGrid span,.diagnosticsGrid span{color:var(--mist);font-size:.68rem}.readinessGrid strong,.diagnosticsGrid strong{text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.formActions{flex-wrap:wrap;gap:8px;display:flex}.formActions .full{flex:200px;width:auto}.numberField{border-bottom:1px solid var(--line);min-height:54px;color:var(--muted);grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;padding:8px 0;font-size:.82rem;display:grid}.numberField>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.numberField strong{color:var(--mist);font-size:.72rem}.toggle{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:.82rem;display:flex;position:relative}.toggle>span{background:#eee;border:1px solid #cfcfcf;border-radius:999px;flex:none;width:34px;height:20px;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 0 0 1px #d0d0d0}.toggle input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;padding:0;position:absolute}.toggle input:checked+span{background:#0b0b0b;border-color:#0b0b0b}.toggle input:checked+span:after{transform:translate(14px)}.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.streamerStatusGrid,.adminCheckGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.statusFact{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;min-width:0;padding:12px 14px;display:grid}.statusFact span{color:var(--mist);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.statusFact strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.statusFact.ready strong:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.statusFact.technical code{color:inherit;font-size:inherit}.streamerPrimaryActions{justify-content:flex-end}.srCardHeader{align-items:flex-start}.srMasterToggle{flex:none;min-height:32px}.srMasterToggle strong{color:var(--text);font-size:.75rem}.compactSrSettings{border-top-color:var(--line);gap:14px;margin-top:14px;padding-top:14px}.compactToggle{min-height:32px}.roleAccessGroup{gap:8px;display:grid}.roleAccessGroup>span{color:var(--mist);font-size:.72rem;font-weight:700}.compactRoleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.roleOption{border:1px solid var(--line);min-width:0;min-height:34px;color:var(--muted);cursor:pointer;background:#fafafa;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:.73rem;display:flex}.roleOption input{accent-color:#0b0b0b;flex:none;width:14px;height:14px;margin:0}.roleOption span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminLayout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.adminLayout>.pageIntro,.adminWide{grid-column:1/-1}.adminCheckGrid{margin-bottom:12px}.adminMetaLine{border-top:1px solid var(--line);color:var(--mist);flex-wrap:wrap;gap:8px 20px;padding-top:12px;font-size:.74rem;display:flex}.adminMetaLine strong{color:var(--text)}.technicalFacts{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:0;margin-top:14px;display:grid}.technicalFacts>*{border-bottom:1px solid var(--line);min-width:0;padding:10px 0;font-size:.76rem}.technicalFacts span{color:var(--mist)}.technicalFacts strong{overflow-wrap:anywhere}.adminDiagnosticsCard .diagnosticsGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.adminDiagnosticsCard .diagnosticsGrid>div:nth-child(4n){border-right:0}.adminDiagnosticsCard .diagnosticsGrid>div:nth-child(n+5){border-top:1px solid var(--line)}.databasePath{color:var(--mist);gap:5px;margin:12px 0 0;font-size:.7rem;display:grid}.databasePath code{overflow-wrap:anywhere;color:var(--muted)}.adminActionsCard .formActions{justify-content:flex-end}.dangerAction{color:var(--text);border-style:dashed}.compactEmpty{min-height:150px}.accessDeniedPage{place-items:center;min-height:70vh;display:grid}.accessDeniedPage .settingsPane{text-align:center;width:min(520px,100%)}.diagnosticsPanel{background:0 0;border:0;margin:12px 0;padding:0}.profileHero{align-items:center;gap:20px;margin-bottom:18px;display:flex}.profileAvatar .brandMark{width:64px;height:64px}.profileGrid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;display:grid}.profileFacts{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:0;display:grid}.profileFacts>*{border-bottom:1px solid var(--line);align-items:center;min-height:44px;display:flex}.profileFacts span{color:var(--mist);font-size:.76rem}.profileFacts strong{text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.notice{z-index:100;max-width:min(420px,100% - 36px);color:var(--text);background:#fff;border:1px solid #d6d6d6;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 12px 32px #0000001a}.notice.success,.notice.error{border-color:#d6d6d6}.success,.warningText{color:var(--muted)}.readinessGrid .ready,.readinessGrid .waiting{border-color:var(--line)}.trackRow.blocked .statusDot{background:#747474}.dockPanelRoot{min-height:100vh;color:var(--text);background:#fff;align-content:start;gap:12px;padding:12px;display:grid}.dockNow,.dockQueue{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.trackMini{border-bottom:1px solid var(--line);min-height:48px;color:var(--text);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;display:grid}.trackMini span{color:var(--mist)}.publicQueueRoot{width:min(1080px,100% - 40px);color:var(--text);margin:0 auto;padding:56px 0 72px}.publicQueueHero{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:24px;min-height:230px;margin-bottom:18px;display:grid}.queueRule,.publicQueueNow,.publicQueueList{border-color:var(--line);color:var(--text);box-shadow:none;background:#fff}.queueRule strong{color:var(--text)}.queueRule span,.publicQueueItem span,.emptyText{color:var(--mist)}.publicQueueItem{border-top:1px solid var(--line)}.publicQueueItem>strong{color:#fff;background:#0b0b0b}.publicQueuePreferences{justify-content:flex-end;gap:8px;margin-bottom:16px;display:flex}@media (width<=1240px){.workspaceApp{grid-template-columns:88px minmax(0,1fr)}.workspaceSidebar{width:88px;padding:20px 12px}.workspaceSidebar .brand>span:last-child,.workspaceSidebar .segmented button span,.sidebarUtility,.sidebarProfile{display:none}.workspaceSidebar .brand{justify-content:center}.workspaceSidebar .segmented button{justify-content:center;padding:0}.workspacePreferences{flex-direction:column;margin:auto auto 0}.controlStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardPrimaryGrid,.dashboardIntegrationGrid{grid-template-columns:1fr}.nowPlayingPane,.dashboardQueue{min-height:auto}}@media (width<=1024px){.landing .hero{grid-template-columns:1fr 1fr;gap:36px;padding:52px 32px 64px}.heroContent h1{font-size:3.4rem}.heroContent h2{font-size:1.7rem}.heroWave{min-height:440px}.playerWorkspace,.profileGrid{grid-template-columns:1fr}.readinessGrid,.diagnosticsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.adminCheckGrid,.adminDiagnosticsCard .diagnosticsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminDiagnosticsCard .diagnosticsGrid>div:nth-child(2n){border-right:0}.adminDiagnosticsCard .diagnosticsGrid>div:nth-child(n+3){border-top:1px solid var(--line)}.readinessGrid>div,.diagnosticsGrid>div{border-bottom:1px solid var(--line)}}@media (width<=768px){.publicApp{padding-top:68px}.publicTopbar{flex-direction:row;min-height:68px;padding:0 18px}.workspaceApp{display:block}.workspaceSidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:68px;padding:10px 16px;display:block;inset:0 0 auto}.workspaceSidebar .brand{justify-content:flex-start}.workspaceSidebar .brand>span:last-child{display:grid}.mobileNavToggle{display:inline-flex}.workspaceSidebar .segmented{border-bottom:1px solid var(--line);background:#fff;gap:3px;padding:10px 14px 14px;display:none;position:absolute;top:67px;left:0;right:0;box-shadow:0 14px 28px #00000014}.workspaceSidebar.navOpen .segmented{display:grid}.workspaceSidebar .segmented button{justify-content:flex-start;padding:0 12px}.workspaceSidebar .segmented button span{display:inline}.workspaceContent{padding-top:68px}.dashboard{padding:24px 18px 48px}.pageIntro{min-height:auto}.pageIntro h1{font-size:1.7rem}.landing .hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding:56px 22px 64px}.heroContent{order:1}.heroWave{order:2;min-height:420px}.landingFeatures,.landingFlow{width:calc(100% - 44px)}.landingFeatures,.landingFlow,.settingsLayout,.adminLayout{grid-template-columns:1fr}.landingFeatures .feature{border-right:0;border-bottom:1px solid var(--line);min-height:190px;padding:30px 0}.landingFeatures .feature:last-child{border-bottom:0}.landingFlow{gap:32px;padding:64px 0 72px}.settingsLayout>.settingsPane,.adminLayout>.settingsPane,.adminLayout>.pageIntro{grid-column:1}.streamerStatusGrid,.adminCheckGrid{grid-template-columns:1fr}.compactRoleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.obsLinkGrid,.integrationStatus,.integrationFacts{grid-template-columns:1fr}.trackRow,.dashboardQueue .trackRow{grid-template-columns:28px minmax(0,1fr) auto}.trackRow:not(:has(.trackIndex)){grid-template-columns:minmax(0,1fr) auto}.trackMeta{flex-wrap:wrap;grid-column:2/-1;justify-content:flex-start}.trackRow:not(:has(.trackIndex)) .trackMeta{grid-column:1/-1}.trackRow .rowActions{grid-area:1/3}.readinessGrid,.diagnosticsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.publicQueueHero{grid-template-columns:1fr}}@media (width<=480px){.publicTopbar .secondary{min-height:38px;padding:0 11px;font-size:.76rem}.workspaceSidebar .brand small{display:none}.heroContent h1{font-size:3rem}.heroContent h2,.landingFlow h2{font-size:1.5rem}.heroActions{flex-direction:column;align-items:stretch}.compactRoleGrid,.adminDiagnosticsCard .diagnosticsGrid{grid-template-columns:1fr}.adminDiagnosticsCard .diagnosticsGrid>div{border-right:0;border-top:1px solid var(--line)}.srCardHeader{flex-direction:column;align-items:stretch}.srMasterToggle{align-self:flex-start}.heroCta{width:100%}.previewStats>div{grid-template-columns:1fr;gap:4px;min-height:88px;padding:12px}.previewStats svg{display:none}.previewStats strong{font-size:1.05rem}.previewQueue{grid-template-columns:1fr auto}.previewQueue>span:first-child{grid-column:1/-1}.controlStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{grid-template-columns:1fr;gap:8px;min-height:106px;padding:14px}.stat>svg{width:30px;height:30px}.stat strong{font-size:1.2rem}.pageIntro,.sectionHeader{flex-direction:column;align-items:flex-start}.playerPane,.queueSection,.settingsPane,.playerFrame,.embeddedGuide,.authPanel{padding:18px}.playerControls{grid-template-columns:1fr}.playerControls>div,.playerControls>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.playerControls>div:last-child{border-bottom:0}.playerModeTabs{width:100%;overflow-x:auto}.playerModeTabs button{flex:1 0 auto}.trackRow,.dashboardQueue .trackRow{grid-template-columns:minmax(0,1fr)}.trackRow:not(:has(.trackIndex)){grid-template-columns:minmax(0,1fr)}.trackIndex{display:none}.trackMeta{grid-column:1/-1}.trackRow:not(:has(.trackIndex)) .trackMeta{grid-column:1/-1}.trackRow .rowActions{grid-area:auto/1;justify-content:flex-start}.numberField,.roleGrid,.readinessGrid,.diagnosticsGrid{grid-template-columns:1fr}.publicQueueRoot{width:calc(100% - 28px);padding-top:32px}.publicQueueItem{grid-template-columns:36px minmax(0,1fr)}}.sidebarUtility button{min-height:34px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.sidebarUtility button:hover{color:var(--text)}.rulesFieldGrid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.rulesFieldGrid .numberField{grid-template-columns:minmax(120px,1fr) minmax(180px,.8fr)}.rulesFieldGrid .numberField input{width:100%;min-width:96px}.settingsSaveBar{z-index:4;border:1px solid var(--line);min-height:66px;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 30px #0b0b0b14}.settingsSaveBar .primary,.blacklistAddRow .secondary,.playlistHistoryRow .secondary,.playlistModeControl button,.adminBotCard .formActions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.blacklistCard{grid-column:1/-1}.blacklistAddRow{grid-template-columns:minmax(180px,1fr) auto;gap:10px;margin:16px 0;display:grid}.blacklistColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.blacklistColumns>div{border-top:1px solid var(--line);min-width:0}.blacklistColumns h3{margin:14px 0 8px;font-size:.82rem}.blacklistItem{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.blacklistItem>span{text-overflow:ellipsis;white-space:nowrap;gap:3px;min-width:0;display:grid;overflow:hidden}.blacklistItem small{color:var(--muted)}.inlineMessage{border:1px solid var(--line);color:var(--text);background:#fafafa;border-radius:8px;margin-bottom:16px;padding:11px 14px}.inlineMessage.error{border-style:dashed}.playlistWorkspace{grid-template-columns:minmax(220px,.28fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.playlistSidebar{position:sticky;top:20px}.playlistCreateRow,.playlistRenameRow{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.playlistNav{gap:5px;margin-top:14px;display:grid}.playlistNav button{min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;display:grid}.playlistNav button:hover,.playlistNav button.active{color:var(--text);border-color:var(--line);background:#f3f3f3}.playlistNav button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlistEditorHeader,.playlistPlaybackBar,.playlistTrackRow,.playlistHistoryRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.playlistEditorHeader{align-items:flex-start}.playlistEditorHeader h2{margin:6px 0 0}.playlistRenameRow input{min-width:220px;font-size:1.1rem;font-weight:760}.playlistPlaybackBar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 8px;padding:12px 0}.playlistModeControl button{padding:0 10px}.playlistTrackList,.playlistHistoryList{display:grid}.playlistTrackRow,.playlistHistoryRow{border-bottom:1px solid var(--line);min-height:58px}.playlistTrackRow{grid-template-columns:28px minmax(0,1fr) auto;display:grid}.playlistTrackRow>div:not(.rowActions),.playlistHistoryRow>div:first-child{gap:4px;min-width:0;display:grid}.playlistTrackRow strong,.playlistHistoryRow strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlistTrackRow small,.playlistHistoryRow small{color:var(--muted)}.playlistHistorySection{margin-top:18px}.infoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.infoGrid .settingsPane{min-height:250px}.guideNumber{color:var(--muted);font-size:.75rem;font-weight:800}.commandExample{border:1px solid var(--line);overflow-wrap:anywhere;background:#fafafa;border-radius:7px;margin:18px 0;padding:12px;display:block}.supportContacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.supportContact{min-height:110px;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:7px 14px;text-decoration:none;display:grid}.supportContact span{color:var(--muted);grid-column:1/-1;font-size:.75rem}.supportContact:hover{background:#f3f3f3}html[data-theme=dark] .settingsSaveBar,html[data-theme=dark] .inlineMessage,html[data-theme=dark] .commandExample{color:var(--text);border-color:var(--line);background:#111315f2}html[data-theme=dark] .playlistNav button:hover,html[data-theme=dark] .playlistNav button.active,html[data-theme=dark] .supportContact:hover{color:var(--text);border-color:var(--line);background:#1b1e22}html[data-theme=dark] .blacklistColumns>div,html[data-theme=dark] .blacklistItem,html[data-theme=dark] .playlistPlaybackBar,html[data-theme=dark] .playlistTrackRow,html[data-theme=dark] .playlistHistoryRow{border-color:var(--line)}@media (width<=1024px){.infoGrid{grid-template-columns:1fr}.infoGrid .settingsPane{min-height:0}}@media (width<=768px){.rulesFieldGrid,.blacklistColumns,.playlistWorkspace,.supportContacts{grid-template-columns:1fr}.playlistSidebar{position:static}.playlistNav{grid-template-columns:repeat(2,minmax(0,1fr))}.playlistPlaybackBar,.playlistHistoryRow{flex-direction:column;align-items:stretch}.playlistHistoryRow{padding:12px 0}}@media (width<=480px){.blacklistAddRow,.playlistNav{grid-template-columns:1fr}.settingsSaveBar{flex-direction:column;align-items:stretch}.settingsSaveBar .primary{width:100%}.playlistTrackRow{grid-template-columns:24px minmax(0,1fr);padding:10px 0}.playlistTrackRow .rowActions{grid-column:1/-1;justify-content:flex-end}}.publicHeaderActions{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.themeToggle{border:1px solid var(--line);width:40px;min-width:40px;height:40px;color:var(--text);background:var(--panel);border-radius:8px;place-items:center;padding:0;transition:background-color .16s,border-color .16s,color .16s;display:inline-grid}.languageToggle{border:1px solid var(--line);width:40px;min-width:40px;height:40px;color:var(--text);background:var(--panel);border-radius:8px;place-items:center;padding:0;font-size:.7rem;font-weight:800;display:inline-grid}.languageToggle:hover{background:var(--accent-soft)}.previewControl{cursor:default;pointer-events:none}.workspacePreferences{align-items:center;gap:8px;margin-left:auto;display:flex}.themeToggle:hover{background:var(--accent-soft);border-color:#bcbcbc}.workspaceThemeToggle{margin-left:auto;position:static}html[data-theme=dark]{color:#f4f4f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f4f5;--panel:#111315;--panel-soft:#16181b;--line:#292c31;--muted:#a2a5ab;--text:#f4f4f5;--mist:#777b83;--accent:#fff;--accent-soft:#1b1e22;background:#0b0c0e}html[data-theme=dark] body,html[data-theme=dark] .app,html[data-theme=dark] .landing,html[data-theme=dark] .authPage,html[data-theme=dark] .workspaceContent,html[data-theme=dark] .publicQueueRoot{color:var(--text);background:#0b0c0e}html[data-theme=dark] body:has(.publicQueueRoot){color:var(--text);background:#0b0c0e}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong{color:var(--text)}html[data-theme=dark] p{color:var(--muted)}html[data-theme=dark] .publicTopbar{color:var(--text);border-color:var(--line);background:#0b0c0ef5}html[data-theme=dark] .brand{color:var(--text)}html[data-theme=dark] .brandMark,html[data-theme=dark] .profileInitial,html[data-theme=dark] .previewCover{color:#fff;background:#0b0c0e;border-color:#34373d}html[data-theme=dark] .primary{color:#0b0c0e;background:#fff;border-color:#fff}html[data-theme=dark] .primary:hover:not(:disabled){color:#0b0c0e;background:#dedede;border-color:#dedede}html[data-theme=dark] .secondary,html[data-theme=dark] .iconButton,html[data-theme=dark] .mobileNavToggle,html[data-theme=dark] .themeToggle,html[data-theme=dark] .languageToggle{color:var(--text);border-color:var(--line);background:#121417}html[data-theme=dark] .secondary:hover:not(:disabled),html[data-theme=dark] .iconButton:hover:not(:disabled),html[data-theme=dark] .mobileNavToggle:hover:not(:disabled),html[data-theme=dark] .themeToggle:hover,html[data-theme=dark] .languageToggle:hover{color:#fff;background:#1b1e22;border-color:#3a3d43}html[data-theme=dark] .workspaceSidebar{color:var(--text);border-color:var(--line);background:#0e0f11}html[data-theme=dark] .workspaceSidebar .segmented button{color:var(--muted)}html[data-theme=dark] .workspaceSidebar .segmented button:hover{color:var(--text);background:#17191c}html[data-theme=dark] .workspaceSidebar .segmented button.active{color:#fff;background:#1c1e22;border-color:#2d3035;box-shadow:inset 2px 0 #fff}html[data-theme=dark] .sidebarUtility{color:var(--muted);border-color:var(--line)}html[data-theme=dark] .sidebarProfile{color:var(--text);border-color:var(--line);background:#121417}html[data-theme=dark] .sidebarProfile:hover{background:#1a1c20}html[data-theme=dark] .onlineBadge,html[data-theme=dark] .statusBadge,html[data-theme=dark] .previewLive,html[data-theme=dark] .landingMeta span,html[data-theme=dark] .preflightList span{color:var(--muted);border-color:var(--line);background:#121417}html[data-theme=dark] .statusBadge.ready,html[data-theme=dark] .preflightList span.ok{color:#f4f4f5;background:#1b1e22;border-color:#34373d}html[data-theme=dark] .statusPulse{background:#f4f4f5}html[data-theme=dark] .heroContent h1,html[data-theme=dark] .heroContent h2,html[data-theme=dark] .landingFlow h2{color:#f7f7f7}html[data-theme=dark] .heroWave{color:var(--text);border-color:var(--line);background:#111315;box-shadow:0 24px 72px #00000052}html[data-theme=dark] .previewHeader,html[data-theme=dark] .previewStats,html[data-theme=dark] .previewStats>div,html[data-theme=dark] .previewEqualizer,html[data-theme=dark] .previewNowPlaying{border-color:var(--line)}html[data-theme=dark] .previewQueue{color:var(--muted);background:#15171a}html[data-theme=dark] .previewEqualizer span,html[data-theme=dark] .wave span{background:#45484e}html[data-theme=dark] .previewEqualizer span:nth-child(5n),html[data-theme=dark] .previewEqualizer span:nth-child(7n),html[data-theme=dark] .wave span:nth-child(4n),html[data-theme=dark] .wave span:nth-child(9n){background:#f2f2f2}html[data-theme=dark] .landingFeatures,html[data-theme=dark] .landingFeatures .feature,html[data-theme=dark] .flowSteps,html[data-theme=dark] .flowSteps span{color:var(--text);border-color:var(--line);background:#0b0c0e}html[data-theme=dark] .feature svg{color:var(--text)}html[data-theme=dark] .authPanel,html[data-theme=dark] .stat,html[data-theme=dark] .playerPane,html[data-theme=dark] .queueSection,html[data-theme=dark] .settingsPane,html[data-theme=dark] .playerFrame,html[data-theme=dark] .embeddedGuide,html[data-theme=dark] .profileHero,html[data-theme=dark] .publicQueueNow,html[data-theme=dark] .publicQueueList,html[data-theme=dark] .queueRule,html[data-theme=dark] .dockNow,html[data-theme=dark] .dockQueue{color:var(--text);border-color:var(--line);background:#111315}html[data-theme=dark] .stat>svg,html[data-theme=dark] .setupSteps strong,html[data-theme=dark] .guideStep>strong{color:var(--text);border-color:var(--line)}html[data-theme=dark] .wave,html[data-theme=dark] .playerControls,html[data-theme=dark] .playerControls>div,html[data-theme=dark] .queueList,html[data-theme=dark] .trackRow,html[data-theme=dark] .setupSteps,html[data-theme=dark] .integrationFacts,html[data-theme=dark] .guideStep,html[data-theme=dark] .profileFacts>*{border-color:var(--line)}html[data-theme=dark] .trackRow,html[data-theme=dark] .emptyState,html[data-theme=dark] .trackMini{color:var(--text);background:#111315}html[data-theme=dark] .statusDot{background:#666a72}html[data-theme=dark] .trackRow.approved .statusDot{background:#f4f4f5}html[data-theme=dark] .shareLine,html[data-theme=dark] .integrationStatus>*,html[data-theme=dark] .readinessGrid>div,html[data-theme=dark] .diagnosticsGrid>div,html[data-theme=dark] .statusFact,html[data-theme=dark] .roleOption,html[data-theme=dark] .warningBox,html[data-theme=dark] .warningText{color:var(--text);border-color:var(--line);background:#15171a}html[data-theme=dark] .shareLine:hover{background:#1b1e22}html[data-theme=dark] .readinessGrid,html[data-theme=dark] .diagnosticsGrid,html[data-theme=dark] .readinessGrid>div,html[data-theme=dark] .diagnosticsGrid>div{border-color:var(--line)}html[data-theme=dark] .playerModeTabs{border-color:var(--line);background:#111315}html[data-theme=dark] .playerModeTabs button{color:var(--muted)}html[data-theme=dark] .playerModeTabs button.active{color:#0b0c0e;background:#fff}html[data-theme=dark] .ownMediaPane input,html[data-theme=dark] .settingsPane input,html[data-theme=dark] .numberField input,html[data-theme=dark] .settingsPane select,html[data-theme=dark] .settingsPane textarea{color:var(--text);border-color:var(--line);background:#0f1113}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus{border-color:#74777d;box-shadow:0 0 0 3px #ffffff12}html[data-theme=dark] .toggle>span{background:#272a2f;border-color:#3a3d43}html[data-theme=dark] .toggle input:checked+span{background:#f4f4f5;border-color:#f4f4f5}html[data-theme=dark] .toggle input:checked+span:after{box-shadow:none;background:#0b0c0e}html[data-theme=dark] .roleOption input{accent-color:#f4f4f5}html[data-theme=dark] .notice{color:var(--text);background:#15171a;border-color:#34373d;box-shadow:0 16px 38px #00000057}html[data-theme=dark] .dockPanelRoot{color:var(--text);background:#0b0c0e}html[data-theme=dark] .publicQueueItem{border-color:var(--line)}html[data-theme=dark] .publicQueueItem>strong{color:#0b0c0e;background:#f4f4f5}@media (width<=768px){.workspacePreferences{flex-direction:row;margin:0;position:absolute;top:14px;right:64px}html[data-theme=dark] .workspaceSidebar .segmented{border-color:var(--line);background:#0e0f11;box-shadow:0 14px 28px #0000004d}}@media (width<=480px){.publicHeaderActions{gap:6px}.themeToggle{width:38px;min-width:38px;height:38px}.languageToggle{width:38px;min-width:38px;height:38px;padding:0}.workspaceSidebar .brand>span:last-child{display:none}}.compactPageIntro{align-items:center;min-height:42px;margin-bottom:16px}.compactPageIntro h1{margin:0}.pageIntroWithIcon{justify-content:space-between}.backgroundMusicBar{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:18px;min-height:74px;margin-bottom:18px;padding:12px 14px;display:flex}.backgroundMusicBar.locked{background:var(--panel-soft)}.backgroundMusicTitle{align-items:center;gap:10px;min-width:250px;display:flex}.backgroundMusicTitle>div{gap:3px;min-width:0;display:grid}.backgroundMusicTitle strong,.backgroundMusicTitle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.backgroundMusicTitle span,.playlistSourceField>span{color:var(--mist);font-size:.72rem}.backgroundMusicControls{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.playlistSourceField{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:9px;min-width:min(300px,36vw);display:grid}.playlistSourceField select{width:100%}.backgroundMusicBar>.miniButton{margin-left:auto}.backgroundMusicBar>.warningText{width:100%}.vipLockedArea{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.vipBlurPreview{opacity:.42;filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);gap:18px;display:grid;position:absolute;inset:18px}.vipBlurPreview>aside,.vipPreviewTracks{align-content:start;gap:14px;display:grid}.vipBlurPreview>aside span,.vipPreviewTracks span{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;padding:0 10px;display:flex}.vipPreviewTracks span svg:last-child{margin-left:auto}.vipGate{z-index:1;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);text-align:center;border-radius:8px;justify-items:center;gap:12px;width:min(520px,100% - 32px);padding:28px;display:grid;position:relative}.vipGate h2,.vipGate p{margin:0}.vipGate p,.vipGate small{color:var(--muted)}.vipGateIcon{border:1px solid var(--line);border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.vipBadge{color:var(--text);align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.vipContactActions{gap:8px;display:flex}.vipProfileCard{align-items:center;gap:18px;margin-bottom:18px;display:flex;position:relative}.vipProfileCard>div:first-child{gap:4px;display:grid}.vipProfileCard>div:first-child small{color:var(--muted)}.vipProfileCard>.subtleButton{opacity:.72;margin-left:auto}.vipRenewContacts{z-index:8;border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:260px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0000001f}.vipRenewContacts a,.vipRenewContacts button{min-height:40px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:flex}.profileStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.profileSessionActions{gap:10px;margin-top:18px}.profileSessionActions .full{min-height:48px;padding:0 18px}.landingVipShowcase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);align-items:center;gap:clamp(32px,7vw,96px);padding:clamp(54px,8vw,104px) clamp(20px,7vw,110px);display:grid}.vipShowcaseCopy{gap:18px;display:grid}.vipShowcaseCopy h2,.vipShowcaseCopy p{margin:0}.vipShowcaseCopy h2{max-width:720px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.vipShowcaseCopy p{max-width:650px;color:var(--muted);font-size:1.02rem;line-height:1.65}.vipShowcasePreview{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vipShowcaseHead,.vipShowcaseTrack,.vipShowcaseMode{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.vipShowcaseHead span,.vipShowcaseTrack span,.vipShowcaseTrack small{color:var(--muted)}.vipShowcaseTrack{grid-template-columns:24px minmax(0,1fr) auto}.vipShowcaseMode{border-bottom:0;font-weight:750;display:flex}.adminSummary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.adminSummary .stat{min-height:108px}.adminUserFilters{grid-template-columns:minmax(240px,1fr) minmax(160px,.25fr) auto;gap:8px;margin:16px 0;display:grid}.searchField{border:1px solid var(--line);background:var(--panel);border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.searchField input{background:0 0;border:0;min-width:0;padding:0}.adminUserList{border-top:1px solid var(--line);display:grid}.adminUserList>button{border:0;border-bottom:1px solid var(--line);min-height:62px;color:var(--text);text-align:left;background:0 0;grid-template-columns:36px minmax(180px,1fr) auto 110px 20px;align-items:center;gap:12px;padding:8px;display:grid}.adminUserList>button:hover,.adminUserList>button.active{background:var(--accent-soft)}.adminUserList>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.adminUserList small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminUserWorkspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.adminUserWorkspace textarea,.adminModerationCard textarea{resize:vertical;min-height:92px;padding:10px 12px}.vipDurationGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:14px 0 10px;display:grid}.customDurationRow{grid-template-columns:minmax(80px,1fr) auto auto;align-items:center;gap:8px;display:grid}.permissionRows{border-top:1px solid var(--line);margin:14px 0;display:grid}.permissionRows label{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);align-items:center;gap:12px;min-height:52px;display:grid}.adminModerationCard,.adminDataCard{align-content:start;gap:12px;display:grid}.adminDataStats,.adminActionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.adminDataStats span{border:1px solid var(--line);color:var(--muted);border-radius:7px;gap:5px;padding:10px;display:grid}.adminDataStats strong{color:var(--text);font-size:1.1rem}.dangerZone{border-top:1px dashed var(--line);gap:8px;margin-top:14px;padding-top:14px;display:grid}.dangerZone p{color:var(--muted);margin:0}.dangerZone>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.adminAuditList{display:grid}.adminAuditList>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(140px,.6fr) auto;align-items:center;gap:12px;min-height:44px;display:grid}.adminAuditList span,.adminAuditList small{color:var(--muted)}@media (width<=1024px){.adminSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.landingVipShowcase,.adminUserWorkspace{grid-template-columns:1fr}}@media (width<=768px){.compactPageIntro{min-height:38px;margin-bottom:14px}.backgroundMusicBar,.backgroundMusicControls{flex-direction:column;align-items:stretch}.backgroundMusicTitle,.playlistSourceField{width:100%;min-width:0}.backgroundMusicControls,.backgroundMusicBar>.miniButton{width:100%;margin:0}.vipBlurPreview{grid-template-columns:1fr}.profileStats,.adminSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.adminUserFilters,.adminUserList>button,.adminDataStats,.adminActionGrid,.adminAuditList>div{grid-template-columns:1fr}.adminUserList>button{justify-items:start}.vipDurationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.playlistSourceField,.permissionRows label,.customDurationRow,.dangerZone>div{grid-template-columns:1fr}.vipProfileCard{flex-wrap:wrap;align-items:flex-start}.vipProfileCard>.subtleButton{margin-left:0}.vipRenewContacts{width:100%;position:static}.vipContactActions{flex-direction:column;width:100%}.profileStats,.adminSummary{grid-template-columns:1fr}}