:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080a09;color:#f7f7f7}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column;min-height:0}.site-bar{height:51px;flex:none;padding:0 max(20px,calc((100vw - 760px)/2));display:flex;gap:20px;align-items:center;background:#0e1110;border-bottom:1px solid #222;white-space:nowrap}.site-bar a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.site-bar a:last-child{margin-left:auto;color:#1ed760}.site-bar span{font-size:12px;color:#9b9e9d}.app{--phone-height:min(932px,calc(100dvh - 75px));width:min(430px,max(280px,calc(var(--phone-height)*9/19.5)));max-width:calc(100vw - 24px);height:var(--phone-height);min-height:0;flex:none;margin:12px auto;background:#111;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 70px #0009}.app-head{height:64px;padding:12px 14px;gap:8px;background:#181b19;display:flex;align-items:center;justify-content:space-between;flex:none}.app-head b{font-size:12.5px;letter-spacing:-.3px;white-space:nowrap}.app-head .header-actions{display:flex;gap:5px;flex:none}.app-brand{display:flex;align-items:center;gap:7px;min-width:0}.brand-mark{position:relative;display:block;width:28px;height:28px;flex:none}.brand-mark:before{content:"";position:absolute;inset:2%;border-radius:50%;background:#000}.brand-mark img{position:relative;display:block;width:100%;height:100%;object-fit:contain}.app-head button{border:0;border-radius:18px;background:#223027;color:#fff;font-weight:700;padding:8px 6px;font-size:10.5px;white-space:nowrap;cursor:pointer}.app-head button:last-child{font-size:18px;padding:5px 8px}.scroll-area{overflow-y:auto;flex:1;min-height:0;padding-bottom:18px;background:linear-gradient(#202820,#141515 240px,#121212 400px)}.content{padding:13px 16px 25px}h2{font-size:21px;letter-spacing:-.5px;margin:19px 0 13px}.cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.card{border:0;background:#242827;border-radius:5px;color:white;text-align:left;flex:none;width:142px;padding:9px;cursor:pointer;text-decoration:none;display:block}.card img{display:block;width:124px;height:124px;object-fit:cover;border-radius:3px;background:#303332}.card strong,.card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card strong{font-size:14px;margin-top:9px}.card small{color:#aeb4b0;font-size:12px;margin-top:5px}.art-credit{font-size:11px;color:#858b86;line-height:1.4}.bottom-nav{height:61px;flex:none;display:flex;justify-content:space-around;background:#111;border-top:1px solid #292929}.bottom-nav button{width:25%;border:0;background:none;color:#929a95;font-size:10px;font-weight:700;cursor:pointer}.bottom-nav button.active{color:white}.bottom-nav span{display:block;font-size:23px;margin-bottom:2px}.mini{height:63px;flex:none;margin:0 8px 3px;background:#555a55;border-radius:7px;display:flex;align-items:center;padding:5px 8px;gap:10px}.mini button{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.mini-track{min-width:0;flex:1;display:flex;align-items:center;text-align:left;gap:10px}.mini img{width:44px;height:44px;object-fit:cover;border-radius:4px}.mini-track span{min-width:0}.mini strong,.mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini strong{font-size:13px}.mini small{font-size:11px;color:#ddd;margin-top:3px}.search-head{display:flex;align-items:center;gap:9px}.back{background:none;border:0;color:white;font-size:32px;cursor:pointer}.search-head input{background:#fff;border:0;border-radius:4px;color:#111;font-size:16px;height:46px;padding:0 13px;flex:1;min-width:0;outline:none}.chips{display:flex;gap:8px;overflow:auto;margin:17px 0}.chips span{border:1px solid #5e6660;border-radius:22px;padding:8px 12px;font-size:12px;white-space:nowrap}.song-row{display:flex;align-items:center;gap:5px;margin:7px 0}.row-main{border:0;background:none;color:#fff;text-align:left;display:flex;gap:10px;align-items:center;min-width:0;flex:1;cursor:pointer;padding:0}.row-main img{width:52px;height:52px;object-fit:cover}.row-main span{min-width:0}.row-main strong,.row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong{font-size:14px}.row-main small{font-size:12px;color:#a4aca7;margin-top:4px}.icon-button{background:none;border:0;color:#fff;font-size:25px;cursor:pointer;padding:5px}.status{color:#aab2ac;font-size:13px}.status.error,.player-message{color:#ffc0a7}.full-player{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#47584c 0,#26362c 34%,#101410 75%);z-index:4;padding:21px 22px 34px;display:flex;flex-direction:column}.close-player{align-self:flex-start;font-size:33px;color:white;background:none;border:0;cursor:pointer;line-height:1}.playing-from{text-align:center;font-size:10px;letter-spacing:1px;font-weight:800;margin-top:-22px}.full-art{flex:1 1 0;min-height:0;margin:18px 0 16px;display:flex;align-items:center;justify-content:center}.full-art img{width:auto;height:100%;max-width:100%;max-height:350px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 14px 20px #0008)}.full-title{flex:none;display:flex;align-items:center;justify-content:space-between}.full-title>span{min-width:0}.full-title strong{display:block;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-title small{display:block;color:#c5d0c9;font-size:14px;margin-top:4px}#seek{width:100%;accent-color:#1ed760;margin:20px 0 2px}.times{display:flex;justify-content:space-between;font-size:11px;color:#d4dbd6}.transport{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.transport button{background:none;border:0;color:#fff;font-size:21px;cursor:pointer}.transport button.on{color:#1ed760}.transport .big-play{background:#fff;color:#111;border-radius:50%;height:62px;width:62px;font-size:28px}.output{font-size:12px;color:#c5cec8;margin:12px 0}.player-message{font-size:12px;margin:0}@media(max-width:520px){.site-bar{display:none}.app{width:100%;max-width:none;height:100dvh;max-height:none;min-height:0;margin:0;box-shadow:none}.app-head{height:calc(64px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top))}.bottom-nav{height:calc(61px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:520px) and (max-height:620px){.full-player{padding-bottom:12px}.full-art{margin-bottom:10px}.full-art img{max-width:180px}.transport{margin:6px 0}}

.artist-card img{border-radius:50%}.mini{cursor:pointer}.artist-page{background:#161616;min-height:100%}.artist-hero{height:330px;position:relative;background-size:cover;background-position:center 32%;display:flex;align-items:end;padding:18px}.artist-back{position:absolute;top:16px;left:16px;border:0;border-radius:50%;width:37px;height:37px;background:#0009;color:#fff;font-size:30px;line-height:1;cursor:pointer}.artist-heading{position:relative;text-shadow:0 2px 9px #0009}.artist-heading small{font-size:12px;font-weight:700}.artist-heading h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:8px 0 10px}.artist-heading span{font-size:13px}.artist-body{padding:17px 16px 32px;background:linear-gradient(#292829,#171717 170px)}.artist-actions{display:flex;align-items:center;gap:17px}.artist-play{border:0;border-radius:50%;width:53px;height:53px;background:#1ed760;color:#111;font-size:23px;font-weight:800;cursor:pointer}.artist-follow{border:1px solid #777;border-radius:19px;padding:7px 16px;background:transparent;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.artist-song{display:flex;align-items:center;gap:8px}.artist-rank{width:14px;text-align:right;color:#aaa;font-size:14px;flex:none}.artist-song .song-row{flex:1;min-width:0}.artist-song .row-main img{width:45px;height:45px}.artist-song .icon-button{font-size:20px}.artist-plays{display:none}.album-page .album-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 0 20px}.album-hero img{width:min(68vw,250px);height:min(68vw,250px);object-fit:cover;box-shadow:0 12px 25px #0008}.album-hero small{margin-top:17px;color:#aaa}.album-hero h1{font-size:29px;margin:8px 0 0}.album-page .artist-play{display:block;margin:0 0 22px auto}

@media(max-height:620px){.full-player{padding:14px 18px 12px}.full-art{margin:12px 0}.full-title strong{font-size:19px}.full-title small{font-size:12px}#seek{margin-top:12px}.transport{margin:8px 0}.transport .big-play{width:50px;height:50px;font-size:23px}.output{margin:6px 0;font-size:11px}}

.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 13px}.shelf-heading>h2{margin:0;min-width:0;flex:1}.shelf-heading-compact{justify-content:flex-end;margin:10px 0 0}.shelf-controls{display:flex;gap:6px;flex:none}.shelf-controls[hidden],.shelf-heading[hidden]{display:none}.shelf-controls button{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid #69776d;border-radius:50%;background:#202a23;color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.shelf-controls button:hover:not(:disabled){background:#31513b;border-color:#1ed760}.shelf-controls button:disabled{opacity:.3;cursor:default}.shelf-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shelf-controls button:focus-visible,[data-carousel]:focus-visible{outline:2px solid #1ed760;outline-offset:3px}[data-carousel]{scroll-snap-type:x proximity}[data-carousel]>.card{scroll-snap-align:start}