:root{--bg:#020d27;--bg2:#07143a;--panel:#0b1636;--surface:#ffffff1a;--surface-h:#ffffff29;--line:#ffffff1a;--line2:#fff3;--pill2:#0c0c35;--text:#fff;--muted:#ffffff80;--muted2:#ffffffb3;--red:#e72c30;--red-h:#ff3b3f;--brand:#e72c30;--grad:linear-gradient(90deg, #a855f7, #3b82f6);--container:1200px;--rail:300px;--player:72px;--hdr:64px;--dom:40, 52, 98;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:400 14.4px/1.4 Manrope,Noto Sans,Noto Sans Devanagari,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}h1,h2,h3,h4{margin:0}h1{margin:6px 0 20px;font-size:26px;font-weight:700}h2{font-size:20px;font-weight:600}h3{margin-bottom:8px;font-size:18px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.brand{color:var(--red)}.center{text-align:center}.pad{padding:40px 0}.cap{text-transform:capitalize}.link:hover{text-decoration:underline}.only-sm,.only-mobile{display:none!important}::selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline-offset:2px;outline:2px solid #6d8bff}.app.has-player{padding-bottom:var(--player)}.container{max-width:calc(var(--container) + 48px);margin:0 auto;padding:0 24px}.main{min-height:calc(100vh - var(--hdr))}.hdr{z-index:30;height:var(--hdr);background:var(--bg);align-items:center;gap:18px;padding:0 24px;display:flex;position:sticky;top:0}.hamburger{flex-direction:column;flex:none;justify-content:center;gap:5px;width:28px;height:28px;display:flex}.hamburger span{background:#fff;border-radius:2px;height:2px;display:block}.hamburger span:first-child{width:20px}.hamburger span:nth-child(2){width:14px}.hamburger span:nth-child(3){width:20px}.logo{flex:none;align-items:center;gap:8px;display:flex}.logo-mark{background:linear-gradient(135deg, #ff5a5f, var(--red));color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.logo-mark.big{border-radius:14px;width:54px;height:54px;margin:0 auto 14px}.logo-word{letter-spacing:-.04em;color:var(--red);font-size:20px;font-style:italic;font-weight:800}.logo-word i{color:#fff;letter-spacing:0;opacity:.85;margin-left:3px;font-size:13px;font-style:italic;font-weight:600}.hdr-search{background:var(--surface);max-width:550px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:20px;flex:1;align-items:center;gap:10px;padding:0 12px 0 14px;transition:all .15s;display:flex}.hdr-search:focus-within{border-color:var(--line2);color:#fff;background:#ffffff24}.hdr-search input{color:#fff;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13.6px}.hdr-search input::placeholder{color:var(--muted)}.hdr-search .clear{color:var(--muted);display:grid}.hdr-right{align-items:center;gap:10px;margin-left:auto;display:flex}.hdr-cancel{display:none}.circle-btn{border:1px solid var(--line2);background:var(--pill2);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.circle-btn:hover{background:#17175a}.circle-btn.plain{background:0 0;border:0}.circle-btn.sm{width:30px;height:30px}.pill-btn{white-space:nowrap;border-radius:30px;align-items:center;gap:6px;height:36px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.pill-btn.white{color:#000;background:#fff}.pill-btn.white:hover{background:#e9e9ee}.pill-btn.grad{background:var(--grad);color:#fff}.avatar{background:linear-gradient(135deg, #ff5a5f, var(--red));color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.pills{z-index:2;scrollbar-width:none;gap:8px;padding:10px 0 6px;display:flex;position:relative;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{background:var(--surface);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:12.8px;font-weight:600;transition:background .15s;display:inline-flex}.pill:hover{background:var(--surface-h)}.pill.on{color:#000;background:#fff}.pill .fire{color:#ff8a1f}.drawer-bg{z-index:50;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.drawer-bg.open{opacity:1;pointer-events:auto}.drawer{z-index:51;background:#0a1534;width:280px;padding:14px 18px 30px;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:20px 0 60px #00000080}.drawer.open{transform:none}.drawer-top{align-items:center;gap:10px;margin-bottom:18px;display:flex}.grad-outline{isolation:isolate;background:#0a1534;border-radius:30px;width:100%;height:42px;margin-bottom:16px;font-size:13.6px;font-weight:800;position:relative}.grad-outline:before{content:"";border-radius:inherit;background:var(--grad);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.drawer-user{align-items:center;gap:12px;padding:4px 4px 16px;display:flex}.drawer-user div{flex-direction:column;min-width:0;display:flex}.drawer-user small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.drawer-nav{flex-direction:column;gap:4px;display:flex}.drawer-nav a{height:42px;color:var(--muted2);border-radius:10px;align-items:center;gap:14px;padding:0 12px;font-weight:600;display:flex}.drawer-nav a:hover{color:#fff;background:#ffffff0d}.drawer-nav a.active{background:var(--surface);color:#fff}.drawer-promo{background:#ffffff0f;flex-direction:column;align-items:flex-start;gap:6px;margin:18px -18px;padding:18px;display:flex}.drawer-promo span{color:var(--muted);margin-bottom:6px;font-size:13px}.drawer-label{margin:18px 0 8px;font-size:14px;font-weight:700}.row-between{justify-content:space-between;align-items:center;display:flex}.drawer-quick a{height:38px;color:var(--muted2);justify-content:space-between;align-items:center;font-size:13.6px;display:flex}.drawer-quick a:hover{color:#fff}.drawer-pls a{color:var(--muted2);border-radius:8px;align-items:center;gap:10px;padding:6px 4px;font-size:13.6px;display:flex}.drawer-pls a:hover,.drawer-pls a.active{color:#fff;background:#ffffff0d}.drawer-pls span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drawer-logout{color:var(--muted);margin-top:20px;font-weight:600}.home-grid{grid-template-columns:minmax(0, 1fr) var(--rail);align-items:start;gap:40px;display:grid}.home-main{min-width:0}.home-rail{top:calc(var(--hdr) + 10px);flex-direction:column;gap:18px;padding-top:22px;display:flex;position:sticky}.widget{background:linear-gradient(#3a1450,#1f1048 60%,#140c3a);border-radius:12px;padding:14px 14px 8px}.widget.alt{background:linear-gradient(#14305c,#0d1d45)}.widget .row-head{margin-bottom:8px}.widget h2{font-size:17px}.widget .song-item{cursor:pointer;padding:6px 0}.widget .song-item .si-art .cover{width:48px!important;height:48px!important}.row{margin-top:26px}.row-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.row-head h1{margin:0}.row-nav{align-items:center;gap:8px;display:flex}.view-all{background:var(--pill2);border:1px solid var(--line2);white-space:nowrap;border-radius:30px;align-items:center;height:32px;padding:0 14px;font-size:12.8px;font-weight:600;display:inline-flex}.view-all:hover{background:#17175a}.arrow{background:var(--pill2);border:1px solid var(--line2);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.arrow:hover{background:#17175a}.row-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:176px;grid-auto-flow:column;gap:24px;padding-bottom:4px;display:grid;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.row-scroll>*{scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:26px 24px;display:grid}.card{cursor:pointer;min-width:0;display:block}.card-art{aspect-ratio:1;margin-bottom:10px;position:relative}.card-art>.cover,.card-art>.mosaic{border-radius:8px;width:100%;height:100%;transition:filter .2s}.card:hover .card-art>.cover,.card:hover .card-art>.mosaic{filter:brightness(.8)}.card.artist .card-art>.cover{border-radius:50%}.card-play{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .15s,background .15s;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000073}.card-play svg{margin-left:2px}.card-play:hover{background:var(--red-h);transform:translate(-50%)scale(1.08)}.card.active .card-play svg{margin:0}.card-more{color:#fff;opacity:0;background:#00000059;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.card:hover .card-more{opacity:1}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:14.4px;overflow:hidden}.card.active .card-title{color:var(--red)}.card-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.8px;overflow:hidden}.card.artist .card-title,.card.artist .card-sub{text-align:center}.cover{object-fit:cover;background:#ffffff0f;border-radius:4px;display:block}.cover.round{border-radius:50%}.cover.ph{color:#ffffff40;background:linear-gradient(135deg,#12204a,#1c1440);place-items:center;display:grid}.mosaic{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mosaic img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;display:block}.songs-row .row-scroll{grid-auto-columns:calc(50% - 12px)}.song-col{flex-direction:column;gap:4px;min-width:0;display:flex}.song-item{align-items:center;gap:12px;min-width:0;padding:6px 0;display:flex}.song-item .rank{width:18px;color:var(--muted);text-align:center;flex:none;font-weight:700}.si-art{border-radius:4px;flex:none;position:relative;overflow:hidden}.si-art .cover{border-radius:4px}.si-play{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.si-art:hover .si-play,.song-item.active .si-play,.tl-row.active .si-play{background:var(--red)}.si-text{flex:1;min-width:0}.t1{white-space:nowrap;text-overflow:ellipsis;font-size:14.4px;overflow:hidden}.t1>span{cursor:pointer}.t2{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.8px;overflow:hidden}.t2 a:hover{color:#fff}.song-item.active .t1{color:var(--red)}.kebab{width:32px;height:32px;color:var(--muted2);border-radius:50%;flex:none;place-items:center;display:grid}.kebab:hover{background:var(--surface);color:#fff}.banners{border-radius:10px;margin-top:16px;position:relative;overflow:hidden}.banner-track{transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex}.banner{aspect-ratio:87/16;text-align:left;flex:0 0 100%;min-height:120px;position:relative}.banner img{object-fit:cover;width:100%;height:100%;display:block}.banner-text{background:linear-gradient(#0000,#000000b3);flex-direction:column;padding:40px 22px 16px;display:flex;position:absolute;inset:auto 0 0}.banner-text b{font-size:22px;font-weight:800}.banner-text small{color:#ddd}.dots{gap:5px;display:flex;position:absolute;bottom:12px;right:16px}.dots button{background:#ffffff73;border-radius:4px;width:7px;height:7px;transition:all .3s}.dots button.on{background:#fff;width:20px}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.genre{border-radius:10px;height:96px;padding:14px;font-size:17px;font-weight:800;transition:transform .15s;position:relative;overflow:hidden}.genre:hover{transform:translateY(-2px)}.genre img{object-fit:cover;border-radius:6px;width:70px;height:70px;position:absolute;bottom:-10px;right:-12px;transform:rotate(22deg);box-shadow:0 4px 14px #00000080}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{background:var(--surface);border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:12.8px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-h)}.chip.on{color:#000;background:#fff}.chip.big{height:40px;padding:0 20px;font-size:14px}.chip.add{border:1px dashed var(--line2);background:0 0}.chips.tabs{margin:4px 0 18px}.btn{white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 22px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.btn.sm{height:34px;padding:0 16px;font-size:13px}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover:not(:disabled){background:var(--red-h)}.btn.ghost{background:var(--surface)}.btn.ghost:hover{background:var(--surface-h)}.btn.outline{border:1px solid var(--line2)}.btn.link{color:var(--muted);height:auto;padding:6px;font-weight:600}.btn.link:hover{color:#fff}.btn.wide{width:100%}.icon-btn{width:36px;height:36px;color:var(--muted2);border-radius:50%;flex:none;place-items:center;transition:all .15s;display:inline-grid}.icon-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.icon-btn.on,.icon-btn.like.on{color:var(--red)}.play-fab{background:var(--red);color:#fff;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid}.play-fab.sm{width:40px;height:40px}.input{border:1px solid var(--line);color:#fff;width:100%;height:46px;font:inherit;background:#ffffff14;border-radius:10px;outline:0;margin-bottom:12px;padding:0 16px}.input:focus{border-color:var(--line2);background:#ffffff1f}.detail{padding-top:0}.hero{z-index:0;margin:0 -24px 6px;padding:6px 24px 26px;position:relative}.hero-bg{z-index:-1;background:linear-gradient(180deg, rgba(var(--dom), .95) 0%, rgba(var(--dom), .55) 55%, var(--bg) 100%);width:100vw;position:absolute;top:-62px;bottom:0;left:50%;transform:translate(-50%)}.crumbs{color:var(--muted2);flex-wrap:wrap;gap:6px;padding:12px 0 18px;font-size:12.8px;display:flex}.crumbs i{opacity:.6;margin-left:6px;font-style:normal}.crumbs a:hover{color:#fff}.hero-body{align-items:flex-start;gap:28px;display:flex}.hero-art{border-radius:8px;flex:none;width:200px;height:200px;overflow:hidden;box-shadow:0 10px 40px #00000073}.hero-art .cover,.hero-art .mosaic{border-radius:8px;width:100%;height:100%}.hero-art.round,.hero-art.round .cover{border-radius:50%}.liked-art{background:linear-gradient(135deg, #7c3aed, var(--red));color:#fff;place-items:center;display:grid}.hero-text{min-width:0;padding-top:4px}.hero-kind{color:var(--muted2);font-size:12.8px}.hero h1{word-break:break-word;margin:2px 0 6px;font-size:32px;font-weight:700;line-height:1.2}.hero-sub{color:var(--muted2);margin-bottom:8px;font-size:14.4px}.hero-sub a{color:#fff}.verified{color:#6db3ff;align-items:center;gap:5px;font-weight:600;display:inline-flex}.hero-desc{color:var(--muted2);max-width:640px;margin:0 0 8px}.hero-meta{color:var(--muted2);flex-wrap:wrap;font-size:13.6px;display:flex}.hero-meta>*+:before{content:"•";opacity:.6;margin:0 8px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.play-pill{background:var(--red);color:#fff;border-radius:30px;align-items:center;gap:8px;height:42px;padding:0 26px 0 20px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.play-pill:hover:not(:disabled){background:var(--red-h)}.save-btn{color:#fff;align-items:center;gap:8px;height:36px;padding:0 4px;font-size:13.6px;font-weight:600;display:inline-flex}.save-btn.on svg{color:var(--red)}.actions{flex-wrap:wrap;align-items:center;gap:14px;padding:6px 0 22px;display:flex}.fineprint{color:var(--muted);padding:24px 12px 0;font-size:12.8px;line-height:1.7}.fineprint .strong{color:#fff;font-weight:600}.about{background:#ffffff0d;border-radius:12px;max-width:760px;margin-top:30px;padding:20px}.about p{color:var(--muted2);white-space:pre-line;margin:10px 0 0;line-height:1.6}.cat-head{padding:14px 0 6px}.cat-head .hero-kind{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.cat-head h1{margin:4px 0 14px;font-size:30px}.tracklist{--cols:56px minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) 80px 84px;margin-top:4px}.tracklist.no-album{--cols:56px minmax(0, 1.6fr) minmax(0, 1.2fr) 80px 84px}.tl-head,.tl-row{grid-template-columns:var(--cols);align-items:center;gap:14px;padding:0 12px;display:grid}.tl-head{height:40px;color:var(--muted);border-bottom:1px solid var(--line);font-size:12.8px}.tl-row{border-bottom:1px solid #ffffff0d;min-height:66px;transition:background .1s}.tl-row:hover{background:#ffffff0d}.tl-row.active .t1{color:var(--red)}.tl-row.dim{opacity:.45}.tl-num{color:var(--muted2);font-variant-numeric:tabular-nums}.tl-title{align-items:center;gap:12px;min-width:0;display:flex}.tl-text{flex-direction:column;min-width:0;display:flex}.tl-text .t1{cursor:pointer}.tl-artists,.tl-album{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;font-size:13.6px;overflow:hidden}.tl-artists a:hover,.tl-album a:hover{color:#fff}.right{text-align:right}.tl-dur{color:var(--muted2);font-variant-numeric:tabular-nums;font-size:13.6px}.tl-actions{justify-content:flex-end;align-items:center;display:flex}.explicit{border:1px solid var(--muted);width:15px;height:15px;color:var(--muted2);vertical-align:1px;border-radius:3px;flex:none;place-items:center;margin-right:6px;font-size:9.5px;font-weight:800;display:inline-grid}.top-result-wrap{gap:26px;margin-bottom:10px;display:flex}.top-result-wrap h2{margin-bottom:14px}.top-result{background:#ffffff0f;border-radius:12px;flex-direction:column;gap:14px;width:360px;min-height:220px;padding:20px;transition:background .2s;display:flex}.top-result:hover{background:#ffffff1a}.top-result b{font-size:26px}.top-result .pill{background:#00000059;align-self:flex-start;height:26px;font-size:12px}.flex1{flex:1;min-width:0}.flex1 .tracklist{--cols:56px minmax(0, 1fr) 84px}.flex1 .tl-head,.flex1 .tl-artists,.flex1 .tl-dur{display:none}.flex1 .tl-text .only-sm{display:block!important}.notice{background:linear-gradient(90deg,#2a1450,#0b1636);border-radius:12px;align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.notice span{flex:1}.lib-tiles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:26px;display:grid}.lib-tile{color:#fff;border-radius:12px;align-items:center;gap:16px;min-height:104px;padding:22px;transition:transform .15s;display:flex}.lib-tile:hover{transform:translateY(-2px)}.lib-tile div{flex-direction:column;flex:1;display:flex}.lib-tile b{font-size:19px}.lib-tile span{opacity:.85;font-size:13.6px}.lib-tile.liked{background:linear-gradient(135deg, #7c3aed, var(--red))}.lib-tile.history{background:linear-gradient(135deg,#1d4ed8,#0ea5e9)}.playerbar{z-index:35;height:var(--player);background:linear-gradient(90deg, rgba(var(--dom), .55), rgba(var(--dom), .25) 50%, rgba(var(--dom), .55)), #0a1431;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;gap:20px;padding:0 20px;transition:background .6s;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000059}.pb-edge{position:absolute;top:-7px;left:0;right:0}.pb-left{align-items:center;gap:12px;min-width:0;display:flex}.pb-cover .cover{border-radius:4px}.pb-meta{min-width:0}.pb-title{white-space:nowrap;text-overflow:ellipsis;font-size:14.4px;font-weight:600;overflow:hidden}.pb-artist{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;font-size:12.8px;overflow:hidden}.pb-artist .dot{margin:0 6px}.pb-artist a:hover{color:#fff}.pb-center{justify-content:center;display:flex}.pb-right{justify-content:flex-end;align-items:center;gap:2px;display:flex}.pb-time{color:var(--muted2);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:10px;font-size:12.8px}.pb-mobile-ctrl{display:none}.vol{position:relative}.vol-pop{opacity:0;pointer-events:none;background:#142252;border-radius:10px;width:120px;padding:10px 12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 54px);left:50%;transform:translate(-50%)rotate(-90deg)}.vol:hover .vol-pop,.vol:focus-within .vol-pop{opacity:1;pointer-events:auto}.controls{align-items:center;gap:14px;display:flex}.controls .icon-btn{color:#fffc}.controls .icon-btn.on{color:var(--red)}.controls.big{justify-content:space-between;width:100%;max-width:420px;margin:8px auto}.play-main{color:#020d27;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .1s;display:grid}.play-main:hover{transform:scale(1.06)}.controls.big .play-main{width:68px;height:68px}.seek{align-items:center;gap:10px;width:100%;display:flex}.seek .time{color:var(--muted2);text-align:center;font-variant-numeric:tabular-nums;width:42px;font-size:12px}.range-wrap{flex:1;align-items:center;height:14px;display:flex;position:relative}.range-buf{pointer-events:none;background:#ffffff38;border-radius:3px;height:3px;position:absolute;left:0}.range{appearance:none;background:linear-gradient(90deg, var(--red) var(--p,0%), #ffffff1f var(--p,0%));cursor:pointer;border-radius:3px;outline:0;width:100%;height:3px;margin:0;position:relative}.range::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.range-wrap:hover .range::-webkit-slider-thumb{opacity:1}.range:active::-webkit-slider-thumb{opacity:1}.vol-pop .range::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.quality{color:var(--muted2);cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;margin:0 4px;padding:5px 6px;font:600 12px Manrope,sans-serif}.sidepanel{right:0;top:var(--hdr);bottom:var(--player);z-index:25;border-left:1px solid var(--line);background:#0a1534;flex-direction:column;width:360px;display:flex;position:fixed;box-shadow:-20px 0 50px #00000059}.sp-head{justify-content:space-between;align-items:center;padding:14px 14px 6px 20px;display:flex}.sp-head h3{margin:0}.queue{flex:1;padding:0 10px 20px;overflow-y:auto}.q-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:14px 8px 6px;font-size:12px;font-weight:700}.q-row{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.q-row:hover{background:#ffffff0d}.q-row.active .t1{color:var(--red)}.q-art{flex:none;position:relative}.q-art span{opacity:0;background:#0000008c;border-radius:4px;place-items:center;display:grid;position:absolute;inset:0}.q-row:hover .q-art span{opacity:1}.q-text{flex:1;min-width:0}.lyrics{flex:1;padding:10px 22px 40vh;overflow-y:auto}.lyrics.synced p{color:#ffffff59;cursor:pointer;transform-origin:0;margin:0 0 18px;font-size:22px;font-weight:800;line-height:1.35;transition:color .25s,transform .25s}.lyrics.synced p.past{color:#ffffff8c}.lyrics.synced p.now{color:#fff;transform:scale(1.03)}.lyrics.plain{white-space:pre-line;padding-bottom:40px;font-size:17px;font-weight:700;line-height:1.6}.lyrics.none{padding:40px 22px}.lyrics.big.synced p{font-size:clamp(22px,3vw,32px)}.nowplaying{z-index:45;background:var(--bg);animation:.3s cubic-bezier(.2,.8,.2,1) up;position:fixed;inset:0}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.np-bg{background:linear-gradient(180deg, rgba(var(--dom), 1) 0%, rgba(var(--dom), .6) 45%, var(--bg) 100%);position:absolute;inset:0}.np-inner{max-width:720px;height:100%;padding:14px 24px calc(18px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.np-top{justify-content:space-between;align-items:center;display:flex}.np-from{text-align:center;flex-direction:column;min-width:0;display:flex}.np-from small{letter-spacing:.12em;color:var(--muted2);font-size:10.5px;font-weight:700}.np-from a{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.np-tabs{justify-content:center;gap:6px;margin:10px 0;display:flex}.np-tabs button{background:var(--surface);border-radius:8px;height:32px;padding:0 16px;font-size:12.8px;font-weight:600}.np-tabs button.on{color:#000;background:#fff}.np-body{flex-direction:column;flex:1;min-height:0;display:flex}.np-art{flex:1;place-items:center;min-height:0;display:grid}.np-art .cover{aspect-ratio:1;border-radius:10px;width:min(100%,48vh,420px);height:auto;box-shadow:0 24px 70px #0009}.np-body .queue{padding:0}.np-meta{align-items:center;gap:12px;margin:16px 0 6px;display:flex}.np-meta>div{flex:1;min-width:0}.np-meta h2{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;overflow:hidden}.np-actions{justify-content:center;margin-top:6px;display:flex}.modal-bg{z-index:60;background:#000000a6;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--line);background:linear-gradient(#13214d,#0a1534);border-radius:16px;width:min(500px,100%);max-height:88dvh;padding:26px;animation:.2s cubic-bezier(.2,.8,.2,1) pop;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.modal-x{position:absolute;top:12px;right:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.menu{z-index:70;border:1px solid var(--line);background:#142252;border-radius:10px;min-width:230px;max-width:300px;padding:6px;animation:.1s fade;position:fixed;box-shadow:0 16px 48px #0000008c}.menu-item{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13.6px;display:flex}.menu-item:hover{background:#ffffff14}.menu-item svg{color:var(--muted2);flex:none}.menu-sep{background:var(--line);height:1px;margin:5px 6px}.menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:5px;padding:8px 12px 10px;display:flex}.menu-head small{color:var(--muted)}.toast{left:50%;bottom:calc(var(--player) + 20px);z-index:80;color:#020d27;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:30px;max-width:calc(100vw - 32px);padding:11px 20px;font-size:13.6px;font-weight:700;animation:.25s toast;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}.auth{text-align:center}.auth .input{text-align:left}.auth .muted{margin:0 0 20px}.form-err{color:#ff6b6e;margin:-4px 0 12px;font-size:13.6px}.credits-head{align-items:center;gap:16px;margin-bottom:8px;padding-right:30px;display:flex}.credits-head h3{margin:0}.credits h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 8px;font-size:12px}.credits dl{margin:0}.credits dl div{border-bottom:1px solid #ffffff0f;grid-template-columns:140px 1fr;gap:12px;padding:7px 0;display:grid}.credits dt{color:var(--muted)}.credits dd{word-break:break-word;margin:0;font-weight:600}.bar-loading{background:linear-gradient(90deg, transparent, var(--red), transparent);background-size:200% 100%;height:2px;animation:1s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.atp-new{gap:10px;margin:14px 0 6px;display:flex}.atp-new .input{margin:0}.atp-list{flex-direction:column;gap:2px;margin-top:10px;display:flex}.atp-item{text-align:left;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.atp-item:hover{background:#ffffff0f}.atp-item span{flex-direction:column;display:flex}.atp-item small{color:var(--muted)}.langs .lang-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:16px;display:grid}.lang{border:1px solid var(--line2);text-align:left;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:flex-start;padding:12px 14px;transition:all .15s;display:flex;position:relative}.lang b{font-size:16px}.lang small{color:var(--muted)}.lang svg{color:var(--muted);position:absolute;top:10px;right:10px}.lang.on{border-color:var(--red);background:#e72c301f}.lang.on svg{color:var(--red)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:70px 20px;display:flex}.empty-state p{max-width:420px;margin:0 0 8px}.empty-icon{background:var(--surface);width:72px;height:72px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.page-loading{place-items:center;padding:100px 0;display:grid}.page-loading.small{padding:30px 0}.spinner{border:3px solid #ffffff26;border-top-color:var(--red);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner.sm{border-width:2.5px;width:20px;height:20px}.spinner.dark{border-color:#020d27 #00000026 #00000026}@keyframes spin{to{transform:rotate(360deg)}}.site-foot{border-top:1px solid var(--line);background:#010a1f;margin-top:50px;padding:34px 0 30px}.foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.foot-cols h4{margin-bottom:10px;font-size:14px}.foot-cols a{color:var(--muted);padding:4px 0;font-size:13px;display:block}.foot-cols a:hover{color:#fff}.foot-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:20px;font-size:12.8px;display:flex}@media (width<=1180px){.home-grid{grid-template-columns:minmax(0,1fr)}.home-rail,.pb-time,.quality{display:none}}@media (width<=900px){:root{--player:64px;--hdr:56px}body{font-size:14px}.only-mobile{display:grid!important}.only-sm{display:block!important}.hide-sm{display:none!important}.hdr{gap:12px;padding:0 14px}.hdr-search,.hdr.searching .logo,.hdr.searching .hdr-right,.hdr.searching .hamburger{display:none}.hdr.searching .hdr-search{max-width:none;display:flex}.hdr.searching .hdr-cancel{font-size:13.6px;font-weight:700;display:block}.logo-word i{display:none}.container{padding:0 14px}.row{margin-top:22px}.row-scroll{grid-auto-columns:140px;gap:14px}.row-nav .arrow{display:none}.songs-row .row-scroll{grid-auto-columns:86%}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px}.card-play{width:42px;height:42px}.genre-grid{grid-template-columns:repeat(2,1fr);gap:10px}.genre{height:84px;font-size:15px}.banner{aspect-ratio:2}.hero{margin:0 -14px 6px;padding:0 14px 20px}.hero-body{text-align:center;flex-direction:column;align-items:center;gap:16px}.hero-art{width:190px;height:190px}.hero h1{font-size:24px}.hero-meta,.hero-actions{justify-content:center}.crumbs{display:none}.tracklist,.tracklist.no-album{--cols:28px minmax(0, 1fr) 40px}.tl-head{display:none}.tl-row{gap:10px;min-height:62px;padding:0 2px}.hide-xs{display:none!important}.top-result-wrap{flex-direction:column}.top-result{flex-direction:row;align-items:center;width:auto;min-height:0}.top-result b{font-size:18px}.top-result .pill{display:none}.foot-cols{grid-template-columns:1fr 1fr}.playerbar{background:rgb(var(--dom));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:6px;height:60px;padding:0 6px 0 8px;bottom:8px;left:8px;right:8px}.app.has-player{padding-bottom:76px}.pb-center,.pb-right{display:none}.pb-cover .cover{width:44px!important;height:44px!important}.pb-edge{pointer-events:none;inset:auto 10px -5px}.pb-mobile-ctrl{display:flex}.toast{bottom:92px}.sidepanel{display:none}.modal{padding:22px}.credits dl div{grid-template-columns:110px 1fr}}.page{padding-bottom:10px}.page.fading{opacity:.6;transition:opacity .2s}html,body{overflow-x:clip}.flow-card{isolation:isolate;cursor:pointer;border-radius:16px;align-items:center;gap:24px;min-height:210px;margin-top:18px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.flow-bg{z-index:-1;background:radial-gradient(120% 140% at 0 0,#ff4d57 0%,#c3123a 28%,#5b1a8f 62%,#1a1a5e 100%);position:absolute;inset:0}.flow-bg:after{content:"";background:repeating-radial-gradient(circle at 85%,#ffffff12 0 2px,#0000 2px 28px);animation:6s linear infinite flowpulse;position:absolute;inset:0}@keyframes flowpulse{to{background-position:28px 0;transform:scale(1.04)}}.flow-text{flex:1;min-width:0}.flow-kicker{letter-spacing:.06em;text-transform:uppercase;background:#00000040;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.flow-card h2{letter-spacing:-.02em;margin:12px 0 6px;font-size:34px;font-weight:800}.flow-card p{color:#ffffffd9;max-width:520px;margin:0 0 18px}.flow-card .play-pill{color:#c3123a;background:#fff}.flow-card .play-pill:hover:not(:disabled){background:#ffe9ea}.flow-art{flex:none;width:210px;height:170px;position:relative}.flow-art .fa{border-radius:10px;width:110px;height:110px;position:absolute;box-shadow:0 12px 30px #00000073}.flow-art .fa0{top:30px;left:0;transform:rotate(-8deg)}.flow-art .fa1{z-index:1;top:0;left:50px;transform:rotate(4deg)}.flow-art .fa2{z-index:2;top:40px;left:100px;transform:rotate(10deg)}.flow-art .fa3{z-index:3;top:70px;left:60px;transform:rotate(-3deg)}@media (width<=900px){.flow-card{min-height:0;padding:22px 18px}.flow-card h2{font-size:26px}.flow-card p{font-size:13.5px}.flow-art{width:110px;height:120px}.flow-art .fa{width:72px;height:72px}.flow-art .fa1{left:30px}.flow-art .fa2{top:46px;left:40px}.flow-art .fa3{top:56px;left:12px}}.legal .crumbs{padding-top:14px}.legal-wrap{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:40px;display:grid}.legal article{max-width:780px}.legal article h1{margin-bottom:6px;font-size:32px}.legal article .lead{color:var(--muted2);margin:14px 0 6px;font-size:15.5px;line-height:1.65}.legal article h2{margin:28px 0 8px;font-size:18px}.legal article p{color:var(--muted2);margin:0 0 8px;line-height:1.7}.legal article p.bullet{margin-bottom:4px;padding-left:18px;position:relative}.legal article p.bullet:before{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:4px}.legal-side{top:calc(var(--hdr) + 16px);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex;position:sticky}.legal-side a{color:var(--muted2);border-radius:8px;padding:9px 12px;font-size:13.6px;font-weight:600}.legal-side a:hover{color:#fff;background:#ffffff0d}.legal-side a.on{color:#000;background:#fff}.contact-hero h1{margin:8px 0 6px;font-size:34px}.contact-hero p{max-width:620px;margin:0 0 22px}.contact-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:26px;display:grid}.contact-cards{flex-direction:column;gap:12px;display:flex}.ccard{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.ccard svg{color:var(--red);flex:none}.ccard small{color:var(--muted);font-size:12px;display:block}.ccard b{word-break:break-all;font-size:14.4px}a.ccard:hover{background:#ffffff1a}.socials{flex-wrap:wrap;gap:8px;display:flex}.socials a{background:var(--surface);border-radius:20px;padding:7px 14px;font-size:12.8px;font-weight:600}.contact-form{border:1px solid var(--line);background:linear-gradient(#13214d,#0a1534);border-radius:16px;padding:24px}.contact-form h2{margin-bottom:16px}.contact-form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form select.input{appearance:none}.contact-form .area{resize:vertical;height:140px;padding:12px 16px}.contact-form.sent{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 24px;display:flex}@media (width<=900px){.legal-wrap,.contact-grid{grid-template-columns:1fr}.legal-side{flex-direction:row;order:-1;padding:6px;position:static;overflow-x:auto}.legal-side a{white-space:nowrap}.contact-form .two{grid-template-columns:1fr;gap:0}}.logo-svg{filter:drop-shadow(0 2px 6px #e72c3059);flex:none;display:block}.logo-svg.big{margin:0 auto 14px}