@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b12;--panel:#11111b;--panel2:#171724;--line:rgba(255,255,255,.075);--muted:#85859a;--text:#f5f4fb;--purple:#a78bfa;--pink:#f0a1ce;--cyan:#79d9d3;--green:#9ce6b1;--radius:18px;--sidebar:244px;--player:92px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -10%,rgba(102,73,167,.16),transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:var(--player)}.sidebar{position:fixed;z-index:20;inset:0 auto var(--player) 0;width:var(--sidebar);padding:27px 19px 17px;background:rgba(13,13,21,.95);border-right:1px solid var(--line);display:flex;flex-direction:column;backdrop-filter:blur(22px)}.brand{height:39px;display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:1.5px;margin:0 9px 44px}.brand-light{font-weight:500;color:#b9b5c9}.brand-mark{width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#a78bfa,#e4a2d1 65%,#77d9d0);display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg)}.brand-mark span{width:2.5px;border-radius:5px;background:#171321}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand-mark span:nth-child(4){height:6px}.side-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6f6f84;padding:0 11px;margin-bottom:13px}.side-label-spaced{margin-top:32px}.side-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aaa9ba;text-align:left;padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:13px;font-size:13px;transition:.18s}.nav-item:hover{background:#191925;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(167,139,250,.18),rgba(167,139,250,.06));color:#d8c9ff;box-shadow:inset 2px 0 #a78bfa}.nav-icon{width:17px;text-align:center;font-size:18px;color:#9c98b1}.sidebar-bottom{margin-top:auto}.upload-promo{padding:17px 15px 15px;border:1px solid rgba(167,139,250,.15);border-radius:16px;background:radial-gradient(circle at 90% 0,rgba(167,139,250,.18),transparent 48%),#151421}.promo-orb{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(167,139,250,.2);color:#d8c9ff;font-size:19px;margin-bottom:14px}.upload-promo strong{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;display:block}.upload-promo p{font-size:11px;line-height:1.6;color:#9390a4;margin:7px 0 15px}.side-foot{font-size:10px;line-height:1.8;color:#656579;padding:18px 5px 0}.side-foot span{color:#4f4f62}.main-area{margin-left:var(--sidebar);min-height:100vh;padding-bottom:20px}.topbar{height:82px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:23px;padding:0 38px;background:rgba(11,11,18,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.breadcrumb{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#747488}.breadcrumb-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #a78bfa}.search-box{width:min(410px,38vw);height:41px;border:1px solid rgba(255,255,255,.08);background:#14141f;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-left:auto;color:#8e8da2}.search-box>span{font-size:22px;line-height:1}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f4fb;font-size:12px}.search-box input::placeholder{color:#77768b}.search-box kbd{white-space:nowrap;color:#6e6d80;border:1px solid #303040;border-radius:5px;padding:2px 5px;font-size:9px}.top-actions{display:flex;align-items:center;gap:14px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;font-size:12px;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(110deg,#a78bfa,#d69bd2);color:#1b1628;box-shadow:0 6px 22px rgba(167,139,250,.17)}.btn-primary:hover{filter:brightness(1.09);transform:translateY(-1px)}.btn-ghost{border-color:rgba(255,255,255,.1);background:#171722;color:#ddd8ed}.btn-ghost:hover{background:#242335}.btn-block{width:100%}.avatar-button{width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:linear-gradient(140deg,#5c4b83,#c887b7);font-size:11px;font-weight:800;color:#fff}.mobile-menu{display:none}.page-content{max-width:1500px;margin:0 auto;padding:30px 38px 50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 17px}.section-head h2{font:700 20px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.section-link{color:#c7b5ff;font-size:11px;font-weight:700;background:none;border:0}.hero{min-height:270px;border-radius:23px;position:relative;overflow:hidden;padding:37px 42px;background:radial-gradient(ellipse at 80% 50%,rgba(224,155,214,.34),transparent 32%),radial-gradient(ellipse at 65% 5%,rgba(131,110,216,.36),transparent 47%),linear-gradient(115deg,#201b37,#1e1a2c 46%,#322039);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center}.hero:before{content:'';position:absolute;width:390px;height:390px;right:6%;top:-55px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}.hero:after{content:'♫';position:absolute;right:17%;top:17px;font-size:170px;line-height:1;color:rgba(255,255,255,.08);transform:rotate(12deg);font-family:Georgia,serif}.hero-content{position:relative;z-index:2;max-width:510px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#d8caff;text-transform:uppercase}.eyebrow:before{content:'';width:18px;height:1px;background:#c9b7ff}.hero h1{font:800 clamp(30px,4vw,47px)/1.12 Manrope,sans-serif;letter-spacing:-1.9px;margin:13px 0 12px;max-width:480px}.hero h1 em{font-style:normal;color:#d9b5ec}.hero p{color:#bab4ca;max-width:430px;line-height:1.7;font-size:13px;margin:0 0 22px}.hero-actions{display:flex;gap:11px;align-items:center}.btn-outline-light{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.2);color:#f1eaff}.hero-note{position:absolute;right:41px;bottom:27px;z-index:2;font-size:10px;letter-spacing:1px;color:rgba(255,255,255,.48)}.genre-row{display:flex;gap:9px;flex-wrap:wrap}.genre-chip{border:1px solid rgba(255,255,255,.09);background:#14141f;color:#aaa8bb;padding:9px 14px;border-radius:30px;font-size:11px}.genre-chip:hover,.genre-chip.active{border-color:rgba(167,139,250,.55);background:rgba(167,139,250,.14);color:#ddcfff}.track-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.track-card{min-width:0;position:relative}.track-art{width:100%;aspect-ratio:1/1;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.18)}.track-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 23%,rgba(255,255,255,.25),transparent 25%),linear-gradient(135deg,transparent,rgba(0,0,0,.27))}.art-symbol{z-index:1;font:400 51px Georgia,serif;color:rgba(255,255,255,.85);text-shadow:0 5px 20px rgba(0,0,0,.2)}.cover-gradient{background:linear-gradient(140deg,#584b83,#d18eb6)}.cover-a{background:radial-gradient(circle at 70% 22%,#f0c7cb,transparent 26%),linear-gradient(135deg,#473b79,#9c7ac3 55%,#d19aaf)}.cover-b{background:radial-gradient(circle at 65% 30%,#eecc9f,transparent 23%),linear-gradient(135deg,#243f4c,#4c8d8b 55%,#d4a87c)}.cover-c{background:radial-gradient(circle at 22% 70%,#ee9eb9,transparent 25%),linear-gradient(145deg,#4e285a,#af648f 58%,#e5b6ad)}.cover-d{background:radial-gradient(circle at 65% 65%,#ffd5a8,transparent 23%),linear-gradient(140deg,#253557,#6678a7 52%,#d3a88a)}.cover-e{background:radial-gradient(circle at 40% 30%,#d4c9fc,transparent 25%),linear-gradient(135deg,#413c6d,#8a8bcc 56%,#d3b0d4)}.cover-f{background:radial-gradient(circle at 30% 65%,#9ae2d9,transparent 25%),linear-gradient(135deg,#1e5360,#559c9b 58%,#b8cbb7)}.cover-g{background:radial-gradient(circle at 70% 24%,#e3c393,transparent 25%),linear-gradient(135deg,#744e32,#bd8c5b 52%,#eed0a8)}.cover-h{background:radial-gradient(circle at 70% 70%,#f9a9b8,transparent 25%),linear-gradient(135deg,#4e2f4d,#9b597a 58%,#d9a2a4)}.cover-i{background:radial-gradient(circle at 50% 35%,#e7d3fc,transparent 25%),linear-gradient(135deg,#303b70,#657fb4 57%,#d1b2d4)}.cover-j{background:radial-gradient(circle at 30% 28%,#f4db99,transparent 25%),linear-gradient(135deg,#623f55,#c17379 56%,#e7b88d)}.track-art .art-play{position:absolute;z-index:3;right:12px;bottom:12px;width:39px;height:39px;border-radius:50%;border:0;background:#f8f2ff;color:#262033;box-shadow:0 5px 18px rgba(0,0,0,.3);font-size:14px;opacity:0;transform:translateY(5px);transition:.2s}.track-card:hover .art-play{opacity:1;transform:translateY(0)}.track-title-row{display:flex;align-items:start;gap:6px;margin-top:11px}.track-info{min-width:0;flex:1}.track-info strong{display:block;font:700 12px Manrope,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-info span{display:block;margin-top:4px;font-size:11px;color:#88879c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-more{background:none;border:0;color:#77758b;font-size:18px;padding:0 3px}.track-meta{display:flex;justify-content:space-between;margin-top:8px;color:#67677a;font-size:10px}.track-meta span{display:flex;align-items:center;gap:4px}.play-count:before{content:'▶';font-size:8px;color:#89869d}.mini-playlist-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{min-height:105px;border:1px solid var(--line);background:linear-gradient(110deg,#171625,#15141f);border-radius:15px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer}.feature-cover{width:72px;height:72px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:29px}.feature-copy strong{font:700 13px Manrope,sans-serif}.feature-copy p{font-size:11px;color:#89879b;margin:6px 0 0;line-height:1.5}.page-title{margin:4px 0 24px}.page-title h1{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:0}.page-title p{color:var(--muted);margin:8px 0 0}.empty-state{border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:48px 20px;text-align:center;color:#9694a9;background:rgba(255,255,255,.015)}.empty-state .empty-symbol{font-size:34px;color:#c2aaf8;margin-bottom:10px}.empty-state h3{font:700 16px Manrope,sans-serif;color:#eeeaf7;margin:0 0 7px}.empty-state p{max-width:420px;margin:0 auto 18px;font-size:12px;line-height:1.65}.upload-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:21px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,23,36,.94),rgba(17,17,27,.94));border-radius:17px;padding:23px}.panel h2{font:700 17px Manrope,sans-serif;margin:0 0 6px}.panel-sub{font-size:11px;color:var(--muted);margin:0 0 21px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:11px;font-weight:700;color:#c2bfd1}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#10101a;border-radius:10px;padding:11px 12px;outline:0;color:#f4f1fb;font-size:12px}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(167,139,250,.65);box-shadow:0 0 0 3px rgba(167,139,250,.08)}.field small{font-size:10px;color:#77768a}.file-drop{border:1px dashed rgba(167,139,250,.35);border-radius:13px;background:rgba(167,139,250,.045);padding:18px;text-align:center;cursor:pointer}.file-drop strong{display:block;font-size:12px;color:#ded6f4}.file-drop span{display:block;color:#858299;font-size:10px;margin-top:5px}.file-drop input{display:none}.file-icon{font-size:25px;color:#c5afff;margin-bottom:7px}.rights-check{display:flex;align-items:start;gap:9px;font-size:11px;color:#aaa7ba;line-height:1.55;margin:13px 0 18px}.rights-check input{accent-color:#a78bfa;margin-top:2px}.progress-wrap{height:6px;border-radius:10px;background:#282638;overflow:hidden;margin:12px 0}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#a78bfa,#d69bd2);transition:width .15s}.upload-aside{display:grid;gap:14px}.guide-item{display:flex;gap:11px;margin:15px 0}.guide-number{flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:rgba(167,139,250,.14);color:#d5c5ff;display:grid;place-items:center;font-size:11px;font-weight:800}.guide-item strong{font-size:11px;display:block}.guide-item p{font-size:10px;line-height:1.6;color:#858398;margin:4px 0 0}.notice{border:1px solid rgba(240,190,122,.15);background:rgba(240,190,122,.05);border-radius:12px;padding:12px;color:#b9a787;font-size:10px;line-height:1.65}.library-list{display:grid;gap:9px}.library-row{display:flex;align-items:center;gap:13px;padding:10px;border:1px solid var(--line);background:#13131e;border-radius:12px}.library-cover{width:48px;height:48px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:22px}.library-row-main{min-width:0;flex:1}.library-row-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.library-row-main span{display:block;color:#88869b;font-size:10px;margin-top:4px}.status-pill{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;background:rgba(240,190,122,.1);color:#e8bf85}.status-published{background:rgba(124,213,165,.1);color:#98e2b2}.danger-link{border:0;background:none;color:#d78e9b;font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-backdrop.hidden{display:none}.modal-card{width:min(440px,100%);padding:27px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#171623;box-shadow:0 25px 90px rgba(0,0,0,.55);position:relative}.modal-close{position:absolute;right:15px;top:13px;border:0;background:none;color:#89869a;font-size:22px}.modal-card h2{font:800 22px Manrope,sans-serif;margin:0 0 8px}.modal-card>p{color:#9693a8;font-size:11px;line-height:1.6;margin:0 0 21px}.modal-switch{display:flex;gap:8px;margin:0 0 18px;padding:4px;background:#10101a;border-radius:10px}.modal-switch button{flex:1;padding:9px;border:0;background:transparent;border-radius:7px;color:#89879a;font-size:11px}.modal-switch button.active{background:#302a43;color:#e7ddff}.toast-region{position:fixed;right:22px;bottom:calc(var(--player) + 18px);z-index:80;display:grid;gap:8px}.toast{max-width:340px;padding:12px 15px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#222131;box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:11px;color:#eeeaf7;animation:toastIn .2s ease}.toast.error{border-color:rgba(230,130,146,.35)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.player-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;height:var(--player);background:rgba(16,16,25,.96);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.2fr) minmax(180px,1fr);align-items:center;padding:0 26px;gap:25px}.now-playing{display:flex;align-items:center;gap:11px;min-width:0}.mini-cover{width:49px;height:49px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:21px}.now-meta{min-width:0;display:grid;gap:5px}.now-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-meta span{font-size:10px;color:#858398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-like{background:none;border:0;color:#77758d;font-size:19px;margin-left:4px}.player-center{max-width:610px;width:100%;justify-self:center}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:9px}.control-button{border:0;background:none;color:#8f8da1;font-size:14px;padding:4px}.control-button:hover,.control-button.active{color:#d6c5ff}.play-main{width:31px;height:31px;border-radius:50%;border:0;background:#f1eaff;color:#201a2d;font-size:12px;display:grid;place-items:center;padding-left:3px}.timeline-row{display:flex;align-items:center;gap:9px;color:#77758a;font-size:9px}.timeline-row input,.player-extra input{appearance:none;height:3px;border-radius:20px;background:#3a384b;outline:0;cursor:pointer}.timeline-row input{flex:1}.timeline-row input::-webkit-slider-thumb,.player-extra input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#d8c7ff}.player-extra{display:flex;justify-content:end;align-items:center;gap:11px;color:#858398}.player-extra input{width:85px}.queue-button{font-size:18px;margin-left:10px}.hidden{display:none!important}.muted{color:var(--muted)}.subtle-divider{height:1px;background:var(--line);margin:18px 0}.genre-result{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;color:#8c8a9d}.profile-header{padding:25px;border-radius:17px;background:linear-gradient(110deg,#29213b,#211c30 60%,#302238);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:19px}.profile-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:800;background:linear-gradient(135deg,#8d7cc7,#d58db6)}.profile-header h1{font:800 24px Manrope,sans-serif;margin:0}.profile-header p{color:#aaa5bb;font-size:11px;margin:6px 0}.artist-stats{display:flex;gap:18px;color:#aaa5bb;font-size:10px}.artist-stats b{color:#fff}.queue-list{display:grid;gap:8px;max-height:320px;overflow:auto}.queue-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;background:#12121d}.queue-item button{border:0;background:none;text-align:left;flex:1;min-width:0}.queue-item strong{display:block;font-size:11px}.queue-item small{font-size:10px;color:#858398}.queue-item .q-play{color:#bfaaff;flex:0 0 auto}.mobile-only{display:none}
@media(max-width:1200px){.track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{padding:0 25px;gap:16px}.page-content{padding:25px}.player-bar{grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) minmax(120px,.7fr);gap:12px;padding:0 17px}}
@media(max-width:900px){:root{--sidebar:220px}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.breadcrumb{display:none}.search-box{margin-left:0;width:min(440px,56vw)}.upload-layout{grid-template-columns:1fr}.player-bar{grid-template-columns:1fr 1.3fr}.player-extra{display:none}.hero{padding:30px}.hero:after{right:8%;font-size:130px}}
@media(max-width:650px){:root{--player:82px}.sidebar{transform:translateX(-105%);transition:transform .22s;width:260px;bottom:var(--player);box-shadow:25px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:66px;padding:0 14px;gap:11px}.mobile-menu{display:block}.icon-button{border:0;background:none;color:#bcb8ce;font-size:18px;padding:5px}.search-box{height:37px;flex:1;width:auto;padding:0 9px}.search-box kbd{display:none}.top-actions{gap:8px}.upload-top{padding:8px 10px}.upload-top span{display:none}.avatar-button{width:32px;height:32px}.page-content{padding:20px 14px 35px}.hero{min-height:275px;padding:25px 22px;align-items:flex-start}.hero h1{font-size:33px;max-width:310px}.hero p{font-size:11px;max-width:300px}.hero:before{right:-180px}.hero:after{right:3%;top:105px;font-size:100px}.hero-note{display:none}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.track-art{border-radius:11px}.track-art .art-play{opacity:1;transform:none;width:33px;height:33px;right:8px;bottom:8px}.mini-playlist-row{grid-template-columns:1fr}.section-head{margin:25px 0 14px}.section-head h2{font-size:17px}.form-grid{grid-template-columns:1fr}.panel{padding:17px}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 10px}.now-playing{gap:8px}.mini-cover{width:42px;height:42px}.now-meta strong{font-size:10px}.now-meta span{font-size:9px}.player-like{display:none}.player-center{width:150px}.player-controls{gap:10px;margin:0 0 5px}.control-button{font-size:12px}.play-main{width:28px;height:28px}.timeline-row{gap:5px}.timeline-row span{font-size:8px}.toast-region{left:12px;right:12px;bottom:calc(var(--player) + 10px)}.toast{max-width:none}.profile-header{padding:18px}.profile-avatar{width:58px;height:58px}.profile-header h1{font-size:20px}}
.track-title-button{display:block;max-width:100%;border:0;padding:0;background:none;color:#f4f1fb;text-align:left;font:700 12px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title-button:hover{color:#d5c3ff}.artist-inline{border:0;padding:0;background:none;color:#858398;font-size:11px;text-align:left}.artist-inline:hover{color:#c7b5ff}.track-actions-mini{display:flex;gap:5px}.track-actions-mini .track-more{font-size:16px}.track-detail-hero{display:grid;grid-template-columns:minmax(210px,320px) minmax(0,1fr);align-items:center;gap:35px;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(125deg,#171624,#201b2e 63%,#2b2034)}.detail-cover{width:100%;aspect-ratio:1/1;border-radius:17px;display:grid;place-items:center;font-size:92px;color:rgba(255,255,255,.8);overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.25)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font:800 clamp(27px,4vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-1.4px;margin:12px 0 10px}.detail-copy>p{max-width:620px;color:#aaa6ba;line-height:1.7;font-size:12px;margin:17px 0}.detail-stats{display:flex;gap:18px;flex-wrap:wrap;color:#8f8b9f;font-size:10px;margin:16px 0 21px}.comment-form{display:flex;gap:11px;align-items:end;margin-bottom:16px}.comment-form textarea{flex:1;min-height:65px;resize:vertical;border:1px solid var(--line);background:#14131f;color:#f5f4fb;border-radius:12px;padding:12px;outline:0;font:12px 'DM Sans',sans-serif}.comment-form textarea:focus{border-color:rgba(167,139,250,.5)}.comments-list{display:grid;gap:12px}.comment-row{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#13131e}.comment-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7865a5,#ba7ea5);font-size:10px;font-weight:800}.comment-row strong{font-size:11px}.comment-row span{color:#77758a;font-size:9px;margin-left:10px}.comment-row p{font-size:11px;line-height:1.6;color:#c5c1d0;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.compact-empty{padding:23px}.compact-empty h3{font-size:13px}.compact-empty p{font-size:10px;margin-bottom:0}
@media(max-width:650px){.track-detail-hero{grid-template-columns:1fr;gap:20px;padding:18px}.detail-cover{max-width:250px;margin:auto}.detail-copy{text-align:left}.detail-copy h1{font-size:28px}.comment-form{display:grid}.comment-form .btn{justify-self:end}}