:root{--nd-accent:#1ed760;--nd-on-accent:#000;--nd-bg-web:#000;--nd-bg:#121212;--nd-surface:#1f1f1f;--nd-surface-2:#2a2a2a;--nd-surface-3:#3a3a3a;--nd-card:#242424;--nd-border:#727272;--nd-border-subtle:#2a2a2a;--nd-text:#fff;--nd-text-2:#b3b3b3;--nd-text-muted:#8f8f8f;--nd-progress-track:#4d4d4d;--nd-toggle-off:#535353;--nd-tint-album:#5a2e1c;--nd-verified:#4d9fff;--nd-avatar:#f59e6b;--nd-liked-songs:#4b3bbf;--nd-font:"Figtree", system-ui, sans-serif;--nd-radius-art:4px;--nd-radius-card:6px;--nd-radius-card-lg:8px;--nd-radius-panel:12px;--mini-h:56px;--nav-h:76px;--bar-h:72px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--nd-bg);height:100%;color:var(--nd-text);font-family:var(--nd-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{display:block}h1,h2,h3,p{margin:0}input::placeholder,textarea::placeholder{color:#a7a7a7}:focus-visible{outline:2px solid var(--nd-text);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--nd-text-2)}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#yt-holder{opacity:0;pointer-events:none;width:640px;height:360px;position:fixed;top:0;left:-10000px}.btn{white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:15px;font-weight:800;display:inline-flex}.btn-sm{border-radius:18px;height:36px;padding:0 16px;font-size:13px;font-weight:700}.btn-primary{background:var(--nd-accent);color:var(--nd-on-accent)}.btn-secondary{background:var(--nd-text);color:#000}.btn-outline{border:1px solid var(--nd-border);color:var(--nd-text);padding:0 24px;font-weight:700}.btn-outline.btn-sm{padding:0 16px}.btn:hover{transform:scale(1.03)}.btn:disabled{opacity:.5;transform:none}.icon-btn{width:44px;height:44px;color:var(--nd-text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover,.icon-btn.white{color:var(--nd-text)}.icon-btn.sm{width:36px;height:36px}.icon-btn.on{color:var(--nd-accent)}.icon-btn.on.dot:after{content:"";background:var(--nd-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.icon-btn .badge1{font-size:9px;font-weight:800;position:absolute;top:6px;right:6px}.play-circle{background:var(--nd-accent);width:56px;height:56px;color:var(--nd-on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.play-circle:hover{background:#3be477;transform:scale(1.04)}.play-circle.md{width:48px;height:48px}.play-circle.white{background:var(--nd-text);color:#000}.play-circle.sm{width:40px;height:40px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chip{background:var(--nd-surface-2);height:36px;color:var(--nd-text);white-space:nowrap;border-radius:18px;flex:none;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.chip.sm{border-radius:16px;height:32px;padding:0 14px}.chip.outline{border:1px solid var(--nd-border);background:0 0}.chip[aria-pressed=true],.chip.on{background:var(--nd-accent);color:var(--nd-on-accent);border-color:var(--nd-accent)}.switch{background:var(--nd-toggle-off);border-radius:14px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--nd-accent)}.switch[aria-checked=true]:after{left:23px}.segmented{background:var(--nd-surface);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button{border-radius:7px;height:40px;font-size:13px;font-weight:700}.segmented button[aria-checked=true]{color:#000;background:#fff}.search-input{background:var(--nd-surface);height:48px;color:var(--nd-text-2);border-radius:24px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 16px;display:flex;position:relative}.search-input:focus-within{box-shadow:0 0 0 2px var(--nd-text)}.search-input input{min-width:0;color:var(--nd-text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search-input input::-webkit-search-cancel-button{display:none}.search-input.light{color:#121212;background:#fff;border-radius:8px;padding:0 14px}.search-input.light input{color:#121212;font-weight:600}.suggest{z-index:30;color:var(--nd-text);background:#282828;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #0009}.suggest button{text-align:left;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.suggest button:hover{background:var(--nd-surface-3)}input[type=range].range{appearance:none;cursor:pointer;--p:0%;--fill:#fff;--track:var(--nd-progress-track);background:0 0;width:100%;height:12px;margin:0}input[type=range].range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fill) var(--p), var(--track) var(--p));border-radius:2px;height:4px}input[type=range].range::-moz-range-track{background:var(--track);border-radius:2px;height:4px}input[type=range].range::-moz-range-progress{background:var(--fill);border-radius:2px;height:4px}input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px}input[type=range].range::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}input[type=range].range:hover{--fill:var(--nd-accent)}input[type=range].range.on-tint{--track:#ffffff4d}input[type=range].range.on-tint:hover,input[type=range].range.thumb{--fill:#fff}input[type=range].range:hover::-webkit-slider-thumb{opacity:1}input[type=range].range.thumb::-webkit-slider-thumb{opacity:1}input[type=range].range:hover::-moz-range-thumb{opacity:1}input[type=range].range.thumb::-moz-range-thumb{opacity:1}.art{background:var(--nd-surface-2);border-radius:var(--nd-radius-art);color:var(--nd-text-2);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%}.art.round{border-radius:50%}.art.liked{background:linear-gradient(135deg, var(--nd-liked-songs), #9b8cf2);color:#fff}.eq-ic{color:var(--nd-accent);flex:none}.eq-anim path{transform-origin:50%;transform-box:fill-box;animation:1s ease-in-out infinite eqb}.eq-anim path:nth-child(2){animation-delay:-.25s}.eq-anim path:nth-child(3){animation-delay:-.5s}.eq-anim path:nth-child(4){animation-delay:-.75s}@keyframes eqb{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.tracks{flex-direction:column;display:flex}.track{border-radius:var(--nd-radius-card);cursor:pointer;align-items:center;gap:12px;min-width:0;min-height:56px;padding:4px 0;display:flex}.track .meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.track .t1{font-size:15px;font-weight:600}.track .t2{color:var(--nd-text-2);font-size:13px}.track.current .t1{color:var(--nd-accent)}.track .num{text-align:center;width:16px;color:var(--nd-text-2);flex:none;font-size:14px}.track .more{margin-right:-12px}.ttable{flex-direction:column;display:flex}.trow{border-radius:var(--nd-radius-card);height:56px;color:var(--nd-text-2);cursor:pointer;grid-template-columns:40px minmax(0,4fr) minmax(0,3fr) minmax(0,2fr) 72px 40px;align-items:center;gap:16px;padding:0 16px;font-size:14px;display:grid}.trow.head{border-bottom:1px solid var(--nd-border-subtle);cursor:default;border-radius:0;height:36px;margin-bottom:8px;font-size:13px}.trow:not(.head):hover{background:var(--nd-surface-2);color:var(--nd-text)}.trow .n{justify-content:flex-end;font-size:15px;display:flex}.trow .n .hover-play{color:var(--nd-text);display:none}.trow:not(.head):hover .n .num-text{display:none}.trow:not(.head):hover .n .hover-play{display:flex}.trow .title{align-items:center;gap:12px;min-width:0;display:flex}.trow .title .meta{flex-direction:column;gap:2px;min-width:0;display:flex}.trow .title .t1{color:var(--nd-text);font-size:15px;font-weight:600}.trow.current .title .t1{color:var(--nd-accent)}.trow .title .t2{font-size:13px}.trow .dur{text-align:right;font-variant-numeric:tabular-nums}.trow a:hover{color:var(--nd-text);text-decoration:underline}.trow .row-more{opacity:0}.trow:hover .row-more,.trow .row-more:focus-visible{opacity:1}.ttable.no-album .trow{grid-template-columns:40px minmax(0,6fr) minmax(0,2fr) 72px 40px}.ttable.no-album .trow .album{display:none}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.row-cards{scrollbar-width:none;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.row-cards::-webkit-scrollbar{display:none}.chips.scroll::-webkit-scrollbar{display:none}.card{border-radius:var(--nd-radius-card-lg);cursor:pointer;scroll-snap-align:start;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex;position:relative}.card:hover{background:var(--nd-surface)}.card .art{aspect-ratio:1;border-radius:var(--nd-radius-card);width:100%}.card .art.round{border-radius:50%}.card .art.wide{aspect-ratio:16/9}.card .t1{font-size:15px;font-weight:700}.card .t2{color:var(--nd-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card .card-play{opacity:0;transition:all .2s;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 16px #0006}.card:hover .card-play,.card.current .card-play{opacity:1;transform:none}.row-cards .card{flex:none;gap:8px;width:140px;padding:0}.row-cards .card:hover{background:0 0}.row-cards .card .t1{font-size:14px}.row-cards .card .t2{font-size:12px}.row-cards .card .card-play{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick{background:var(--nd-surface-2);border-radius:var(--nd-radius-card);cursor:pointer;align-items:center;gap:10px;min-width:0;height:56px;display:flex;position:relative;overflow:hidden}.quick:hover{background:var(--nd-surface-3)}.quick .art{border-radius:0;width:56px;height:56px}.quick span{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:8px;font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.quick.playing span{color:var(--nd-accent)}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head h2{letter-spacing:-.2px;font-size:21px;font-weight:800}.section-head a,.section-head button{color:var(--nd-text-2);flex:none;font-size:13px;font-weight:700}.section-head a:hover,.section-head button:hover{color:var(--nd-text);text-decoration:underline}.section-sub{color:var(--nd-text-2);margin-top:-8px;font-size:13px}.genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.genre{border-radius:var(--nd-radius-card-lg);text-align:left;height:96px;padding:12px;font-size:16px;font-weight:800;display:block;position:relative;overflow:hidden}.genre i{border-radius:6px;width:64px;height:64px;position:absolute;bottom:-10px;right:-14px;transform:rotate(25deg)}.sk{background:var(--nd-surface-2);border-radius:4px;animation:1.4s ease-in-out infinite skp}@keyframes skp{50%{opacity:.55}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty .ill{background:var(--nd-surface-2);width:96px;height:96px;color:var(--nd-text-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.empty h2{letter-spacing:-.3px;font-size:22px;font-weight:800}.empty p{color:var(--nd-text-2);max-width:340px;font-size:14px;line-height:1.5}.empty .actions{flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:10px;display:flex}.offline-banner{border-radius:var(--nd-radius-card-lg);background:var(--nd-surface-2);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.offline-banner span{flex:1}.app{min-height:100dvh}.web-header,.sidebar,.np-panel,.player-bar{display:none}main.main{padding:calc(20px + var(--safe-t)) 16px calc(var(--mini-h) + var(--nav-h) + 24px + var(--safe-b));flex-direction:column;gap:20px;min-width:0;display:flex}main.main.flush{gap:0;padding-top:0;padding-left:0;padding-right:0}main.main.flush>.pad{flex-direction:column;gap:20px;padding:0 16px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.page-head .left{align-items:center;gap:12px;min-width:0;display:flex}.page-head h1{letter-spacing:-.3px;font-size:24px;font-weight:800}.page-head .tools{align-items:center;gap:4px;margin-right:-10px;display:flex}.page-head .tools .icon-btn{color:var(--nd-text)}.page-head.back-head{justify-content:flex-start;margin-left:-10px}.page-head.back-head h1{font-size:18px}.avatar{background:var(--nd-avatar);color:#121212;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.avatar>img{object-fit:cover;width:100%;height:100%;display:block}.bottom-nav{z-index:20;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:calc(8px + var(--safe-b));background:linear-gradient(to top, var(--nd-bg) 75%, #121212e6);border-top:1px solid var(--nd-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--nd-text-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.bottom-nav a[aria-current=page]{color:var(--nd-text);font-weight:700}.mini-player{left:8px;right:8px;bottom:calc(var(--nav-h) + 4px + var(--safe-b));z-index:21;height:var(--mini-h);border-radius:var(--nd-radius-card-lg);align-items:center;gap:4px;padding:0 4px 0 8px;transition:background .4s;display:flex;position:fixed;overflow:hidden}.mini-player .info{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;height:100%;display:flex}.mini-player .info .art{width:40px;height:40px}.mini-player .info .meta{flex-direction:column;min-width:0;display:flex}.mini-player .t1{font-size:13px;font-weight:700}.mini-player .t2{font-size:12px}.mini-player .icon-btn{color:#fff}.mini-player .icon-btn.on{color:var(--nd-accent)}.mini-player .prog{background:#ffffff40;border-radius:1px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.mini-player .prog i{background:#fff;border-radius:1px;height:2px;display:block}.np{z-index:40;padding:calc(16px + var(--safe-t)) 24px calc(24px + var(--safe-b));flex-direction:column;transition:background .4s;animation:.25s ease-out slideUp;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}}.np-top{flex:none;justify-content:space-between;align-items:center;height:48px;margin:0 -10px;display:flex}.np-top .icon-btn{color:#fff}.np-from{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.np-from small{letter-spacing:1px;text-transform:uppercase;font-size:11px}.np-from a,.np-from b{font-size:13px;font-weight:700}.np-from a:hover{text-decoration:underline}.np-art{aspect-ratio:1;border-radius:var(--nd-radius-card-lg);flex:none;align-self:center;width:100%;max-width:420px;margin-top:clamp(16px,4vh,40px);box-shadow:0 16px 40px #0006}.np-title{justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(20px,4vh,40px);display:flex}.np-title>div{flex-direction:column;gap:4px;min-width:0;display:flex}.np-title h1{letter-spacing:-.3px;font-size:24px;font-weight:800}.np-title .sub{font-size:16px}.np-title .sub a:hover{text-decoration:underline}.np-title .icon-btn{color:#fff}.np-title .icon-btn.on{color:var(--nd-accent)}.np-seek{flex-direction:column;gap:4px;margin-top:20px;display:flex}.np-seek .times{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.np-controls{justify-content:space-between;align-items:center;margin:8px -10px 0;display:flex}.np-controls .icon-btn{color:#fff}.np-controls .icon-btn.on{color:var(--nd-accent)}.np-controls .icon-btn.big{width:52px;height:52px}.np-controls .play-circle{width:68px;height:68px}.np-extras{justify-content:space-between;align-items:center;margin:12px -10px 0;display:flex}.np-extras .icon-btn{color:#fff}.np-extras .left{align-items:center;display:flex}.np-lyrics-card{border-radius:var(--nd-radius-panel);cursor:pointer;flex-direction:column;flex:none;gap:10px;min-height:160px;margin-top:20px;padding:16px;display:flex}.np-lyrics-card .head{justify-content:space-between;align-items:center;display:flex}.np-lyrics-card .head b{font-size:15px;font-weight:800}.np-lyrics-card .head span{background:#0000004d;border-radius:16px;padding:8px 14px;font-size:12px;font-weight:700}.np-lyrics-card p{font-size:20px;font-weight:800;line-height:1.3}.lyrics-screen{z-index:45;flex-direction:column;transition:background .4s;animation:.25s ease-out slideUp;display:flex;position:fixed;inset:0}.lyrics-screen .top{padding:calc(16px + var(--safe-t)) 14px 0;height:calc(80px + var(--safe-t));flex:none;justify-content:space-between;align-items:center;display:flex}.lyrics-screen .top .mid{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.lyrics-screen .top .mid b{font-size:15px;font-weight:800}.lyrics-screen .top .mid span{font-size:13px}.lyrics-screen .top .icon-btn{color:#fff}.lyrics-body{flex-direction:column;flex:1;gap:14px;padding:12px 24px 40vh;display:flex;overflow-y:auto}.lyrics-body p{letter-spacing:-.2px;cursor:pointer;font-size:26px;font-weight:800;line-height:1.3;transition:color .25s}.lyrics-body .plain{white-space:pre-wrap;font-size:20px;font-weight:700;line-height:1.6}.lyrics-body .src{margin-top:24px;font-size:13px}.lyrics-body .note{font-size:18px;font-weight:700}.lyrics-screen .bottom{padding:16px 24px calc(24px + var(--safe-b));flex-direction:column;flex:none;gap:8px;display:flex}.lyrics-screen .bottom .times{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.lyrics-screen .bottom .ctrl{justify-content:center;align-items:center;gap:28px;margin-top:4px;display:flex}.lyrics-screen .bottom .ctrl .icon-btn{color:#fff;width:52px;height:52px}.lyrics-screen .bottom .ctrl .play-circle{width:64px;height:64px}.queue-screen{z-index:45;background:var(--nd-bg);flex-direction:column;animation:.25s ease-out slideUp;display:flex;position:fixed;inset:0}.queue-screen .top{height:calc(64px + var(--safe-t));padding:calc(12px + var(--safe-t)) 6px 0;flex:none;justify-content:space-between;align-items:center;display:flex}.queue-screen .top h1{font-size:16px;font-weight:800}.queue-screen .top .icon-btn{color:#fff}.queue-body{flex-direction:column;flex:1;gap:10px;padding:8px 16px 24px;display:flex;overflow-y:auto}.queue-body>h1{display:none}.queue-body h2{font-size:16px;font-weight:800}.queue-body .h2row{justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.queue-body .h2row button{color:var(--nd-text-2);padding:8px 0;font-size:13px;font-weight:700}.queue-body .h2row button:hover{color:#fff}.queue-body h2 a{text-decoration:underline}.queue-body .note{color:var(--nd-text-2);padding:4px 0 8px;font-size:13px}.queue-screen .bottom{border-top:1px solid var(--nd-surface-2);padding:12px 24px calc(20px + var(--safe-b));background:#181818;flex-direction:column;flex:none;gap:10px;display:flex}.queue-screen .bottom .ctrl{justify-content:space-between;align-items:center;display:flex}.queue-screen .bottom .ctrl .icon-btn{color:#fff}.queue-screen .bottom .ctrl .icon-btn.on{color:var(--nd-accent)}.drag{color:var(--nd-border);margin-right:-4px;display:flex}.tint-head{padding:calc(16px + var(--safe-t)) 16px 20px;flex-direction:column;gap:14px;transition:background .4s;display:flex}.tint-head .nav{justify-content:space-between;align-items:center;margin:0 -10px;display:flex}.tint-head .nav .icon-btn{color:#fff}.tint-head .cover{border-radius:var(--nd-radius-card);align-self:center;width:200px;height:200px;box-shadow:0 12px 32px #00000073}.tint-head .cover.album{border-radius:var(--nd-radius-art);width:190px;height:190px}.tint-head .info{flex-direction:column;gap:8px;min-width:0;margin-top:4px;display:flex}.tint-head .kicker{font-size:13px;font-weight:600}.tint-head h1{letter-spacing:-.3px;overflow-wrap:anywhere;font-size:24px;font-weight:800}.tint-head .desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.tint-head .owner{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.tint-head .owner .avatar{width:24px;height:24px;font-size:11px}.tint-head a.owner:hover{text-decoration:underline}.tint-head .stats{font-size:13px}.action-row{justify-content:space-between;align-items:center;padding:8px 16px 8px 6px;display:flex}.action-row .l,.action-row .r{align-items:center;gap:4px;display:flex}.action-row .r{gap:12px}.follow-btn{border:1px solid var(--nd-border);border-radius:16px;height:32px;padding:0 16px;font-size:13px;font-weight:700}.follow-btn[aria-pressed=true]{border-color:var(--nd-text)}.foot-meta{color:var(--nd-text-2);flex-direction:column;gap:4px;padding:12px 0;font-size:12px;display:flex}.artist-hero{background:#3a1a10;flex:none;height:280px;position:relative;overflow:hidden}.artist-hero img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.artist-hero:after{content:"";background:linear-gradient(#0000,#121212d9);height:60%;position:absolute;bottom:0;left:0;right:0}.artist-hero .back{left:8px;top:calc(12px + var(--safe-t));z-index:2;color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute}.artist-hero h1{z-index:2;letter-spacing:-1.5px;overflow-wrap:anywhere;font-size:44px;font-weight:800;line-height:1;position:absolute;bottom:16px;left:16px;right:16px}.profile-head{gap:16px}.profile-head .who{align-items:center;gap:16px;min-width:0;display:flex}.profile-head .who .avatar{width:112px;height:112px;font-size:48px;box-shadow:0 10px 28px #0006}.profile-head .who>div{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-head h1{letter-spacing:-.5px;font-size:30px}.profile-head .actions{align-items:center;gap:8px;display:flex}.settings{flex-direction:column;gap:22px;max-width:640px;display:flex}.settings .me{border-radius:var(--nd-radius-card-lg);background:var(--nd-surface);align-items:center;gap:14px;padding:12px;display:flex}.settings .me .avatar{width:52px;height:52px;font-size:22px}.settings .me>span:not(.avatar){flex-direction:column;flex:1;gap:2px;display:flex}.settings .me b{font-size:16px;font-weight:800}.settings section{flex-direction:column;gap:4px;display:flex}.settings h2{color:var(--nd-text-2);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:800}.settings .opt{align-items:center;gap:12px;min-height:56px;display:flex}.settings .opt .txt{flex-direction:column;flex:1;gap:2px;display:flex}.settings .opt .txt b{font-size:15px;font-weight:600}.settings .opt .txt span{color:var(--nd-text-2);font-size:12px;line-height:1.4}.settings .hint{color:var(--nd-text-2);margin-top:6px;font-size:12px}.settings .row{justify-content:space-between;align-items:center;min-height:48px;font-size:15px;font-weight:600;display:flex}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:70dvh;padding:32px 16px;display:flex}.welcome .logo{background:var(--nd-accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:flex}.welcome h1{letter-spacing:-.6px;font-size:28px;font-weight:800;line-height:1.15}.welcome p{color:var(--nd-text-2);max-width:320px;font-size:14px;line-height:1.5}.welcome .actions{flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:16px;display:flex}.welcome .actions .btn{width:100%;height:50px;font-size:16px}.welcome .fine{color:var(--nd-text-2);max-width:300px;font-size:12px;line-height:1.5}.stat-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.stat{background:var(--nd-surface);border-radius:var(--nd-radius-card-lg);flex-direction:column;gap:4px;padding:16px;display:flex}.stat b{font-size:26px;font-weight:800}.stat span{color:var(--nd-text-2);font-size:13px}.bars{border-bottom:1px solid var(--nd-border-subtle);align-items:flex-end;gap:3px;height:90px;display:flex}.bars.dense{gap:0}.bar{flex:1;align-items:flex-end;height:100%;display:flex}.bar i{background:var(--nd-accent);border-radius:2px 2px 0 0;width:100%;min-height:2px;display:block}.tag{background:var(--nd-surface-2);color:var(--nd-text-2);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.tag.ok{color:var(--nd-accent);background:#1ed76026}.log-meta{color:var(--nd-text-2);white-space:nowrap;flex:none;align-items:center;gap:10px;font-size:12px;display:flex}.badge-vis{color:#fff;background:#000000b3;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.sheet-backdrop{z-index:60;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{width:min(480px,100%);max-height:85dvh;padding:12px 8px calc(12px + var(--safe-b));background:#282828;border-radius:16px 16px 0 0;animation:.2s slideUp;overflow-y:auto}.sheet h3{padding:8px 12px 12px;font-size:16px;font-weight:800}.sheet-head{border-bottom:1px solid var(--nd-surface-3);align-items:center;gap:12px;min-width:0;margin-bottom:6px;padding:8px 12px 14px;display:flex}.sheet-head .art{width:48px;height:48px}.sheet-head>div{min-width:0}.sheet-head .t1{font-size:15px;font-weight:700}.sheet-head .t2{color:var(--nd-text-2);font-size:13px}.sheet-list>button,.sheet-list>a{text-align:left;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:52px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.sheet-list>button:hover,.sheet-list>a:hover{background:var(--nd-surface-3)}.sheet-list>button svg,.sheet-list>a svg{color:var(--nd-text-2);flex:none}.sheet-form{flex-direction:column;gap:10px;padding:4px 12px 12px;display:flex}.sheet-form .row{gap:8px;display:flex}.text-input{border:1px solid var(--nd-border);background:0 0;border-radius:8px;outline:none;flex:1;min-width:0;height:48px;padding:0 14px;font-size:15px}.text-input:focus{border-color:var(--nd-text)}textarea.text-input{resize:vertical;height:auto;padding:12px 14px}.sheet-cancel{width:calc(100% - 16px);height:48px;color:var(--nd-text-2);border-radius:24px;margin:8px auto 0;font-weight:700;display:block}.sheet-cancel:hover{color:#fff}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:12px}}.toast{left:50%;bottom:calc(var(--mini-h) + var(--nav-h) + 20px + var(--safe-b));z-index:70;color:#000;background:#fff;border-radius:8px;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;font-weight:700;animation:.15s fade;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.install-card{border-radius:var(--nd-radius-card-lg);background:var(--nd-surface);align-items:center;gap:12px;padding:12px;display:flex}.install-card img{border-radius:10px;flex:none;width:44px;height:44px}.install-card .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-card .txt b{font-size:14px}.install-card .txt span{color:var(--nd-text-2);font-size:12px;line-height:1.4}.ios-steps{flex-direction:column;gap:12px;margin:0;padding:0 12px 12px 30px;font-size:14px;line-height:1.5;display:flex}.install-welcome{width:min(440px,100%);max-height:90dvh;color:var(--nd-text);padding:28px 24px calc(20px + var(--safe-b));background:#202020;border:1px solid #383838;border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -16px 64px #0006}.install-welcome::backdrop{background:#000a}.install-welcome-close{color:var(--nd-text-2);position:absolute;top:14px;right:14px}.install-welcome-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.install-welcome-brand img{border-radius:14px;width:52px;height:52px}.install-welcome-brand span{letter-spacing:1.5px;color:var(--nd-text-2);font-size:10px;font-weight:800}.install-welcome h2{letter-spacing:-.7px;margin:0 0 12px;font-size:clamp(24px,7vw,30px);font-weight:800;line-height:1.15}.install-welcome>p{color:var(--nd-text-2);margin:0 0 22px;font-size:14px;line-height:1.55}.install-welcome .ios-steps{gap:12px;margin-bottom:24px;padding:0 0 0 20px}.install-welcome .ios-steps li{padding-left:4px}.install-welcome .ios-steps b{color:#fff}.install-welcome-tip{background:#ffffff09;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px;font-size:13px;line-height:1.5;display:flex}.install-welcome-tip svg{color:var(--nd-accent);flex:none}.install-welcome-primary{width:100%;min-height:48px}.install-welcome-later{width:100%;min-height:44px;color:var(--nd-text-2);margin-top:4px;font-size:14px;font-weight:700;display:block}.install-welcome>.install-welcome-foot{text-align:center;margin:14px 0 0;font-size:11px}@media (width>=700px){.install-welcome{border-bottom:1px solid #383838;border-radius:24px;height:fit-content;margin:auto;inset:0}}@media (height<=650px){.install-welcome{padding:20px 20px calc(16px + var(--safe-b))}.install-welcome-brand{margin-bottom:16px}.install-welcome-brand img{width:44px;height:44px}.install-welcome>p{margin-bottom:16px;font-size:13px}.install-welcome .ios-steps{gap:8px;margin-bottom:16px;font-size:13px}.install-welcome>.install-welcome-foot{margin-top:10px}}@media (width>=900px){.mobile-only{display:none!important}html,body{background:var(--nd-bg-web)}.app{flex-direction:column;gap:8px;height:100dvh;padding:8px;display:flex;overflow:hidden}.web-header{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 8px;display:flex}.web-header .brand{letter-spacing:-.4px;flex:none;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.web-header .brand .logo{background:var(--nd-accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.web-header .center{flex:360px;align-items:center;gap:8px;max-width:520px;display:flex}.web-header .home-btn{background:var(--nd-surface);width:48px;height:48px;color:var(--nd-text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.web-header .home-btn:hover,.web-header .home-btn[aria-current=page]{color:#fff}.web-header .right{flex:none;align-items:center;gap:8px;display:flex}.web-header .install{height:36px;color:var(--nd-text-2);align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.web-header .install:hover{color:#fff}.web-header .me{background:var(--nd-surface);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.web-header .me .avatar{width:32px;height:32px;font-size:14px}.web-body{flex:1;gap:8px;min-height:0;display:flex}.sidebar{background:var(--nd-bg);border-radius:var(--nd-radius-card-lg);flex-direction:column;flex:none;gap:12px;width:300px;min-height:0;padding:12px 8px;display:flex}.sidebar .head{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.sidebar .head h2{font-size:16px;font-weight:800}.sidebar .create{background:var(--nd-surface);border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.sidebar .create:hover{background:var(--nd-surface-2)}.sidebar .chips{padding:0 8px}.sidebar .tools{color:var(--nd-text-2);justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:flex}.sidebar .list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar .login-box{border-radius:var(--nd-radius-card-lg);background:var(--nd-surface);flex-direction:column;align-items:flex-start;gap:10px;margin:0 8px;padding:16px;display:flex}.sidebar .login-box b{font-size:15px}.sidebar .login-box span{color:var(--nd-text-2);font-size:13px;line-height:1.4}.lib-item{border-radius:var(--nd-radius-card);align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.lib-item:hover{background:var(--nd-surface)}.lib-item.active{background:var(--nd-surface-2)}.lib-item .art{width:48px;height:48px}.lib-item .meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lib-item .t1{font-size:15px;font-weight:600}.lib-item.playing .t1{color:var(--nd-accent)}.lib-item .t2{color:var(--nd-text-2);font-size:13px}main.main{background:var(--nd-bg);border-radius:var(--nd-radius-card-lg);flex:1;gap:28px;min-width:0;padding:20px 24px 32px;overflow-y:auto}main.main.flush{padding:0 0 40px}main.main.flush>.pad{gap:28px;padding:0 28px}.page-head.mobile-head{display:none}.section-head h2{letter-spacing:-.3px;font-size:24px}.section-head a,.section-head button{font-size:14px}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.quick{border-radius:var(--nd-radius-art);gap:12px}.quick span{font-size:14px}.row-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0;padding:0;display:grid;overflow:visible}.row-cards .card{gap:10px;width:auto;padding:12px}.row-cards .card:hover{background:var(--nd-surface)}.row-cards .card .t1{font-size:15px}.row-cards .card .t2{font-size:13px}.row-cards .card .card-play{display:inline-flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.genres{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.genre{height:120px;padding:16px;font-size:22px}.genre i{width:90px;height:90px}.tracks .track{padding:4px 8px}.tracks .track:hover{background:var(--nd-surface-2)}.np-panel{background:var(--nd-bg);border-radius:var(--nd-radius-card-lg);flex-direction:column;flex:none;gap:16px;width:340px;padding:16px;display:flex;overflow-y:auto}.np-panel .head{justify-content:space-between;align-items:center;gap:8px;display:flex}.np-panel .head h2{font-size:16px;font-weight:800}.np-panel .head h2 a:hover{text-decoration:underline}.np-panel .big-art{aspect-ratio:1;border-radius:var(--nd-radius-card-lg);width:100%}.np-panel .title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.np-panel .title-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.np-panel .title-row b{letter-spacing:-.3px;font-size:22px;font-weight:800}.np-panel .title-row .sub{color:var(--nd-text-2);font-size:15px}.np-panel .title-row .sub a:hover{color:#fff;text-decoration:underline}.np-panel .box{border-radius:var(--nd-radius-card-lg);background:var(--nd-card);flex-direction:column;gap:12px;padding:16px;display:flex}.np-panel .box .bh{justify-content:space-between;align-items:center;display:flex}.np-panel .box .bh b{font-size:15px;font-weight:800}.np-panel .box .bh a,.np-panel .box .bh button{color:var(--nd-text-2);font-size:13px;font-weight:700}.np-panel .box .bh a:hover,.np-panel .box .bh button:hover{color:#fff;text-decoration:underline}.np-panel .lyric-peek{font-size:20px;font-weight:800;line-height:1.3}.player-bar{min-height:var(--bar-h);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px 24px;padding:4px 8px;display:flex}.player-bar .now{flex:240px;align-items:center;gap:12px;min-width:0;display:flex}.player-bar .now .art{width:56px;height:56px}.player-bar .now .meta{flex-direction:column;gap:3px;min-width:0;display:flex}.player-bar .now .t1{font-size:14px;font-weight:700}.player-bar .now .t2{color:var(--nd-text-2);font-size:12px}.player-bar .now a:hover{color:#fff;text-decoration:underline}.player-bar .center{flex-direction:column;flex:2 420px;align-items:center;gap:6px;max-width:720px;display:flex}.player-bar .center .ctrl{align-items:center;gap:16px;display:flex}.player-bar .center .ctrl .icon-btn:not(.on){color:var(--nd-text-2)}.player-bar .center .ctrl .icon-btn:not(.on):hover{color:#fff}.player-bar .center .seek{width:100%;color:var(--nd-text-2);align-items:center;gap:8px;font-size:12px;display:flex}.player-bar .center .seek span{text-align:center;font-variant-numeric:tabular-nums;min-width:34px}.player-bar .side{color:var(--nd-text-2);flex:240px;justify-content:flex-end;align-items:center;gap:4px;display:flex}.player-bar .side .vol{width:96px}.player-bar .side .icon-btn[aria-current=page]{color:var(--nd-accent)}.bottom-nav,.mini-player{display:none}.toast{bottom:calc(var(--bar-h) + 24px)}.tint-head{flex-flow:wrap;align-items:flex-end;gap:24px;padding:72px 28px 28px}.tint-head .nav{display:none}.tint-head .cover,.tint-head .cover.album{align-self:auto;width:232px;height:232px}.tint-head .info{flex:320px;gap:10px}.tint-head h1{letter-spacing:-2.5px;font-size:clamp(40px,5.5vw,72px);line-height:1}.tint-head .desc,.tint-head .stats,.tint-head .owner{font-size:14px}.action-row{justify-content:flex-start;gap:20px;padding:24px 28px}.action-row .r{flex-direction:row-reverse;order:-1;gap:20px}.artist-hero{height:340px}.artist-hero h1{letter-spacing:-3px;font-size:clamp(48px,7vw,92px);bottom:28px;left:28px}.artist-hero .back{display:none}.profile-head.tint-head{align-items:center}.profile-head .who .avatar{width:200px;height:200px;font-size:88px}.profile-head h1{letter-spacing:-3px;font-size:clamp(44px,6vw,88px);line-height:1}.lyrics-screen,.queue-screen{z-index:auto;flex-shrink:0;min-height:100%;animation:none;position:static;inset:auto}.lyrics-screen .top,.lyrics-screen .bottom,.queue-screen .top,.queue-screen .bottom{display:none}.lyrics-body{gap:18px;padding:40px 48px 30vh;overflow:visible}.lyrics-body p{letter-spacing:-.4px;font-size:34px}.queue-body{padding:24px 28px;overflow:visible}.queue-body>h1{letter-spacing:-.6px;margin-bottom:12px;font-size:32px;font-weight:800;display:block}.queue-body h2{color:var(--nd-text-2)}.np{border-radius:16px;width:460px;max-height:92dvh;animation:.2s fade;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}}@media (width<=899px){.ttable .trow.head{display:none}.trow{grid-template-columns:minmax(0,1fr) 44px;gap:8px;height:60px;padding:0}.trow .n,.trow .album,.trow .added,.trow .dur{display:none}.trow:not(.head):hover{color:var(--nd-text-2);background:0 0}.trow .row-more{opacity:1;margin-right:-12px}.trow .title .art{width:48px;height:48px}.ttable.no-album .trow{grid-template-columns:minmax(0,1fr) 44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.web-only-block,.web-only-inline,.web-search{display:none!important}.link{color:var(--nd-text);text-decoration:underline}@media (width>=900px){.web-only-block{display:block!important}.web-only-inline{display:inline!important}.web-search{display:contents!important}.search-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;display:grid}.sec-h{letter-spacing:-.3px;font-size:24px;font-weight:800}.top-card{border-radius:var(--nd-radius-card-lg);background:#181818;flex-direction:column;gap:16px;min-height:220px;padding:20px;display:flex;position:relative}.top-card:hover{background:#282828}.top-card .tt{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1.1}.top-card .card-play{opacity:0;transition:all .2s;position:absolute;bottom:20px;right:20px;transform:translateY(8px)}.top-card:hover .card-play{opacity:1;transform:none}.pill-type{background:var(--nd-bg);color:#fff;border-radius:999px;margin-right:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}}.np{scrollbar-width:none}.np::-webkit-scrollbar{display:none}.gate{min-height:100dvh;padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));background:radial-gradient(120% 70% at 50% 0%, #1b3a26 0%, var(--nd-bg) 60%);justify-content:center;align-items:center;display:flex}.gate .welcome{min-height:0}.gate .actions .btn{width:100%}.gate-pulse{animation:1.4s ease-in-out infinite skp}.gate-note{background:#ffffff14;border-radius:8px;max-width:340px;padding:10px 14px;font-size:13px;color:#fff!important}.quick{padding-right:52px}.quick .quick-play{opacity:0;width:32px;height:32px;margin-top:-16px;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:8px;transform:translateY(4px);box-shadow:0 6px 14px #00000059}.quick:hover .quick-play,.quick.playing .quick-play,.quick .quick-play:focus-visible,.card .card-play:focus-visible{opacity:1;transform:none}@media (hover:none){.quick:not(.playing) .quick-play{display:none}.quick:not(.playing){padding-right:8px}}@media (width>=900px){.quick .quick-play{width:40px;height:40px;margin-top:-20px}}.kbd-help{flex-direction:column;gap:16px;padding:0 12px 4px;display:flex}.kbd-help h4{color:var(--nd-text-2);text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:13px;font-weight:800}.kbd-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:14px;display:flex}.kbd-keys{flex:none;align-items:center;gap:4px;display:flex}kbd{background:var(--nd-surface-3);min-width:26px;height:26px;font:700 12px var(--nd-font);color:var(--nd-text);border-bottom:2px solid #111;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;padding:0 7px;display:inline-flex}@media (width>=700px){.sheet:has(.kbd-help){width:min(560px,100%)}}.web-only-flex{display:none!important}@media (width>=900px){.web-only-flex{display:flex!important}:is(main.main.flush:has(>.lyrics-screen),main.main.flush:has(>.queue-screen)){padding-bottom:0}}.context-backdrop{z-index:65;position:fixed;inset:0}.song-context-menu{overscroll-behavior:contain;border:1px solid #ffffff12;border-radius:8px;width:min(320px,100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;animation:.1s fade;position:fixed;box-shadow:0 12px 40px #0009}.song-context-menu .sheet-head{gap:10px;padding:8px 8px 12px}.song-context-menu .sheet-head .t1{font-size:13px}.song-context-menu .sheet-head .t2{font-size:12px}.song-context-menu .sheet-list>button{border-radius:4px;gap:12px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:500}.song-context-menu .sheet-list>button svg{width:18px;height:18px}.song-context-menu .sheet-list>button:focus-visible{outline:2px solid var(--nd-accent);outline-offset:-2px;background:#ffffff1a}.offline-confirm{flex-direction:column;gap:14px;padding:8px 12px 16px;display:flex}.offline-confirm h3{padding:0}.offline-confirm p,.offline-task p{font-size:13px;line-height:1.6}.storage-card{border:1px solid var(--nd-border);background:var(--nd-surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.storage-card strong{letter-spacing:-.5px;font-size:24px}.storage-card small,.storage-card span{color:var(--nd-text-2);font-size:13px}.storage-card progress{width:100%;height:8px;accent-color:var(--nd-accent)}.offline-library{flex-direction:column;gap:18px;padding-top:20px;display:flex}.offline-storage{gap:14px!important}.offline-storage .row{align-items:center;gap:10px}.offline-storage .text-input{width:100px}.offline-library select{flex:none;width:100%}.offline-track{align-items:center;gap:10px;display:flex}.offline-track .track{flex:1;min-width:0}.offline-art{background:#282828;border-radius:6px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.offline-art img{object-fit:cover;width:100%;height:100%}.offline-task{border-bottom:1px solid var(--nd-border);padding:16px 0}.offline-actions{flex-wrap:wrap;gap:10px;display:flex}.download-progress{background:var(--nd-surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.download-progress>div{min-width:0}.download-progress b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.download-progress p{color:var(--nd-text-2);margin-top:6px;font-size:13px}.track .offline-badge{color:var(--nd-accent);flex:none}.offline-status-link:has(.download-progress){right:16px;bottom:calc(150px + var(--safe-b));z-index:45;border-radius:10px;width:min(340px,100vw - 32px);position:fixed;box-shadow:0 8px 32px #0007}@media (width>=900px){.offline-status-link:has(.download-progress){bottom:100px}}.art-tiles{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0}.art-tiles img{min-width:0;min-height:0}.art-tiles.tiles-2 img,.art-tiles.tiles-3 img:first-child{grid-row:span 2}.playlist-cover{flex:none;position:relative;overflow:hidden}.playlist-cover>.art{width:100%;height:100%}.cover-edit{color:#fff;opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .15s;display:flex;position:absolute;inset:0}.playlist-cover:hover .cover-edit,.cover-edit:focus-visible{opacity:1}@media (hover:none){.cover-edit{opacity:1;flex-direction:row;padding:10px;inset:auto 0 0}}.cover-editor{gap:12px;display:grid}.cover-current{align-items:center;gap:16px;display:flex}.cover-current p{margin-top:8px;font-size:12px}.crop-preview{aspect-ratio:1;background:#080808;border:1px solid #727272;width:min(100%,300px);margin-inline:auto;position:relative;overflow:hidden}.crop-preview img{object-fit:fill;position:absolute}.crop-controls{border:0;gap:12px;min-width:0;padding:0;display:grid}.crop-controls label{gap:6px;font-size:13px;display:grid}.crop-controls input{width:100%;accent-color:var(--nd-primary,#1ed760)}.cover-buttons{justify-content:flex-end;gap:12px;display:flex}.search-results{flex-direction:column;gap:32px;min-width:0;display:flex}.search-top{gap:24px;min-width:0;display:grid}.search-filters{flex-shrink:0;padding-block:4px}.search-filters .chip{flex-shrink:0}.search-results .section-head a{color:var(--nd-text-subdued,#b3b3b3);white-space:nowrap;font-size:13px;font-weight:700}.search-results .section-head a:hover{color:#fff;text-decoration:underline}@media (width<=899px){.search-results{gap:28px}.search-results .sec-h,.search-category .sec-h{font-size:22px;font-weight:800}.search-results .top-card{border-radius:var(--nd-radius-card-lg);background:#181818;flex-direction:column;gap:12px;padding:20px;display:flex}.search-results .top-card .tt{overflow-wrap:anywhere;font-size:28px;font-weight:800;line-height:1.15}.search-results .top-card .card-play{display:none}.search-results .pill-type{color:#fff;margin-right:6px;font-weight:600}.search-results .row-cards{margin-inline:0}}@media (width>=900px){.search-results .search-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.search-filters .chip[aria-pressed=true]{color:#121212;background:#fff}.search-filters .chip:hover{filter:brightness(1.12)}.search-filters .chip:focus-visible{outline-offset:3px;outline:2px solid #fff}