:root{--bg:#140f0d;--bg-elev:#1f1714;--card:#271c18;--card-2:#2e211c;--cream:#f5efe9;--muted:#b6a79b;--faint:#7c6c61;--orange:#ff6a2b;--magenta:#ff2e7e;--gold:#e8b84b;--grad:linear-gradient(135deg,#ff6a2b 0%,#ff2e7e 100%);--line:#f5efe914;--shell:480px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--cream);background:radial-gradient(900px 500px at 18% -5%,#ff6a2b29,#0000 60%),radial-gradient(700px 500px at 100% 0,#ff2e7e1f,#0000 55%),#0c0807;font-family:Hanken Grotesk,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.display{font-family:Bricolage Grotesque,sans-serif}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.app-shell{max-width:var(--shell);background:var(--bg);min-height:100dvh;margin:0 auto;position:relative}.app-scroll{padding:0 0 188px}.head{justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.brand{flex-direction:column;line-height:1;display:flex}.brand .logo{letter-spacing:-.5px;font-size:26px;font-weight:800}.brand .loc{color:var(--muted);align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.pulse-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:1.8s infinite ping}@keyframes ping{0%{box-shadow:0 0 #ff6a2b80}70%{box-shadow:0 0 0 7px #ff6a2b00}to{box-shadow:0 0 #ff6a2b00}}.head-actions{gap:10px;display:flex}.icobtn{background:var(--bg-elev);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6a5bff,#2ec5ff);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.hero{border:1px solid var(--line);border-radius:24px;height:210px;margin:6px 18px 0;position:relative;overflow:hidden}.hero .art{opacity:.94;position:absolute;inset:0}.hero .scrim{background:linear-gradient(#0000 28%,#080504d6);position:absolute;inset:0}.hero .tag{letter-spacing:1.4px;background:#08050466;border:1px solid #f5efe92e;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.hero .meta{position:absolute;bottom:16px;left:18px;right:80px}.hero .meta h2{letter-spacing:-.4px;font-size:25px;font-weight:800}.hero .meta p{color:#f5efe9d1;margin-top:3px;font-size:13px}.hero .play{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;display:flex;position:absolute;bottom:14px;right:16px;box-shadow:0 10px 24px #ff2e7e73}.sec-head{justify-content:space-between;align-items:baseline;padding:26px 22px 12px;display:flex}.sec-head h3{letter-spacing:-.3px;font-size:19px;font-weight:700}.sec-head a,.sec-head button{color:var(--muted);font-size:12.5px}.chips{scrollbar-width:none;gap:9px;padding:2px 18px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--bg-elev);border:1px solid var(--line);color:var(--cream);white-space:nowrap;border-radius:22px;flex:none;padding:9px 15px;font-size:13px;font-weight:600}.chip.active{background:var(--grad);color:#fff;border-color:#0000}.row{scrollbar-width:none;gap:14px;padding:2px 18px 4px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}.vcard{text-align:left;flex:0 0 152px}.vcard .cover{border:1px solid var(--line);background-size:cover;border-radius:16px;width:100%;height:152px;padding:0;display:block;position:relative;overflow:hidden}.vcard .cover .mini{color:#fff;background:#0805048c;border:1px solid #f5efe933;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;bottom:9px;right:9px}.vcard.playing .cover{box-shadow:0 0 0 2px var(--orange),0 0 0 4px #ff2e7e59}.vcard h4{white-space:nowrap;text-overflow:ellipsis;margin:9px 2px 1px;font-size:14px;font-weight:600;overflow:hidden}.vcard p{color:var(--muted);margin:0 2px;font-size:12px}.top{flex-direction:column;gap:2px;padding:0 18px;display:flex}.trow{text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:8px 6px;display:flex}.trow:active{background:var(--bg-elev)}.trow .num{text-align:center;width:34px;color:var(--gold);font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque;font-size:26px;font-weight:800}.trow .thumb{border:1px solid var(--line);background-size:cover;border-radius:12px;flex:none;width:48px;height:48px}.trow .info{flex:1;min-width:0}.trow .info h4{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.trow .info p{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.trow .info .mo{color:var(--gold);font-weight:600}.trow .dl{border:1px solid var(--line);background:var(--bg-elev);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.player{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#281c17eb;border:1px solid #f5efe91a;border-radius:18px;align-items:center;gap:12px;width:calc(100% - 24px);max-width:456px;height:66px;padding:9px 12px;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000080}.player .pcover{border:1px solid var(--line);background-size:cover;border-radius:12px;flex:none;width:48px;height:48px}.player .pinfo{flex:1;min-width:0}.player .pinfo h4{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.player .wave{align-items:flex-end;gap:2px;height:16px;margin-top:5px;display:flex}.player .wave span{background:var(--grad);border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite paused bounce;transform:scaleY(.35)}.player .wave.on span{animation-play-state:running}@keyframes bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.player .pplay{background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex;box-shadow:0 8px 20px #ff2e7e66}.player .progress{background:#f5efe91f;border-radius:3px;height:3px;position:absolute;bottom:6px;left:14px;right:14px}.player .progress i{background:var(--grad);border-radius:3px;height:100%;display:block}.tabs{width:100%;max-width:var(--shell);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:20;background:#140f0df0;justify-content:space-around;align-items:center;height:78px;padding:0 14px 18px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--faint);flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}.tab i{font-size:21px;font-style:normal}.tab.active{color:var(--cream)}.tab.active i{color:var(--orange)}.tab.deposit{transform:translateY(-16px)}.tab.deposit .fab{background:var(--grad);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:2px;font-size:26px;display:flex;box-shadow:0 12px 26px #ff2e7e73}.tab.deposit span{color:var(--cream)}.page-pad{padding:24px 22px}.page-title{letter-spacing:-.4px;padding:8px 4px 18px;font-size:24px;font-weight:800}.empty{color:var(--muted);text-align:center;padding:60px 24px;font-size:14px;line-height:1.6}.empty code{color:var(--cream);background:var(--bg-elev);border-radius:6px;padding:2px 6px;font-size:12px}.player-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.np{z-index:40;max-width:var(--shell);background:radial-gradient(620px 420px at 50% -12%,#ff2e7e4d,#0000 60%),radial-gradient(520px 420px at 50% 112%,#ff6a2b3d,#0000 60%),#120d0b;flex-direction:column;align-items:center;margin:0 auto;padding:18px 26px 40px;display:flex;position:fixed;inset:0}.np-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.np-close{background:var(--bg-elev);border:1px solid var(--line);width:40px;height:40px;color:var(--cream);border-radius:50%;font-size:24px;line-height:1}.np-eyebrow{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.np-cover{border:1px solid var(--line);background-size:cover;border-radius:26px;width:min(78vw,300px);height:min(78vw,300px);margin:24px 0;box-shadow:0 30px 70px #0000008c}.np-meta{text-align:center;width:100%;margin-bottom:24px}.np-meta h2{letter-spacing:-.5px;font-size:30px;font-weight:800}.np-meta p{color:var(--muted);margin-top:6px;font-size:15px}.np-scrub{cursor:pointer;align-items:center;gap:3px;width:100%;height:52px;display:flex}.np-scrub span{background:#f5efe929;border-radius:3px;flex:1;min-width:2px}.np-scrub span.on{background:var(--grad)}.np-time{width:100%;color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.np-controls{align-items:center;gap:34px;margin:24px 0 30px;display:flex}.np-controls button{color:var(--cream);font-size:25px}.np-play{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;display:flex;box-shadow:0 14px 30px #ff2e7e73}.np-dl{background:var(--bg-elev);border:1px solid var(--line);color:var(--cream);border-radius:18px;align-items:center;gap:12px;padding:14px 26px;font-size:15px;font-weight:600;display:flex}.np-dl .np-mo{color:var(--gold);font-weight:700}.form{flex-direction:column;gap:14px;max-width:430px;margin:0 auto;padding:4px;display:flex}.field label{color:var(--muted);margin-bottom:6px;font-size:12.5px;display:block}.field input,.field select,.field textarea{background:var(--bg-elev);border:1px solid var(--line);width:100%;color:var(--cream);font:inherit;border-radius:12px;outline:none;padding:12px 14px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.field input[type=file]{color:var(--muted);padding:10px 12px;font-size:13px}.field textarea{resize:vertical}.btn-grad{background:var(--grad);color:#fff;border-radius:14px;padding:13px;font-size:15px;font-weight:700;box-shadow:0 10px 22px #ff2e7e52}.btn-grad:disabled{opacity:.6}.btn-ghost{background:var(--bg-elev);border:1px solid var(--line);color:var(--cream);border-radius:14px;margin-top:8px;padding:12px;font-weight:600}.seg{gap:8px;display:flex}.seg button{border:1px solid var(--line);background:var(--bg-elev);color:var(--muted);border-radius:12px;flex:1;padding:11px;font-weight:600}.seg button.on{background:var(--grad);color:#fff;border-color:#0000}.auth-switch{text-align:center;color:var(--muted);margin-top:14px;font-size:13px}.auth-switch button{color:var(--orange);font-weight:600}.form-err{color:#ff7a7a;text-align:center;font-size:13px;line-height:1.4}.form-ok{color:#5fd08a;text-align:center;font-size:13.5px;line-height:1.4}.note{color:var(--muted);text-align:center;font-size:12.5px;line-height:1.5}.dash-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.dash-actions{gap:8px;display:flex}.dash-actions>*{text-align:center;flex:1}.avatar-lg{background:var(--grad);color:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:700;display:flex}.dash-track{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:11px 6px;display:flex}.badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge.pending{color:var(--gold);background:#e8b84b26}.badge.published{color:#4fd18c;background:#2ec55e29}.badge.rejected{color:#ff8a8a;background:#ff6b6b29}.badge.draft{background:var(--bg-elev);color:var(--muted)}.trow-main{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.vcard-artist{color:var(--muted);margin:0 2px;font-size:12px;display:block}.artist-hero{text-align:center;border-radius:0 0 28px 28px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:236px;padding:58px 22px 24px;display:flex;position:relative;overflow:hidden}.artist-hero:after{content:"";background:linear-gradient(#08050426,#080504cc);position:absolute;inset:0}.artist-hero>*{z-index:1;position:relative}.artist-hero .np-close{position:absolute;top:16px;left:16px}.artist-photo{background:#00000040 0 0/cover;border:2px solid #f5efe959;border-radius:50%;width:96px;height:96px;margin-bottom:14px}.artist-hero h1{letter-spacing:-.5px;font-size:28px;font-weight:800}.artist-hero p{color:#f5efe9d9;margin-top:5px;font-size:13px}.verif{color:#4fd18c;margin-left:6px;font-size:17px}.artist-bio{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.6}.install-banner{width:100%;max-width:var(--shell);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#1f1714f7;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.install-banner span{flex:1;font-size:13px;font-weight:600}.install-banner button{background:var(--grad);color:#fff;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700}.install-banner button.x{color:var(--muted);background:0 0;padding:0 6px;font-size:20px;line-height:1}@media (prefers-reduced-motion:reduce){*{animation:none!important}}