@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--yellow:#e8f500;--muted:#85868b;--line:#26272b;--bg:#0e0f11}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f2;font:14px 'DM Sans',sans-serif}button,a,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}button{border:0;background:none}a{text-decoration:none;color:inherit}aside{width:234px;position:fixed;inset:0 auto 108px 0;background:#111214;border-right:1px solid var(--line);padding:36px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font:700 25px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin-bottom:52px}.brand b{color:var(--yellow)}.brand-icon{border:2px solid var(--yellow);color:var(--yellow);border-radius:9px;padding:7px 10px;font:32px sans-serif}.eyebrow{color:#77797f;font-size:10px;font-weight:700;letter-spacing:1.8px}nav{margin:18px -8px}nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 13px;border-radius:7px;color:#a7a7ac;font-size:19px;margin-bottom:5px}nav button span{font-size:13px;flex:1}nav button small{font-size:11px;background:#303121;padding:3px 6px;border-radius:4px}nav button.active{background:#e8f50012;color:var(--yellow)}.side-card{margin-top:auto;padding:19px;border:1px solid #363725;border-radius:12px;background:linear-gradient(140deg,#25271755,transparent)}.side-card>span{color:var(--yellow);font-size:24px}.side-card strong{display:block;margin-top:13px;font-size:14px;line-height:1.5}.side-card p{font-size:12px;line-height:1.7;color:var(--muted)}.side-card button{font-size:11px;color:var(--yellow);padding:6px 0}footer{font-size:10px;color:#9c9da2;margin-top:26px;line-height:2.3}footer small{color:#55575c}.status-dot,.pill i{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;margin-right:5px}main{margin-left:234px;padding:0 42px 155px;max-width:1700px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:9px;letter-spacing:1.5px;color:#66686e}.breadcrumb b{color:#b3b3b7;font-weight:500}.member{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.4px;color:#909197}.avatar{border:1px solid #414333;color:var(--yellow);border-radius:50%;padding:11px;letter-spacing:0;font-weight:bold}.hero{display:flex;align-items:center;justify-content:space-between;padding:42px 0 40px;border-bottom:1px solid var(--line);overflow:hidden}.pill{font-size:9px;letter-spacing:1.2px;color:#c0c1a1;border:1px solid #393b25;border-radius:30px;padding:7px 10px;display:inline-block}h1{font:700 clamp(40px,4.1vw,67px)/1.03 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:20px 0}h1 em{font-style:normal;color:var(--yellow)}.hero p{line-height:1.8;color:#96979e;font-size:13px;margin-bottom:22px}.primary{background:var(--yellow);color:#15160b;font-weight:700;border-radius:6px;padding:14px 20px;font-size:12px}.primary:hover{background:#f5ff4e}.hero-note{display:inline-block;font-size:10px;color:#686a70;margin-left:16px}.hero-art{width:36%;height:230px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{width:240px;height:240px;border-radius:50%;border:1px solid #33371b;box-shadow:0 0 0 28px #ddeb0003,0 0 0 29px #36391a55;position:absolute}.disc{border-radius:50%;width:143px;height:143px;border:1px solid #e8f50055;background:radial-gradient(circle,#33371d,#151711 70%);display:grid;place-items:center;box-shadow:0 0 70px #ddeb0010}.disc span{color:var(--yellow);font-size:43px;margin-left:8px}.wave{display:flex;gap:3px;align-items:center;position:absolute;bottom:10px;left:0;right:0;justify-content:center;height:45px}.wave i{width:2px;background:var(--yellow);opacity:.65}.art-caption{position:absolute;bottom:-18px;font-size:8px;letter-spacing:2px;color:#696b53}.library{padding-top:30px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:22px;letter-spacing:-.6px;margin:8px 0 0;font-weight:600}h2 span{font:11px 'DM Sans',sans-serif;background:#24252a;color:#95979d;vertical-align:middle;padding:4px 7px;border-radius:5px;margin-left:7px}.search{display:flex;align-items:center;gap:9px;border:1px solid #303136;border-radius:7px;padding:10px 12px;width:310px;background:#151619}.search>span{font-size:23px;color:#85878d}.search input{background:transparent;border:0;outline:0;width:100%;font-size:11px;color:#ddd}.search kbd{color:#56585f;border:1px solid #35363c;border-radius:4px;padding:1px 5px}.filters{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.filters button{font-size:10px;color:#999ba1;border:1px solid #292b30;border-radius:5px;padding:9px 14px}.filters button.selected{color:#10110a;background:var(--yellow);border-color:var(--yellow);font-weight:700}.table-label{display:grid;grid-template-columns:1fr 100px 156px;color:#63656c;font-size:9px;letter-spacing:1.5px;padding:0 16px 13px;border-bottom:1px solid var(--line)}.track{display:grid;grid-template-columns:42px minmax(120px,1fr) 120px 100px 156px;align-items:center;padding:16px;border-bottom:1px solid #202125;gap:10px;transition:background .15s}.track:hover{background:#191b1d}.track.current{background:#ddeb0007;border-left:2px solid var(--yellow);padding-left:14px}.track-play{width:32px;height:32px;border:1px solid #393c30;border-radius:50%;color:#e2e4d3;font-size:11px}.track.current .track-play{background:var(--yellow);color:#111;border-color:var(--yellow)}.track strong{font-size:12px;display:block;font-weight:500}.track small{font-size:9px;color:#777a81;margin-top:5px;display:block}.mini-wave{display:flex;gap:2px;align-items:center;height:24px;opacity:.6}.mini-wave i{width:2px;background:#60636b}.current .mini-wave i{background:var(--yellow)}.time{font-size:11px;color:#9699a0}.actions{display:flex;justify-content:flex-end;gap:14px}.save{font-size:23px;color:#90939a}.save.on{color:var(--yellow)}.download{font-size:10px;background:#202227;border:1px solid #32343a;padding:7px 11px;border-radius:5px}.download:hover{border-color:var(--yellow);color:var(--yellow)}#more{display:block;margin:24px auto;color:#b1b3b9;font-size:12px;border:1px solid #34363d;padding:11px 25px;border-radius:6px}.preview-note{font-size:10px;line-height:1.7;color:#656870;margin:30px auto;max-width:670px;text-align:center}.player{position:fixed;bottom:0;left:0;right:0;background:#181a1dee;backdrop-filter:blur(20px);border-top:1px solid #34362a;height:108px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:20px 28px;align-items:center;z-index:5}.now{display:flex;align-items:center;gap:13px;min-width:0}.cover{background:#30331a;color:var(--yellow);width:51px;height:51px;border-radius:7px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.now>div:nth-child(2){min-width:0;flex:1}.now small{font-size:8px;letter-spacing:1.5px;color:#8d916e;display:block}.now strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin:5px 0}.now span{font-size:10px;color:#797d85}#playerSave{font-size:24px;color:var(--yellow)}.controls{display:flex;justify-content:center;gap:20px;align-items:center}.controls>button{color:#a6a9af;font-size:12px}.controls .play-main{border-radius:50%;width:35px;height:35px;background:var(--yellow);color:#111}.auto{font-size:9px;color:#a5a8af;display:flex;gap:4px;align-items:center}input[type=checkbox]{accent-color:var(--yellow)}.timeline{display:flex;gap:9px;align-items:center;margin-top:10px;font-size:9px;color:#858990}input[type=range]{accent-color:var(--yellow);height:3px;cursor:pointer}.timeline input{width:100%}.player-end{display:flex;align-items:center;justify-content:flex-end;gap:20px}.player-end button{font-size:11px;border:1px solid #383b42;border-radius:5px;padding:10px}.player-end label{display:flex;align-items:center;gap:8px;color:#969ba3}.player-end input{width:70px}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--yellow);color:#15170d;border-radius:7px;z-index:9;font-size:12px;display:none}#empty{text-align:center;padding:65px 20px;color:#979ba4}#empty>span{font-size:42px;color:var(--yellow)}#empty h3{color:white}#empty p{line-height:1.7}#empty .primary{margin-top:15px}.notice{border:1px solid #43452d;background:#272a171f;padding:20px;color:#b7b9a2;font-size:12px;line-height:1.8;border-radius:8px;margin-bottom:20px}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:65px;padding-right:65px}}@media(max-width:1100px){aside{width:200px;padding:30px 18px}main{margin-left:200px;padding-left:26px;padding-right:26px}.hero-note{display:none}.mini-wave{display:none}.track{grid-template-columns:35px 1fr 60px 125px}.table-label{grid-template-columns:1fr 70px 130px}.player{gap:16px}.player-end label{display:none}.hero-art{transform:scale(.8)}.search{width:260px}}@media(max-width:760px){aside{position:static;width:auto;padding:20px 18px 0;border-right:0;background:var(--bg)}.brand{font-size:20px;margin:0}.brand-icon{font-size:23px;padding:4px 8px}aside>.eyebrow,.side-card,aside footer{display:none}nav{display:flex;margin:20px -5px 0;overflow:auto;border-bottom:1px solid var(--line)}nav button{padding:11px 10px;white-space:nowrap;gap:6px;width:auto;font-size:15px;border-radius:5px 5px 0 0}nav button span{font-size:11px}nav small{display:none}main{margin:0;padding:0 18px 170px}header{display:none}.hero{padding:27px 0}.hero-art{display:none}h1{font-size:46px}.hero p{font-size:12px}.section-top{display:block}.search{width:100%;margin-top:20px}.filters{gap:6px;margin:16px 0}.filters button{padding:8px 10px}.track{padding:14px 2px;grid-template-columns:32px 1fr 37px 73px;gap:8px}.track.current{padding-left:0}.track strong{font-size:11px}.actions{gap:5px}.download{font-size:0;padding:6px 8px}.download:before{content:'↓';font-size:16px}.save{font-size:22px}.table-label{grid-template-columns:1fr 44px 77px;padding:0 2px 11px;font-size:8px;letter-spacing:.5px}.player{height:140px;grid-template-columns:1fr;padding:12px 18px;gap:6px}.cover{width:36px;height:36px}.now small{display:none}.now strong{font-size:11px}.now span{font-size:9px}.transport{position:relative}.controls{position:absolute;right:0;top:-45px;gap:12px}.now{padding-right:118px}.auto{position:absolute;top:51px;right:0}.timeline{padding-right:87px;margin-top:12px}.player-end{display:none}#playerSave{font-size:22px}.timeline input{height:5px}#toast{bottom:155px;white-space:nowrap}.hero .primary{padding:13px 16px}.preview-note{font-size:9px}}