: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{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)}.heroCta{min-height:54px;padding:0 24px;font-size:1.02rem}.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,h2,h3,p{margin-top:0}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}p{color:var(--muted);line-height:1.7}.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}.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{grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);align-items:center;gap:28px;padding:26px 0 72px;display:grid}.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}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input:focus,select:focus{border-color:#b9adff;box-shadow:0 0 0 3px #7b61ff33}.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>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.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}.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;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}.profileHero{align-items:center;gap:20px;margin-bottom:20px;display:flex}.profileAvatar .brandMark{width:78px;height:78px}.profileAvatar .brandMark svg{width:56px;height:56px}.profileGrid{grid-template-columns:minmax(0,1fr) 360px;gap:20px;display:grid}.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}.playerModeTabs button.active{color:#fff;background:#ffffff14}.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}.toggle input:checked+span:after{transform:translate(20px)}.queueList{gap:10px;display:grid}.historySection{margin-top:20px}.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}.statusDot{background:#f1be63;border-radius:50%;width:12px;height:12px}.trackRow.approved .statusDot{background:#7b61ff}.trackRow.blocked .statusDot{background:#f07b67}.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{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:22px;min-height:260px;margin-bottom:18px;display:grid}.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}}