:root{color-scheme:dark;--ink: #f7fbfb;--muted: #aab8ba;--subtle: #6f8084;--page: #071012;--panel: #101a1d;--panel-2: #152226;--line: rgba(215, 238, 238, .13);--teal: #20d1c0;--teal-deep: #0d847b;--coral: #ff7868;--gold: #f6bd58;--blue: #6da2ff;--danger: #ff6b6b;--shadow: 0 24px 70px rgba(0, 0, 0, .42);--radius: 8px}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 12%,rgba(32,209,192,.16),transparent 28rem),radial-gradient(circle at 88% 10%,rgba(255,120,104,.2),transparent 30rem),linear-gradient(180deg,#071012,#0b1417 54%,#071012);letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.appShell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(238px,.9fr) minmax(360px,1fr) minmax(170px,.7fr);gap:18px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line);background:#071012d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brandMark{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:var(--radius);color:#041112;background:linear-gradient(135deg,#ff7868e0,#f6bd58eb 42%,#20d1c0fa);box-shadow:0 14px 32px #20d1c03d}.brandMark svg{transform:translate(-4px)}.brandWaveBars{position:absolute;right:8px;bottom:9px;display:inline-flex;align-items:end;gap:2px}.brandWaveBars i{display:block;width:3px;border-radius:999px;background:#041112}.brandWaveBars i:nth-child(1){height:9px}.brandWaveBars i:nth-child(2){height:15px}.brandWaveBars i:nth-child(3){height:11px}.brandWords{display:grid;gap:1px;min-width:0}.brandWords strong,.brandWords small,.brandKicker{display:block;white-space:nowrap}.brandKicker{color:var(--coral);font-size:.62rem;font-weight:950;line-height:1;text-transform:uppercase}.brandWords strong{font-size:1.08rem;line-height:1}.brandWords small{color:var(--muted);font-size:.72rem;font-weight:800}.navTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}.navButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);background:transparent;cursor:pointer;font-size:.86rem;font-weight:850}.navButton:hover,.navButton.active{color:var(--ink);border-color:#ffffff29;background:#ffffff14}.accountChip{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:38px;max-width:230px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff0f;font-size:.86rem;font-weight:850;cursor:pointer}.accountChip:hover{color:var(--ink);border-color:#20d1c080}.accountChip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{position:relative;min-height:clamp(560px,72vh,780px);display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}.heroImage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01)}.heroShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#071012db,#0710128c,#07101229 68%,#071012b8),linear-gradient(180deg,#0710121f,#0710121a 42%,#071012f0)}.heroContent{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:92px 0 132px}.heroBrandLockup{display:inline-flex;align-items:center;gap:11px;margin-bottom:18px;padding:7px 10px 7px 7px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);color:#fff;background:#07101257;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.95rem;font-weight:950}.heroBrandLockup .brandMark{width:38px;height:38px;flex-basis:38px}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:.73rem;font-weight:950;text-transform:uppercase;letter-spacing:0}.hero h1{max-width:10ch;margin:0;color:#fff;font-size:clamp(3.2rem,8vw,7.8rem);line-height:.9;letter-spacing:0}.heroLead{max-width:620px;margin:22px 0 0;color:#f7fbfbd1;font-size:clamp(1.02rem,2vw,1.3rem);line-height:1.55;font-weight:650}.heroActions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.primaryButton,.ghostButton,.iconTextButton,.stationButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:var(--radius);cursor:pointer;font-weight:950}.primaryButton{border:1px solid rgba(32,209,192,.7);color:#041112;background:linear-gradient(135deg,var(--teal),#dcfffb);box-shadow:0 18px 44px #20d1c02e}.primaryButton:hover{filter:saturate(1.06)}.primaryButton:disabled,.ghostButton:disabled,.stationButton:disabled{cursor:not-allowed;opacity:.58}.heroButton{min-width:168px;min-height:48px;padding:0 18px}.ghostButton,.iconTextButton{border:1px solid rgba(255,255,255,.18);color:var(--ink);background:#ffffff17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.playerDock{position:relative;z-index:4;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1fr);gap:18px;width:min(1180px,calc(100% - 48px));margin:-72px auto 0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:#0c171ad1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.playerMeta{display:flex;align-items:center;gap:13px;min-width:0}.playerMeta h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.18rem;line-height:1.15}.playerMeta p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:.9rem}.liveDot{width:12px;height:12px;flex:0 0 12px;border-radius:999px;background:var(--coral);box-shadow:0 0 0 7px #ff786824}.playerControls{display:grid;grid-template-columns:42px minmax(180px,1fr) auto auto;gap:10px;align-items:center}.streamOptions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}.streamToggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#d7e4e6;font-size:.82rem;font-weight:900}.streamToggle input{width:16px;height:16px;accent-color:var(--teal)}.queueStatus{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800}.playerControls audio{width:100%;min-height:40px}.roundButton,.iconButton{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--ink);background:#ffffff14;cursor:pointer}.roundButton:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.48}.iconTextButton{min-height:40px;padding:0 12px;color:#061112;border-color:#20d1c0a3;background:var(--teal)}.iconTextButton.secondaryButton{color:var(--ink);border-color:#ffffff29;background:#ffffff14}.iconTextButton:disabled{cursor:not-allowed;opacity:.52}.audioPlaceholder{display:grid;place-items:center;min-height:40px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius);color:var(--subtle);font-weight:850}.workspace{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 56px}.statusRow{display:grid;gap:10px;margin-bottom:18px}.status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-weight:850}.status.info{color:#d6fbff;background:#6da2ff24}.status.success{color:#d9fffa;background:#20d1c024}.status.danger{color:#fff1ef;background:#ff6b6b29}.status button{width:28px;height:28px;border:0;border-radius:var(--radius);color:inherit;background:#ffffff1f;cursor:pointer}.sectionBlock{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff13,#ffffff0b);box-shadow:0 16px 46px #0003;padding:16px}.sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sectionHeader h2{margin:0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1;letter-spacing:0}.countBadge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;border-radius:var(--radius);color:#041112;background:var(--teal);font-weight:950}.stationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stationCard{position:relative;display:grid;align-content:space-between;min-height:228px;padding:16px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff14,#ffffff09),#101a1d}.stationCard:before{content:"";position:absolute;inset:auto -18% -28% 22%;height:150px;border-radius:999px;opacity:.28;filter:blur(34px)}.stationCard.teal:before{background:var(--teal)}.stationCard.coral:before{background:var(--coral)}.stationCard.gold:before{background:var(--gold)}.stationCard.blue:before{background:var(--blue)}.stationCard.active{border-color:#20d1c099;box-shadow:0 0 0 3px #20d1c01f}.stationCard>*{position:relative;z-index:1}.stationTopline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--teal);font-size:.78rem;font-weight:950;text-transform:uppercase}.stationCard h3{margin:18px 0 0;font-size:1.55rem;line-height:1;letter-spacing:0}.stationCard p{margin:10px 0 0;color:var(--muted);line-height:1.48}.stationTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.stationTags span,.trackMeta span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--radius);color:#d7e4e6;background:#ffffff14;font-size:.72rem;font-weight:850}.stationButton{justify-self:start;min-height:40px;margin-top:18px;padding:0 12px;border:1px solid rgba(255,255,255,.15);color:var(--ink);background:#ffffff1a}.stationButton:hover{border-color:#20d1c09e}.contentGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px}.mixerForm,.accountPanel{display:grid;gap:13px}.fieldStack{display:grid;gap:7px}.fieldStack span{color:#d7e4e6;font-size:.8rem;font-weight:900}.fieldStack textarea,.fieldStack input,.fieldStack select,.playlistForm input,.searchBox input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);color:var(--ink);background:#071012b8;outline:none}.fieldStack textarea{min-height:118px;resize:vertical;padding:12px;line-height:1.5}.fieldStack input,.fieldStack select,.playlistForm input,.searchBox input{min-height:42px;padding:0 11px}.fieldStack input:focus,.fieldStack select:focus,.fieldStack textarea:focus,.playlistForm input:focus,.searchBox input:focus{border-color:#20d1c0b8;box-shadow:0 0 0 3px #20d1c024}.controlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arrangerPanel{display:grid;gap:12px;padding:14px;border:1px solid rgba(32,209,192,.28);border-radius:var(--radius);background:linear-gradient(135deg,#20d1c01f,#ff786817),#ffffff0e}.arrangerPanel.idle{border-color:#ffffff21;background:#ffffff0e}.arrangerTopline{display:grid;gap:4px}.arrangerTopline span{color:var(--teal);font-size:.72rem;font-weight:950;text-transform:uppercase}.arrangerTopline strong{color:var(--ink);font-size:1.1rem;line-height:1.15}.arrangerStats,.instrumentRow{display:flex;flex-wrap:wrap;gap:7px}.arrangerStats span,.instrumentRow span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:var(--radius);color:#d7e4e6;background:#0710126b;font-size:.75rem;font-weight:850}input[type=range]{accent-color:var(--teal)}.instrumentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkPill{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#d7e4e6;background:#ffffff0e;font-size:.8rem;font-weight:850}.checkPill input{width:16px;height:16px;accent-color:var(--teal)}.playlistForm{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.playlistForm button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(32,209,192,.6);border-radius:var(--radius);color:#041112;background:var(--teal);cursor:pointer}.playlistList{display:grid;gap:8px;margin-top:12px}.playlistItem{display:grid;gap:3px;width:100%;min-height:54px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);color:var(--ink);background:#ffffff0f;text-align:left;cursor:pointer}.playlistItem.selected{border-color:#20d1c0a8;background:#20d1c01a}.playlistItem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.playlistItem small,.quietText{color:var(--muted);line-height:1.5}.libraryBlock{margin-top:14px}.libraryHeader{align-items:center}.searchBox{display:flex;align-items:center;gap:8px;min-width:min(100%,260px);min-height:42px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);color:var(--muted);background:#071012a3}.searchBox input{min-height:38px;padding:0;border:0;background:transparent}.trackList{display:grid;gap:10px}.trackCard{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:106px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:#ffffff0e}.trackCard.current{border-color:#20d1c0a3;background:#20d1c014}.playSmall{color:#041112;background:var(--teal)}.trackCopy{min-width:0}.trackCopy h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;letter-spacing:0}.trackCopy p{display:-webkit-box;margin:7px 0 0;color:var(--muted);overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.42}.trackMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.trackActions{display:grid;grid-template-columns:repeat(3,40px);gap:7px}.iconButton:hover{color:var(--teal);border-color:#20d1c099}.favorited{color:var(--coral);border-color:#ff78687a;background:#ff78681a}.emptyState{display:grid;place-items:center;gap:8px;min-height:240px;border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius);color:var(--muted);text-align:center;background:#ffffff09}.emptyState h3,.emptyState p{margin:0}.accountGrid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(260px,360px);gap:14px}.accountActions{display:flex;flex-wrap:wrap;gap:10px}.accountActions .primaryButton,.accountActions .ghostButton{min-height:44px;padding:0 14px}.settingsToggles{display:grid;gap:8px}.toggleRow{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);color:#d7e4e6;background:#ffffff0e;font-size:.84rem;font-weight:850}.toggleRow input{width:16px;height:16px;accent-color:var(--teal)}.logoPreview{display:flex;align-items:center;gap:12px;min-height:86px;margin-bottom:12px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:#ffffff0f}.logoPreview .brandMark{width:54px;height:54px;flex-basis:54px}.logoPreview div{display:grid;gap:2px;min-width:0}.logoPreview span{color:var(--coral);font-size:.66rem;font-weight:950;line-height:1;text-transform:uppercase}.logoPreview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.28rem;line-height:1}.logoPreview small{color:var(--muted);font-weight:850}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metricGrid div{display:grid;gap:4px;min-height:90px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);background:#ffffff0f}.metricGrid strong{font-size:2rem;line-height:1}.metricGrid span{color:var(--muted);font-weight:850}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.playerDock,.contentGrid,.accountGrid{grid-template-columns:1fr}.stationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.playerControls{grid-template-columns:42px minmax(0,1fr) auto auto}.iconTextButton{justify-self:start}}@media(max-width:820px){.topbar{grid-template-columns:1fr}.accountChip{justify-self:start}}@media(max-width:720px){.topbar{padding:11px 14px}.navTabs{grid-template-columns:repeat(4,42px);justify-content:start;overflow-x:auto}.navButton{width:42px;min-width:42px}.navButton span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero{min-height:620px}.heroContent,.workspace,.playerDock{width:min(100% - 24px,1180px)}.heroContent{padding:92px 0 122px}.hero h1{max-width:8.5ch}.heroShade{background:linear-gradient(90deg,#071012e0,#0710128f 54%,#07101294),linear-gradient(180deg,#07101214,#07101229 42%,#071012f5)}.playerDock{margin-top:-64px}.stationGrid,.controlGrid,.instrumentGrid{grid-template-columns:1fr}.stationCard{min-height:210px}.libraryHeader{align-items:stretch;flex-direction:column}.searchBox{width:100%}.trackCard{grid-template-columns:42px minmax(0,1fr)}.trackActions{grid-column:2;justify-content:start}.playerControls{grid-template-columns:1fr}.streamOptions{align-items:flex-start;flex-direction:column}.roundButton{display:none}.iconTextButton{grid-column:auto}}