@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f4f6f6;background:#050607;font-synthesis:none;--bg: #050607;--surface: #0b0d0e;--surface-2: #111416;--surface-3: #171b1e;--line: #262b2f;--muted: #90979d;--soft: #c6cacd;--accent: #9cf700;--accent-2: #8b4dff;--danger: #f4473c}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:264px;background:#070809;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.brand{min-height:155px;padding:20px 20px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #191c1e}.brand img{width:66px;height:66px;border-radius:14px;object-fit:cover;border:1px solid #3b2356}.brand div{font-family:Barlow Condensed,sans-serif;font-style:italic;line-height:.82;transform:rotate(-3deg)}.brand strong{color:var(--accent);display:block;font-size:21px;letter-spacing:.08em}.brand span{display:block;font-size:28px;font-weight:700;letter-spacing:-.03em}.sidebar nav{padding:0;position:relative;z-index:2}.sidebar nav button{width:100%;height:63px;border:0;border-left:4px solid transparent;background:transparent;color:#b7bdc1;display:flex;align-items:center;gap:18px;padding:0 26px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.sidebar nav button:hover{color:#fff;background:#0e1112}.sidebar nav button.active{color:var(--accent);background:#121516;border-left-color:var(--accent)}.side-search{margin:22px 16px;height:45px;border:1px solid #31363a;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted);position:relative;z-index:2;background:#090b0c}.side-search input,.top-search input,.browse-controls input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent}.side-search input::placeholder,.top-search input::placeholder,.browse-controls input::placeholder{color:#747b80}.sidebar-art{margin-top:auto;height:260px;overflow:hidden;opacity:.16;filter:grayscale(1);pointer-events:none}.sidebar-art img{width:122%;height:122%;object-fit:cover;transform:translate(-8%,4%)}.sidebar-close,.menu-button,.sidebar-backdrop{display:none}.main-surface{min-width:0;margin-left:264px}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 32px;position:sticky;top:0;z-index:20;background:#070809}.topbar p{margin:0;color:#c1c5c8;font-size:15px}.topbar p strong{color:#fff;font-size:18px;font-weight:500}.topbar p span{color:#596066;padding:0 4px}.pulse-mark{color:var(--accent);display:inline-flex}.top-search{width:min(340px,34vw);margin-left:auto;height:36px;border:1px solid #2b3034;border-radius:7px;display:none;align-items:center;gap:8px;padding:0 11px;color:var(--muted);background:#0c0f10}.now-playing{min-height:448px;padding:24px 32px 0;border-bottom:1px solid var(--line)}.section-label,.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:230px minmax(330px,1fr) 260px;gap:28px;align-items:center;margin-top:16px}.cover-art{width:230px;height:218px;object-fit:cover;border-radius:3px;border:1px solid #3a4044;background:var(--surface-2)}.track-details{min-width:0;align-self:center}.track-details h1{max-width:760px;margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(30px,3vw,44px);line-height:.98;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.track-details h2{margin:0 0 7px;font-size:22px;font-weight:500}.track-details p{margin:0;font-size:18px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-row{display:flex;gap:9px;margin-top:15px}.tag-row button{border:0;border-radius:4px;background:var(--accent);color:#101400;font-weight:700;text-transform:uppercase;padding:8px 12px;cursor:pointer}.tag-row button.tag-muted{background:#1b1f21;color:#f1f3f4}.hero-actions{display:grid;gap:10px}.download-primary{min-height:74px;padding:12px 16px;border-radius:8px;background:var(--accent);color:#101400;text-decoration:none;display:flex;align-items:center;gap:13px}.download-primary:hover{background:#b1ff27}.download-primary span{display:grid;gap:2px}.download-primary strong{font-family:Barlow Condensed,sans-serif;font-size:20px;letter-spacing:.02em}.download-primary small{font-size:12px;font-weight:600}.feature-toggle{min-height:42px;padding:0 4px;border:0;background:transparent;color:#9aa1a6;display:grid;grid-template-columns:25px 1fr 44px;align-items:center;gap:8px;text-align:left;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.feature-toggle i{width:42px;height:22px;border:1px solid #394047;border-radius:99px;padding:2px;position:relative}.feature-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#70777c;transition:transform .18s ease,background-color .18s ease}.feature-toggle.enabled{color:#e8ebed}.feature-toggle.enabled i{border-color:var(--accent);background:var(--accent)}.feature-toggle.enabled i:after{background:#101400;transform:translate(19px)}.volume-control{display:grid;grid-template-columns:26px 1fr 43px;align-items:center;gap:9px;min-height:40px}.volume-control button{border:0;background:transparent;display:inline-flex;padding:0;cursor:pointer}input[type=range]{accent-color:var(--accent)}.volume-control input{width:100%}.volume-control output{color:var(--soft);font-variant-numeric:tabular-nums;font-size:13px}.waveform-scrubber{height:82px;margin-top:10px;position:relative}.waveform-scrubber canvas{width:100%;height:58px;display:block}.waveform-scrubber input{position:absolute;inset:0 0 auto;width:100%;height:58px;opacity:0;cursor:pointer}.time-row{display:flex;justify-content:space-between;color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums;padding-top:2px}.time-row span:last-child{color:#9da3a7}.transport{height:78px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,52px);border-top:1px solid #181b1d}.transport button{border:0;background:transparent;color:#f1f3f4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:7px}.transport button:hover,.transport button.active{color:var(--accent)}.transport .play-button{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#111500;border:4px solid #34451b;box-shadow:0 0 0 2px #070809}.transport .play-button:hover{color:#111500;background:#b1ff27}.visual-deck{min-height:215px;display:grid;grid-template-columns:minmax(420px,1.38fr) minmax(380px,1fr);gap:12px;padding:12px 7px 12px 16px;background:#080a0b;border-bottom:1px solid var(--line)}.spectrum-shell,.vu-pair{border:1px solid #30363a;background:#0b0e0f;border-radius:5px}.spectrum-shell{min-width:0;padding:12px 12px 8px;display:grid;grid-template-rows:24px 1fr 18px}.visual-heading{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:.05em}.visual-heading strong{color:var(--accent)}.spectrum-shell canvas{width:100%;height:138px;display:block}.spectrum-labels{display:flex;justify-content:space-between;color:#737a7e;font-size:10px}.vu-pair{padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.vu-meter{min-width:0;border:1px solid #31363a;background:#111416;padding:8px 8px 5px;display:grid;grid-template-rows:1fr 19px;text-align:center}.vu-meter canvas{width:100%;height:148px;display:block;border:4px solid #272b2d}.vu-meter span{color:#b5bbc0;font-size:11px;letter-spacing:.08em;padding-top:4px}.browse-controls{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 22px;border-bottom:1px solid var(--line);background:#0b0d0e}.mobile-browse,.browse-controls.is-default{display:none}.browse-controls>div{display:flex;align-items:center;gap:12px}.browse-controls>div>span{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.browse-controls select{min-width:190px;max-width:300px;height:36px;border:1px solid #353b3f;border-radius:5px;background:#111416;color:#fff;padding:0 10px}.browse-controls label{width:min(390px,46vw);height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #30363a;border-radius:5px;color:var(--muted)}.library-table{background:#080a0b;min-height:350px;padding-bottom:24px}.table-title-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 22px;border-bottom:1px solid var(--line)}.table-title-row>div:first-child{display:flex;align-items:center;gap:14px}.table-title-row small{color:var(--muted)}.track-grid{display:grid;grid-template-columns:48px minmax(280px,1.8fr) minmax(150px,.75fr) 130px 120px 90px;gap:16px;align-items:center;padding:0 22px}.track-grid-head{height:43px;color:#9ba2a7;font-family:Barlow Condensed,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}.track-row{min-height:60px;color:#d7dbdd;font-size:13px;border-bottom:1px solid #202427;content-visibility:auto;contain-intrinsic-size:60px}.track-row:hover{background:#101315}.track-row.is-current{background:#111515;color:var(--accent)}.track-number{color:#c8cdd0;font-variant-numeric:tabular-nums}.track-row.is-current .track-number{color:var(--accent)}.track-title{min-width:0;border:0;background:transparent;padding:8px 0;text-align:left;cursor:pointer;display:grid;gap:3px}.track-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.track-title small{color:#727a7f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist,.track-pack{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.row-actions button,.row-actions a{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.row-actions button:hover,.row-actions a:hover{color:var(--accent);background:#1c2224}.empty-state{min-height:180px;display:grid;place-items:center;color:var(--muted)}.scroll-sentinel{min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%);background:#202527;color:#fff;border:1px solid #3b4348;border-left:4px solid var(--accent);border-radius:5px;padding:12px 16px;box-shadow:0 14px 40px #000;font-size:14px}.fatal-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:24px}.fatal-state .brand{border:0}.fatal-state h1,.fatal-state p{margin:0}.fatal-state p{color:var(--muted)}.fatal-state button{margin-top:12px;border:0;border-radius:5px;background:var(--accent);color:#101400;padding:10px 18px;font-weight:700;cursor:pointer}@media(max-width:1180px){.sidebar{width:220px}.main-surface{margin-left:220px}.brand{min-height:128px;padding-inline:14px}.brand img{width:50px;height:50px}.brand span{font-size:23px}.hero-grid{grid-template-columns:190px minmax(250px,1fr) 220px;gap:20px}.cover-art{width:190px;height:180px}.track-grid{grid-template-columns:42px minmax(230px,1.7fr) minmax(130px,.7fr) 110px 90px 78px;gap:10px}}@media(max-width:960px){.sidebar{width:280px;transform:translate(-102%);transition:transform .22s ease;box-shadow:16px 0 40px #000}.sidebar.is-open{transform:translate(0)}.sidebar-close{position:absolute;z-index:5;top:14px;right:12px;width:38px;height:38px;border:1px solid #30363a;border-radius:50%;background:#101314;align-items:center;justify-content:center;cursor:pointer}.sidebar.is-open .sidebar-close,.menu-button{display:inline-flex}.top-search{display:flex}.browse-controls.is-default,.browse-controls{display:none}.mobile-browse{display:grid;gap:10px;padding:12px 14px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#111416,#090b0c)}.mobile-browse-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.mobile-browse-heading>div{display:flex;align-items:baseline;gap:9px}.mobile-browse-heading span{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-browse-heading strong{font-size:15px}.mobile-browse-heading small{color:var(--muted);font-size:11px}.mobile-browse-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mobile-browse-modes button{min-width:0;min-height:62px;padding:7px 3px 6px;border:1px solid #30363a;border-radius:8px;background:#0a0c0d;color:#aab0b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.mobile-browse-modes button span{max-width:100%;overflow:hidden;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mobile-browse-modes button.active{border-color:var(--accent);background:#9cf7001a;color:var(--accent);box-shadow:inset 0 0 0 1px #9cf70029}.mobile-filter-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:6px 7px 6px 12px;border:1px solid #3a4145;border-radius:8px;background:#080a0b}.mobile-filter-select>span{color:#c8cdd0;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mobile-filter-select select{min-width:0;width:100%;height:36px;border:1px solid #3c4448;border-radius:6px;background:#15191b;color:#fff;padding:0 9px}.sidebar-backdrop{display:block;position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;border:0;background:#000;opacity:.7}.main-surface{margin-left:0}.menu-button{border:0;background:transparent;padding:4px;cursor:pointer}.hero-grid{grid-template-columns:190px minmax(260px,1fr)}.hero-actions{grid-column:1 / -1;grid-template-columns:minmax(220px,1.2fr) 1fr 1fr;align-items:center}.volume-control{grid-column:2 / -1}.visual-deck{grid-template-columns:1fr}.track-grid{grid-template-columns:38px minmax(240px,1.7fr) minmax(140px,.75fr) 100px 80px}.track-grid>:nth-child(5){display:none}}@media(max-width:700px){.topbar{height:auto;min-height:62px;padding:10px 14px;flex-wrap:wrap}.topbar p{font-size:12px}.topbar p strong{font-size:14px}.top-search{order:2;width:100%;margin-left:0}.now-playing{padding:18px 16px 0}.hero-grid{grid-template-columns:106px minmax(0,1fr);gap:14px;align-items:start}.cover-art{width:106px;height:106px}.track-details h1{font-size:clamp(22px,7vw,32px);-webkit-line-clamp:3}.track-details h2{font-size:15px}.track-details p{font-size:13px}.tag-row{margin-top:9px}.tag-row button{font-size:11px;padding:6px 8px}.hero-actions{grid-template-columns:1fr 1fr;gap:7px 12px}.download-primary{grid-column:1 / -1;min-height:58px}.volume-control{grid-column:1 / -1}.waveform-scrubber{margin-top:16px}.transport{gap:16px}.transport .play-button{width:58px;height:58px}.visual-deck{padding:10px;min-height:auto}.vu-pair{gap:6px}.vu-meter canvas{height:116px}.browse-controls{display:none}.table-title-row{padding-inline:14px}.track-grid{grid-template-columns:30px minmax(0,1fr) 74px;padding:0 14px;gap:8px}.track-grid>:nth-child(3),.track-grid>:nth-child(4),.track-grid>:nth-child(5){display:none}.track-grid-head>:nth-child(6){text-align:right}.track-row{min-height:66px}.row-actions{gap:3px}.toast{width:calc(100vw - 28px);text-align:center;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}