.search-active .hero{display:none}.search-active .search-panel{padding-top:30px}.discovery-block{margin:22px 0 26px}.artist-chips{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.artist-chips::-webkit-scrollbar{display:none}.artist-chips button{color:#e8eef5;cursor:pointer;background:#101827;border:1px solid #304157;border-radius:999px;flex:none;padding:10px 13px;font-size:11px}.artist-chips button span{color:var(--aqua);margin-left:10px}@media (max-width:800px){.search-active .search-panel{margin-bottom:28px}.search-active .search-results{margin-top:18px}.search-active .grid{gap:20px 10px}}
:root{--bg:#090e18;--panel:#101827;--line:#202d40;--muted:#8996a8;--aqua:#58e7eb;--pink:#f45aa6}*{box-sizing:border-box}html,body{background:var(--bg);color:#f4f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}.jukebox-shell{max-width:1440px;min-height:100vh;margin:auto;padding:0 42px 80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:.18em;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.brand-mark{border:1px solid var(--aqua);width:30px;height:30px;color:var(--aqua);letter-spacing:0;border-radius:8px;place-items:center;font-size:10px;display:grid}.top-actions{align-items:center;gap:22px;display:flex}.live-pill{letter-spacing:.12em;color:#a7b1bf;font-size:10px}.live-pill i{background:var(--aqua);width:7px;height:7px;box-shadow:0 0 10px var(--aqua);border-radius:50%;margin-right:8px;display:inline-block}.queue-button,.request,.requested,.collection,.text-link,.load-more{font:inherit;cursor:pointer}.queue-button{color:#fff;letter-spacing:.13em;background:0 0;border:1px solid #344258;border-radius:7px;padding:10px 14px;font-size:11px}.queue-button b{color:var(--pink);margin-left:7px}.hero{justify-content:space-between;align-items:center;max-width:1160px;padding:66px 4px 54px;display:flex}.eyebrow{letter-spacing:.22em;color:#8794a7;margin:0 0 13px;font-size:10px;font-weight:800}.aqua{color:var(--aqua)}.magenta{color:var(--pink)}h1{letter-spacing:-.06em;margin:0;font-size:clamp(44px,6vw,76px);font-weight:800;line-height:.95}h1 span{color:var(--aqua)}.hero-copy{color:var(--muted);max-width:365px;margin-top:24px;font-size:14px;line-height:1.6}.hero-art{border:1px solid #324155;border-radius:12px;width:370px;height:210px;position:relative;overflow:hidden}.hero-art img{object-fit:cover;opacity:.72;width:100%;height:100%}.hero-art:after{content:"";background:linear-gradient(90deg,#090e18 0%,#0000 60%);position:absolute;inset:0}.signal{z-index:1;letter-spacing:.12em;color:#c0cad6;font-size:10px;line-height:1.5;position:absolute;bottom:18px;left:20px}.signal b{color:var(--aqua)}.search-panel{max-width:870px;margin:0 0 68px}.search-panel label{letter-spacing:.18em;color:#8794a7;margin-bottom:10px;font-size:10px;display:block}.search-box{background:#0d1522;border:1px solid #3c5068;border-radius:8px;align-items:center;gap:14px;height:58px;padding:0 18px;display:flex}.search-box span{color:var(--aqua);font-size:28px}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:18px}.search-box input::placeholder{color:#667488}.search-box kbd{color:#7d8a9b;border:1px solid #344258;border-radius:4px;padding:5px 7px;font-size:10px}.search-panel>p{color:#657286;margin:10px 2px;font-size:11px}.section{margin-top:52px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}h2{letter-spacing:-.03em;margin:0;font-size:24px}.text-link{color:var(--aqua);letter-spacing:.13em;background:0 0;border:0;font-size:10px}.shelf{scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.collection-row::-webkit-scrollbar{display:none}.video-card{flex:1;min-width:240px;max-width:280px}.thumb-wrap{background:#152132;border-radius:8px;height:150px;position:relative;overflow:hidden}.thumb-media{background:linear-gradient(145deg,#182638,#101927);place-items:center;display:grid;position:absolute;inset:0}.thumb-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-placeholder{color:#50627a;font-size:32px}.play-dot{background:#08111dce;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid;position:absolute;bottom:12px;left:12px}.tag{background:var(--pink);letter-spacing:.12em;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;top:9px;right:9px}.card-copy{justify-content:space-between;align-items:center;gap:9px;padding-top:11px;display:flex}.card-copy h3{white-space:nowrap;text-overflow:ellipsis;max-width:175px;margin:0 0 5px;font-size:13px;overflow:hidden}.card-copy p{color:#8290a4;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin:0;font-size:11px;overflow:hidden}.request,.requested{letter-spacing:.1em;white-space:nowrap;border-radius:4px;padding:7px 8px;font-size:9px;font-weight:800}.request{color:var(--pink);background:0 0;border:1px solid #7d315a}.requested{background:var(--pink);color:#170d18;border:1px solid var(--pink)}.collection-row{scrollbar-width:none;gap:12px;display:flex;overflow:auto}.collection{border:1px solid var(--line);color:#eaf0f6;text-align:left;background:#101827;border-radius:8px;align-items:center;gap:11px;min-width:230px;padding:9px;font-size:12px;display:flex}.collection b{color:var(--aqua);margin-left:auto}.collection-art{border-radius:5px;width:38px;height:38px}.c0{background:linear-gradient(135deg,var(--pink),#802e8d)}.c1{background:linear-gradient(135deg,#f2d55c,#bc5a46)}.c2{background:linear-gradient(135deg,#5ce3d6,#2763a5)}.c3{background:linear-gradient(135deg,#734fff,#ef55a3)}.catalog-count{color:#677589;font-size:11px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px;display:grid}.load-more{color:var(--aqua);letter-spacing:.13em;background:0 0;border:1px solid #344258;border-radius:6px;margin:38px auto 0;padding:12px 18px;font-size:10px;display:block}.load-more span{margin-left:8px;font-size:16px}.queue-drawer{z-index:4;background:#0e1725;border-left:1px solid #304157;width:min(420px,100%);padding:34px 28px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0008}.queue-drawer h2{margin-bottom:28px}.close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:17px;right:23px}.queue-item{border-top:1px solid var(--line);grid-template-columns:22px 80px minmax(0,1fr);align-items:center;gap:13px;padding:17px 0;display:grid}.queue-item>span{color:var(--pink);font-weight:800}.queue-thumb{border-radius:6px;width:80px;height:50px;position:relative;overflow:hidden}.queue-copy{min-width:0}.queue-item b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.queue-item small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.empty{color:var(--muted);font-size:13px;line-height:1.6}@media (max-width:800px){.jukebox-shell{padding:0 18px 60px}.topbar{height:68px}.live-pill{display:none}.hero{padding:44px 0 38px}.hero-art{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.video-card{min-width:0}.thumb-wrap{height:120px}.card-copy{display:block}.card-copy h3,.card-copy p{max-width:100%}.request,.requested{margin-top:9px}.section{margin-top:42px}}