:root{--accent:#4dabf7;--accent-contrast:#000;--bg-base:#000;--bg-panel:#121212;--bg-elevated:#1f1f1f;--bg-elevated-hover:#2a2a2a;--bg-highlight:#ffffff12;--bg-press:#ffffff1f;--text:#fff;--text-subdued:#b3b3b3;--text-faint:#7a7a7a;--border:#ffffff1a;--danger:#ff6b6b;--radius:8px;--radius-sm:4px;--gap:8px;--player-h:80px;--topbar-h:56px;--tabbar-h:0px;--font:"Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif;--shadow:0 16px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-base);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4;overflow:hidden}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1,h2,h3{margin:0}kbd{border-radius:var(--radius-sm);background:var(--bg-elevated-hover);border:1px solid var(--border);min-width:22px;font:600 12px var(--font);text-align:center;margin:0 2px;padding:2px 6px;display:inline-block}.subdued{color:var(--text-subdued)}.link:hover{text-decoration:underline}.strong{font-weight:700}.pad{padding:16px 0}.skip-link{z-index:100;background:var(--text);color:#000;border-radius:var(--radius-sm);padding:8px 12px;font-weight:700;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr) var(--player-h) var(--tabbar-h);height:100%;padding:0 max(var(--gap), env(safe-area-inset-right,0px)) 0 max(var(--gap), env(safe-area-inset-left,0px));gap:0 var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.workspace{gap:var(--gap);min-width:0;min-height:0;display:flex}.panel{background:var(--bg-panel);border-radius:var(--radius)}.main{outline:none;flex:1;min-width:0;position:relative;overflow:hidden auto}.main,.lib-list,.right-body,.qs-results,.menu{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}.topbar{grid-template-columns:1fr minmax(0,520px) 1fr;align-items:center;gap:12px;padding:0 4px;display:grid}.topbar-left,.topbar-right{align-items:center;gap:8px;display:flex}.topbar-right{justify-content:flex-end}.nav-arrow{width:32px;height:32px;color:var(--text-subdued);background:var(--bg-panel);border-radius:50%;place-items:center;display:grid}.nav-arrow:not(:disabled):hover{color:var(--text);background:var(--bg-elevated)}.topbar-center{align-items:center;gap:8px;min-width:0;display:flex}.home-btn{background:var(--bg-elevated);width:48px;height:48px;color:var(--text-subdued);border-radius:50%;flex:none;place-items:center;transition:transform .15s,color .15s;display:grid}.home-btn:hover,.home-btn.active{color:var(--text);transform:scale(1.04)}.search-box,.lib-search,.list-filter,.rec-search,.qs-input{background:var(--bg-elevated);height:48px;color:var(--text-subdued);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 14px;transition:background .15s,border-color .15s;display:flex}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input):hover{background:var(--bg-elevated-hover);border-color:var(--border)}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input):focus-within{border-color:var(--text)}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input) input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input) input::placeholder{color:#cfcfcf;opacity:1}.search-box{flex:1;min-width:0}.search-icon{color:var(--text-subdued);flex:none}.avatar{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .15s;display:grid;position:relative}.avatar:hover{transform:scale(1.06)}.avatar img{width:100%;height:100%;position:absolute;inset:0}.avatar-initial{color:#fff;font-size:13px;font-weight:800;line-height:1;position:relative}.icon-btn{width:32px;height:32px;color:var(--text-subdued);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:not(:disabled):hover{color:var(--text);background:var(--bg-highlight)}.text-btn{color:var(--text-subdued);border-radius:var(--radius-sm);padding:4px 6px;font-size:13px;font-weight:600}.text-btn:not(:disabled):hover{color:var(--text)}.btn-primary,.btn-outline,.btn-text{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 24px;font-weight:700;transition:transform .1s,background .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:not(:disabled):hover{filter:brightness(1.08);transform:scale(1.04)}.btn-outline{border:1px solid #ffffff7a}.btn-outline:not(:disabled):hover{border-color:var(--text);transform:scale(1.04)}.btn-outline.on{border-color:var(--text)}.save-btn{gap:6px;padding:0 16px 0 12px}.save-btn.on svg{color:var(--accent)}.btn-outline.sm{min-height:32px;padding:0 16px;font-size:13px}.btn-outline.danger,.btn-text.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 60%, transparent)}.btn-text{color:var(--text-subdued);padding:0 16px}.btn-text:hover{color:var(--text)}.chip-btn{background:var(--bg-elevated);border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip-btn:hover{background:var(--bg-elevated-hover)}.play-btn{background:var(--accent);color:var(--accent-contrast);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:transform .1s,filter .15s;display:grid;box-shadow:0 8px 16px #0000004d}.play-btn.sm{width:32px;height:32px}.play-btn.sm svg{width:14px;height:14px}.play-btn.lg{width:56px;height:56px}.play-btn:not(:disabled):hover{filter:brightness(1.08);transform:scale(1.06)}.play-btn:active{transform:scale(.98)}.chips{scrollbar-width:none;gap:8px;padding:0 0 4px;display:flex;overflow-x:auto}.chips.wrap{flex-wrap:wrap}.chip{background:var(--bg-highlight);border-radius:999px;flex:none;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.chip:hover{background:#ffffff24}.chip.active{background:var(--text);color:#000}.chip.clear{padding:6px}.chip.recent{padding:0}.chip-label{padding:6px 4px 6px 12px}.chip-x{color:var(--text-subdued);place-items:center;padding:6px 10px 6px 4px;display:grid}.chip-x:hover{color:var(--text)}.sidebar{flex-direction:column;flex:none;min-height:0;padding:8px 8px 0;display:flex;position:relative}.sidebar-header{justify-content:space-between;align-items:center;padding:8px 8px 12px;display:flex}.sidebar-title{color:var(--text-subdued);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:4px;font-size:16px;font-weight:700;display:flex}.sidebar-title:hover{color:var(--text)}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar .chips{padding:0 8px 8px}.sidebar-tools{justify-content:space-between;align-items:center;gap:8px;padding:0 4px 4px 8px;display:flex}.sidebar-tools-right{align-items:center;gap:2px;display:flex}.lib-search{flex:1;min-width:0}.lib-list{flex:1;margin:0;padding:0 0 8px;list-style:none;overflow-y:auto}.lib-item{border-radius:6px;align-items:center;gap:12px;padding:8px;transition:background .1s;display:flex}.lib-item:hover{background:var(--bg-highlight)}.lib-item.active{background:var(--bg-press)}.lib-item.drop{outline:2px solid var(--accent);outline-offset:-2px}.lib-item img{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:48px;height:48px}.lib-item img.round{border-radius:50%}.lib-list.compact .lib-item{padding:4px 8px}.lib-list.compact .lib-item img{width:32px;height:32px}.lib-text{flex-direction:column;flex:1;min-width:0;display:flex}.lib-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.lib-item.playing .lib-title{color:var(--accent)}.lib-sub{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lib-playing{color:var(--accent);flex:none}.lib-empty{color:var(--text-subdued);padding:16px}.sidebar.collapsed{padding:8px 4px 0}.sidebar.collapsed .lib-item{justify-content:center}.resize-handle{cursor:col-resize;z-index:2;width:8px;height:100%;position:absolute;top:0;right:-6px}.resize-handle:hover:after{content:"";background:#ffffff4d;border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:3px}.page{min-height:100%;padding:16px 24px 32px;position:relative}.page.collection{padding:0 0 32px}.page-body{padding:0 24px;position:relative}.page-header,.genre-header,.artist-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--header-color) 100%, #fff 6%) 0%, var(--header-color) 70%);align-items:flex-end;gap:24px;padding:72px 24px 24px;display:flex;position:relative}.page-header:after,.artist-hero:after,.genre-header:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--header-color) 55%, var(--bg-panel)) 0%, var(--bg-panel) 100%);pointer-events:none;height:232px;position:absolute;bottom:-232px;left:0;right:0}.page-cover{object-fit:cover;border-radius:var(--radius-sm);width:232px;height:232px;box-shadow:var(--shadow);flex:none}.page-cover.round{border-radius:50%}.page-header-text{flex-direction:column;gap:8px;min-width:0;display:flex}.page-type{font-size:13px;font-weight:600}.page-title{letter-spacing:-.04em;overflow-wrap:anywhere;margin:4px 0 8px;font-weight:900;line-height:1}.page-title.lg{font-size:clamp(40px,6vw,96px)}.page-title.md{font-size:clamp(32px,4.5vw,64px)}.page-title.sm{font-size:clamp(28px,3.5vw,48px)}.page-title.editable{cursor:pointer}.page-desc{color:#ffffffb3;margin:0;font-size:14px}.page-meta{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.meta-avatar{border-radius:50%;width:24px;height:24px;margin-right:4px}.action-bar{align-items:center;gap:24px;padding:24px 0;display:flex;position:relative}.action-bar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.list-filter input{flex:none;width:200px}.ctl{color:var(--text-subdued);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:color .1s,transform .1s;display:inline-grid;position:relative}.ctl:not(:disabled):hover{color:var(--text);transform:scale(1.06)}.ctl.big{width:40px;height:40px}.ctl.on{color:var(--accent)}.ctl.toggle.on:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:0;left:50%}.ctl.like.on{color:var(--accent)}.home-glow{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent);pointer-events:none;height:320px;position:absolute;inset:0 0 auto}.home>:not(.home-glow){position:relative}.greeting{letter-spacing:-.02em;margin:20px 0 16px;font-size:28px;font-weight:800}.shelf{margin:24px 0 8px;position:relative}.shelf-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.shelf-header h2,.section-title{letter-spacing:-.02em;font-size:22px;font-weight:800}.section-title{margin:24px 0 12px}.shelf-more{color:var(--text-subdued);font-size:13px;font-weight:700}.shelf-more:hover{text-decoration:underline}.shelf-row{scrollbar-width:none;grid-auto-columns:minmax(160px,188px);grid-auto-flow:column;gap:4px;margin:0 -12px;padding:0 0 8px;display:grid;overflow-x:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px;margin:8px -12px;display:grid}.card{border-radius:6px;min-width:0;padding:12px;transition:background .2s}.card:hover,.card:focus-visible{background:var(--bg-highlight)}.card-art{margin-bottom:8px;position:relative}.play-card .card-art{text-align:left;width:100%;padding:0;display:block}.play-card.wide .card-art img{aspect-ratio:16/9}.play-card-icon{background:var(--accent);color:#000;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #0006}.play-card-progress{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.play-card-progress>span{background:var(--accent);height:100%;display:block}.play-card:has(.play-card-progress) .play-card-icon{bottom:16px}.play-card.current .card-title{color:var(--accent)}.shelf-row:has(.play-card.wide){grid-auto-columns:minmax(220px,260px)}.card-art img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;box-shadow:0 8px 24px #00000080}.card-art img.round{border-radius:50%}.card-art .play-btn{opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;right:8px;transform:translateY(8px)}.card:hover .play-btn,.card:focus-within .play-btn{opacity:1;transform:translateY(0)}.card-save{width:32px;height:32px;color:var(--text);opacity:0;background:#000000a6;border-radius:50%;place-items:center;transition:opacity .2s,transform .1s;display:grid;position:absolute;top:8px;right:8px}.card-save:hover{transform:scale(1.08)}.card:hover .card-save,.card:focus-within .card-save,.card-save.on{opacity:1}.card-save.on{background:var(--accent);color:var(--accent-contrast)}@media (hover:none){.track-row .row-more{visibility:visible}.card-save,.card-art .play-btn{opacity:1;transform:none}}.card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.card-sub{color:var(--text-subdued);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.tracklist{--cols:40px minmax(160px, 4fr) 120px;margin-bottom:16px;position:relative}.tracklist[data-cols="index title album duration"]{--cols:40px minmax(160px, 4fr) minmax(120px, 3fr) 120px}.tracklist[data-cols="index title album added duration"]{--cols:40px minmax(160px, 4fr) minmax(120px, 3fr) minmax(110px, 2fr) 120px}.tracklist[data-cols="index title added duration"]{--cols:40px minmax(160px, 4fr) minmax(110px, 2fr) 120px}.tracklist[data-cols="index title plays duration"]{--cols:40px minmax(160px, 4fr) minmax(100px, 2fr) 120px}.track-header,.track-row{grid-template-columns:var(--cols);align-items:center;gap:16px;padding:0 16px;display:grid}.track-header{border-bottom:1px solid var(--border);height:36px;color:var(--text-subdued);z-index:1;background:var(--bg-panel);margin-bottom:12px;font-size:13px;position:sticky;top:0}.track-header .sort{color:var(--text-subdued);text-align:left;align-items:center;gap:4px;font-size:13px;display:flex}.track-header .sort:hover{color:var(--text)}.track-header .col-duration{justify-content:flex-end;padding-right:32px}.flip{transform:rotate(180deg)}.track-row{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none;height:56px;position:relative}.track-row:hover{background:var(--bg-highlight)}.track-row.selected{background:var(--bg-press)}.track-row:focus-visible{box-shadow:inset 0 0 0 2px var(--text)}.track-row.unavailable{opacity:.45}.track-row.drop-before:before,.track-row.drop-after:after{content:"";background:var(--accent);height:2px;position:absolute;left:0;right:0}.track-row.drop-before:before{top:-1px}.track-row.drop-after:after{bottom:-1px}.col-index{color:var(--text-subdued);font-variant-numeric:tabular-nums;place-items:center;font-size:15px;display:grid;position:relative}.row-play{color:var(--text);place-items:center;display:none;position:absolute;inset:0}.track-row:hover .index-num,.track-row:focus-within .index-num{visibility:hidden}.track-row:hover .row-play,.track-row:focus-within .row-play{display:grid}.col-title{align-items:center;gap:12px;min-width:0;display:flex}.row-cover{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:40px;height:40px}.title-stack{flex-direction:column;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.track-row.current .row-title,.track-row.current .index-num{color:var(--accent)}.row-sub{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.row-sub>span{text-overflow:ellipsis;overflow:hidden}.row-sub>.video-badge,.row-sub>.explicit{flex:none;overflow:visible}.track-row:hover .row-sub,.track-row:hover .col-album,.track-row.selected .row-sub{color:var(--text)}.col-album,.col-added,.col-plays{white-space:nowrap;text-overflow:ellipsis;color:var(--text-subdued);font-size:13px;overflow:hidden}.col-plays{font-variant-numeric:tabular-nums}.col-duration{font-variant-numeric:tabular-nums;color:var(--text-subdued);justify-content:flex-end;align-items:center;gap:12px;font-size:13px;display:flex}.row-like,.row-more{color:var(--text-subdued);visibility:hidden;place-items:center;display:grid}.row-like.on{visibility:visible;color:var(--accent)}.track-row:hover .row-like,.track-row:hover .row-more,.track-row:focus-within .row-like,.track-row:focus-within .row-more,.track-row.selected .row-more{visibility:visible}.row-like:hover,.row-more:hover{color:var(--text);transform:scale(1.06)}.explicit{color:var(--text-subdued);flex:none;place-items:center;display:inline-grid}.playing-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.playing-bars i{background:var(--accent);border-radius:1px;width:3px;animation:.9s ease-in-out infinite alternate bar}.playing-bars i:nth-child(2){animation-delay:-.3s}.playing-bars i:nth-child(3){animation-delay:-.6s}.playing-bars i:nth-child(4){animation-delay:-.15s}.playing-bars.paused i{animation-play-state:paused}@keyframes bar{0%{height:3px}to{height:14px}}.album-copy{color:var(--text-subdued);margin:16px 0;font-size:12px}.see-more{margin:0 0 16px 16px}.artist-hero{min-height:340px;overflow:visible}.artist-hero-img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.artist-hero-text{z-index:1;text-shadow:0 2px 16px #0006;flex-direction:column;gap:4px;display:flex;position:relative}.verified{font-size:13px;font-weight:600}.listeners{font-size:15px}.about-card{border-radius:var(--radius);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;gap:8px;max-width:720px;min-height:300px;padding:32px;display:flex}.about-card p{color:#ffffffd9;max-width:560px;margin:0}.sticky-chips{z-index:2;background:var(--bg-panel);margin:-16px 0 0;padding:8px 0 12px;position:sticky;top:0}.search-top{grid-template-columns:minmax(280px,2fr) 3fr;gap:24px;display:grid}.top-card{border-radius:var(--radius);background:#ffffff0f;flex-direction:column;gap:8px;min-height:220px;padding:20px;transition:background .2s;display:flex;position:relative}.top-card:hover{background:#ffffff1f}.top-card img{object-fit:cover;border-radius:6px;width:92px;height:92px;box-shadow:0 8px 24px #00000080}.top-card img.round{border-radius:50%}.top-title{letter-spacing:-.02em;margin-top:12px;font-size:30px;font-weight:800}.top-sub{color:var(--text-subdued);align-items:center;gap:8px;display:flex}.pill{color:var(--text);background:#0006;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.top-card .play-btn{opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:20px;right:20px;transform:translateY(8px)}.top-card:hover .play-btn,.top-card:focus-within .play-btn{opacity:1;transform:none}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.genre-tile{aspect-ratio:16/10;border-radius:var(--radius);letter-spacing:-.02em;padding:16px;font-size:22px;font-weight:800;position:relative;overflow:hidden}.genre-tile img{aspect-ratio:1;border-radius:6px;width:45%;transition:transform .2s;position:absolute;bottom:-6%;right:-8%;transform:rotate(25deg);box-shadow:0 4px 16px #0006}.genre-tile:hover img{transform:rotate(20deg)scale(1.05)}.genre-tile span{z-index:1;position:relative}.recent-searches{margin-bottom:8px}.recommender{border-top:1px solid var(--border);margin-top:24px}.rec-search{max-width:380px;margin-bottom:12px}.rec-list{margin:0;padding:0;list-style:none}.rec-row{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 16px;display:flex}.rec-row:hover{background:var(--bg-highlight)}.rec-row img{border-radius:var(--radius-sm);width:40px;height:40px}.rec-text{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.rec-title{font-size:15px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 16px;display:flex}.empty-state h2{letter-spacing:-.02em;font-size:28px;font-weight:800}.empty-state p{color:var(--text-subdued);max-width:440px;margin:0 0 12px}.empty-icon{color:var(--text-subdued)}.drag-over:after{content:"";border:2px dashed var(--accent);border-radius:var(--radius);pointer-events:none;position:absolute;inset:8px}.drop-hint{background:var(--accent);color:#000;pointer-events:none;border-radius:999px;padding:10px 20px;font-weight:800;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.right-panel{flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.right-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 12px 8px 16px;display:flex}.right-header h2{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.right-body{flex:1;padding:0 16px 16px;overflow-y:auto}.panel-empty{text-align:center;color:var(--text-subdued);flex-direction:column;align-items:center;gap:8px;padding:48px 16px;display:flex}.panel-empty h3{color:var(--text);font-size:18px}.panel-empty p{margin:0}.np-view-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin:8px 0 16px}.np-view-head{align-items:center;gap:4px;display:flex}.np-view-text{flex-direction:column;flex:1;min-width:0;display:flex}.np-view-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.np-view-artist{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.about-artist{background:var(--bg-elevated);border-radius:var(--radius);margin-top:24px;transition:background .15s;display:block;overflow:hidden}.about-artist:hover{background:var(--bg-elevated-hover)}.about-banner{text-shadow:0 1px 8px #0009;background-position:50%;background-size:cover;height:180px;padding:16px;font-weight:700}.about-body{flex-direction:column;gap:4px;padding:16px;display:flex}.about-body p{color:var(--text-subdued);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.np-next{background:var(--bg-elevated);border-radius:var(--radius);margin-top:16px;padding:12px 8px 8px}.np-next .queue-heading-row{padding:0 8px}.queue-heading{margin:16px 0 8px;font-size:15px;font-weight:700}.queue-heading-row{justify-content:space-between;align-items:center;display:flex}.queue-heading-row .queue-heading{margin:8px 0}.queue-row{border-radius:6px;align-items:center;gap:12px;padding:6px 8px;display:flex}.queue-row:hover{background:var(--bg-highlight)}.queue-art{flex:none;position:relative}.queue-art img{border-radius:var(--radius-sm);object-fit:cover;width:44px;height:44px}.queue-art-overlay{border-radius:var(--radius-sm);background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.queue-art-overlay.play{opacity:0;color:var(--text)}.queue-row:hover .queue-art-overlay.play,.queue-art-overlay.play:focus-visible{opacity:1}.queue-text{flex-direction:column;flex:1;min-width:0;display:flex}.queue-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-row.current .queue-title{color:var(--accent)}.queue-sub{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.queue-remove{opacity:0}.queue-row:hover .queue-remove,.queue-remove:focus-visible{opacity:1}.player-bar{grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 8px;display:grid}.np-left{align-items:center;gap:12px;min-width:0;display:flex}.np-cover-btn{border-radius:var(--radius-sm);flex:none;overflow:hidden}.np-cover{object-fit:cover;width:56px;height:56px}.np-text{flex-direction:column;min-width:0;display:flex}.np-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.np-artist{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.np-artist a:hover{color:var(--text)}.np-empty{color:var(--text-subdued);font-size:13px}.np-center{flex-direction:column;justify-self:center;align-items:center;gap:4px;width:100%;max-width:720px;display:flex}.controls{align-items:center;gap:16px;display:flex}.ctl.play-toggle{background:var(--text);color:#000;width:32px;height:32px}.ctl.play-toggle:not(:disabled):hover{color:#000}.controls.large{gap:28px}.controls.large .ctl{width:48px;height:48px}.controls.large .ctl.play-toggle{width:72px;height:72px}.progress{align-items:center;gap:8px;width:100%;display:flex}.time{color:var(--text-subdued);text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:12px}.np-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.volume{align-items:center;gap:4px;width:140px;display:flex}.slider{cursor:pointer;touch-action:none;outline:none;flex:1;align-items:center;height:16px;display:flex;position:relative}.slider-track{background:#ffffff4d;border-radius:2px;width:100%;height:4px;overflow:hidden}.slider-fill{background:var(--text);border-radius:2px;height:100%}.slider:hover .slider-fill,.slider.dragging .slider-fill,.slider:focus-visible .slider-fill{background:var(--accent)}.slider-thumb{background:var(--text);opacity:0;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 2px 4px #00000080}.slider:hover .slider-thumb,.slider.dragging .slider-thumb,.slider:focus-visible .slider-thumb{opacity:1}.slider:focus-visible .slider-track{outline:2px solid var(--text);outline-offset:3px}.fullscreen{z-index:50;background:radial-gradient(1200px 800px at 20% 10%, hsl(var(--fs-hue) 60% 30%), transparent 60%), radial-gradient(900px 700px at 90% 90%, hsl(calc(var(--fs-hue) + 60) 50% 22%), transparent 60%), #050505;flex-direction:column;padding:32px 48px;display:flex;position:fixed;inset:0}.fs-close{position:absolute;top:24px;right:24px}.fs-context{color:#fffc;font-weight:700}.fs-main{flex:1;align-items:flex-end;gap:32px;min-height:0;padding-bottom:16px;display:flex}.fs-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:min(34vh,360px);box-shadow:var(--shadow)}.fs-text h1{letter-spacing:-.03em;font-size:clamp(32px,5vw,72px);font-weight:900;line-height:1.05}.fs-artist{color:#fffc;font-size:20px}.visualizer{width:100%;height:80px;margin:8px 0 16px}.fs-bottom .progress{margin-bottom:12px}.fs-controls{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.fs-controls .volume{justify-self:end}.lyrics-page{background:linear-gradient(180deg, hsl(var(--lyrics-hue) 45% 30%), hsl(var(--lyrics-hue) 40% 16%));padding:32px 48px 64px}.lyrics-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.lyrics-head h1{font-size:22px;font-weight:800}.lyrics-head span{color:#ffffffb3}.lyrics{max-width:900px}.lyric-line{letter-spacing:-.01em;color:#ffffffe6;margin:0 0 14px;font-size:clamp(22px,2.6vw,32px);font-weight:800}.lyrics.synced .lyric-line{color:#00000080;cursor:pointer;transition:color .3s}.lyrics.synced .lyric-line.past{color:#ffffffb3}.lyrics.synced .lyric-line.active{color:#fff}.lyrics.synced .lyric-line:hover{text-decoration:underline}.lyrics-note{color:#fff9;margin-top:32px;font-size:13px}.lyrics-empty h2{max-width:600px;font-size:28px;font-weight:800}.lyrics-empty p{color:#ffffffb3}.lyrics-editor{max-width:760px}.lyrics-editor textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:#00000040;width:100%;padding:12px;line-height:1.5}.sync-lines{max-height:50vh;margin:16px 0;padding:0;list-style:none;overflow-y:auto}.sync-lines li{border-radius:var(--radius-sm);color:#ffffff80;padding:6px 8px;font-size:18px;font-weight:700}.sync-lines li.done{color:#fffc}.sync-lines li.next{color:#fff;background:#ffffff1f}.stamp{color:#fff9;font-variant-numeric:tabular-nums;width:56px;font-size:13px;display:inline-block}.prefs{max-width:880px}.prefs .page-title{margin:24px 0 16px}.pref-section{margin:32px 0}.pref-section h2{margin-bottom:8px;font-size:18px;font-weight:800}.pref-row{justify-content:space-between;align-items:center;gap:24px;padding:12px 0;display:flex}.pref-text{flex-direction:column;gap:2px;display:flex}.pref-text .subdued{font-size:13px}.text-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:220px;padding:8px 12px}.switch{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:999px;flex:none;width:40px;height:22px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px}.swatch.on{border-color:var(--text);box-shadow:inset 0 0 0 3px var(--bg-panel)}.theme-swatch{width:40px;height:40px;padding:3px;transition:transform .1s}.theme-swatch:hover{transform:scale(1.08)}.theme-swatch img{width:100%;height:100%}.eq{background:var(--bg-elevated);border-radius:var(--radius);padding:16px}.eq.disabled{opacity:.5}.eq-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.eq-head select{background:var(--bg-elevated-hover);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px}.eq-bands{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.eq-band{flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.eq-band input[type=range]{writing-mode:vertical-lr;width:24px;height:140px;accent-color:var(--accent);direction:rtl}.eq-val{font-variant-numeric:tabular-nums}.pref-foot{margin-top:48px;font-size:12px}.menu{z-index:60;border-radius:var(--radius-sm);min-width:200px;max-width:320px;max-height:70vh;box-shadow:var(--shadow);background:#282828;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto}.menu-item{text-align:left;color:#ffffffe6;border-radius:2px;align-items:center;gap:12px;width:100%;padding:10px 10px 10px 12px;font-size:14px;display:flex}.menu-item:not(:disabled):hover,.menu-item:focus-visible{background:#ffffff1a;outline:none}.menu-item.danger{color:var(--danger)}.menu-item.checked{color:var(--accent)}.menu-icon{color:var(--text-subdued);place-items:center;display:grid}.menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-divider{background:var(--border);height:1px;margin:4px 0}.modal-backdrop{z-index:70;background:#000000b3;place-items:start center;padding:10vh 16px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);background:#282828;outline:none;padding:24px}.modal.wide{width:min(860px,100%)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h2{font-size:22px;font-weight:800}.modal-text{margin:0 0 16px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions.full{grid-column:1/-1}.shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:8px 32px;display:grid}.shortcut-grid h3{margin:12px 0 4px;font-size:16px}.shortcut-grid dl{margin:0}.shortcut-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.shortcut-row dt{color:#ffffffe6}.shortcut-row dd{text-align:right;white-space:nowrap;margin:0}.edit-form{grid-template-columns:180px 1fr;gap:16px;display:grid}.edit-cover{object-fit:cover;border-radius:var(--radius-sm);width:180px;height:180px;box-shadow:var(--shadow)}.edit-fields{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.field input,.field textarea{border-radius:var(--radius-sm);resize:none;background:#3e3e3e;border:1px solid #0000;padding:10px 12px;font-size:14px;font-weight:400}.field input:focus,.field textarea:focus{background:#333;border-color:#fff6;outline:none}.toasts{left:50%;bottom:calc(var(--player-h) + var(--tabbar-h) + 16px);z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{color:#000;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;background:#fff;max-width:min(480px,100vw - 32px);padding:10px 16px;font-weight:600;animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.qs-heading{color:var(--text-subdued);margin:16px 0 4px;font-size:13px}.qs-results{max-height:50vh;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.qs-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px;display:flex}.qs-item.active{background:#ffffff1a}.qs-item img{border-radius:var(--radius-sm);object-fit:cover;width:40px;height:40px}.qs-item img.round{border-radius:50%}.qs-text{flex-direction:column;flex:1;min-width:0;display:flex}.qs-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qs-sub,.qs-kind{color:var(--text-subdued);font-size:12px}.qs-none{color:var(--text-subdued);padding:16px 8px}.mobile-only{display:none!important}.sidebar.as-page{border-radius:0;min-height:100%}.tabbar{display:none}@media (width<=1100px){.right-panel{right:var(--gap);top:var(--topbar-h);bottom:calc(var(--player-h) + var(--tabbar-h));z-index:40;box-shadow:var(--shadow);position:fixed}.tracklist[data-cols="index title album added duration"]{--cols:40px minmax(160px, 4fr) minmax(120px, 3fr) 120px}.tracklist[data-cols="index title album added duration"] .col-added{display:none}}@media (width<=860px){.search-top{grid-template-columns:1fr}.tracklist[data-cols]{--cols:32px minmax(0, 1fr) 96px}.tracklist .col-album,.tracklist .col-added,.tracklist .col-plays,.np-right .ctl:not(.toggle),.np-right .volume{display:none}.player-bar{grid-template-columns:minmax(0,1fr) auto auto}.progress{display:none}.page-cover{width:160px;height:160px}}@media (width<=640px){:root{--topbar-h:calc(60px + env(safe-area-inset-top,0px));--tabbar-h:calc(60px + env(safe-area-inset-bottom,0px))}.app{gap:0;padding:0}.topbar{padding:env(safe-area-inset-top,0px) 16px 0;gap:12px;display:flex}.topbar-center{flex:1}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input) input{font-size:16px}.topbar-left,.topbar-right .icon-btn:not(.mobile-only),.home-btn{display:none}.tabbar{background:var(--bg-base);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{color:var(--text-subdued);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.tab.active{color:var(--text)}.mobile-only{display:inline-grid!important}.sidebar.as-page{display:flex}:is(.search-box,.lib-search,.list-filter,.rec-search,.qs-input){height:40px}.workspace{gap:0}.sidebar{display:none}.main{border-radius:0}.page{padding:16px}.page.collection{padding:0 0 24px}.page-body{padding:0 16px}.page-header{flex-direction:column;align-items:flex-start;padding:24px 16px 16px}.artist-hero{min-height:260px;padding:120px 16px 16px}.track-header,.track-row{gap:8px;padding:0 8px}.player-bar{gap:8px;padding:0 16px}.controls{gap:4px}.controls .ctl.toggle,.np-right .ctl.toggle:not([aria-label=Queue]){display:none}.right-panel{border-radius:0;width:auto;left:0;right:0}.lyrics-page{padding:24px 16px 48px}.fullscreen{padding:24px 16px}.fs-main{flex-direction:column;align-items:flex-start}.edit-form{grid-template-columns:1fr}.eq-band input[type=range]{height:110px}.list-filter input{width:160px}.action-bar{gap:12px}.shelf{margin:20px 0 0}.shelf-header{margin-bottom:2px}.section-title{margin:20px 0 8px}.shelf-header h2,.section-title{font-size:20px}.shelf-row{grid-auto-columns:144px;margin:0 -6px;padding-bottom:4px}.shelf-row:has(.play-card.wide){grid-auto-columns:232px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:4px -6px}.shelf-row .card,.card-grid .card{padding:6px}.tracklist[data-cols]{--cols:24px minmax(0, 1fr) auto}.track-header,.row-like:not(.on){display:none}.col-duration{gap:8px}.tile-grid{grid-template-columns:minmax(0,1fr);gap:0;margin:0 -6px 8px}.sticky-chips{margin:-16px -16px 0;padding:8px 16px 10px}.top-card{grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:4px 14px;min-height:0;padding:12px;display:grid}.top-card img{grid-row:1/3;width:64px;height:64px}.top-title{white-space:nowrap;text-overflow:ellipsis;align-self:end;margin:0;font-size:20px;overflow:hidden}.top-sub{align-self:start;min-width:0}.top-card .play-btn{opacity:1;grid-area:1/3/3;position:static;transform:none}.chart-top .shelf-header{flex-direction:column;align-items:flex-start;gap:8px}.chart-top-actions{align-self:flex-start;margin:0}.chart-top-actions .text-btn{white-space:nowrap}.invite-form{max-width:none}.player-bar{position:relative}.np-open{z-index:0;background:0 0;border:0;padding:0;position:absolute;inset:0}.player-bar .np-left,.player-bar .np-center,.player-bar .np-text,.player-bar .np-text a{pointer-events:none}.player-bar .np-left button,.player-bar .np-center button,.player-bar [role=slider]{z-index:1;pointer-events:auto;position:relative}.player-bar .np-text{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.desktop .topbar{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}body.desktop .topbar button,body.desktop .topbar input,body.desktop .topbar form,body.desktop .topbar a{-webkit-app-region:no-drag}body.platform-win32 .topbar,body.platform-linux .topbar{padding-right:148px}body.platform-darwin .topbar{padding-left:76px}.loading{place-items:center;padding:64px 16px;display:grid}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:64px 16px;display:flex}.error-state h2{font-size:22px;font-weight:800}.error-state p{color:var(--text-subdued);max-width:520px;margin:0 0 12px}.notice{border-radius:var(--radius);background:var(--bg-elevated);margin:24px 0;padding:16px 20px;position:relative}.play-btn.busy{animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(.75)}}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;margin-bottom:12px;display:grid}.track-tile{border-radius:6px;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.track-tile:hover{background:var(--bg-highlight)}.tile-art{border-radius:var(--radius-sm);flex:none;width:48px;height:48px;position:relative;overflow:hidden}.tile-art img{object-fit:cover;width:100%;height:100%}.tile-overlay{opacity:0;background:#00000080;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.track-tile:hover .tile-overlay,.tile-art:focus-visible .tile-overlay,.track-tile.current .tile-overlay{opacity:1}.tile-text{flex-direction:column;flex:1;min-width:0;display:flex}.tile-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.tile-title .explicit{vertical-align:1px;margin-right:6px}.track-tile.current .tile-title{color:var(--accent)}.tile-sub{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-cover.video{object-fit:cover;width:71px}.video-badge{color:var(--text-subdued);place-items:center;display:inline-grid}.link-card{border-radius:var(--radius);background:#ffffff0f;align-items:center;gap:24px;margin-top:16px;padding:24px;display:flex}.link-card img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:200px;box-shadow:var(--shadow)}.link-card h2{margin:6px 0 4px;font-size:32px;font-weight:800}.link-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.video-surface{aspect-ratio:16/9;border-radius:var(--radius);background:#000;place-items:center;width:100%;display:grid;overflow:hidden}.np-video{margin:8px 0 16px}.fullscreen.with-video .fs-main{flex-direction:column;justify-content:flex-end;align-items:stretch}.fs-video{aspect-ratio:auto;flex:1;min-height:0}.yt-overlay{left:var(--gap);right:var(--gap);top:var(--topbar-h);bottom:calc(var(--player-h) + var(--tabbar-h));z-index:45;background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;overflow:hidden}.yt-overlay-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.yt-overlay-body{background:#fff;flex:1}.progress.ad{justify-content:center;min-height:16px}.ad-note{color:var(--accent);font-size:12px;font-weight:700}.about-card p{-webkit-line-clamp:6;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.about-card p.open{display:block}.about-card .text-btn{align-self:flex-start;padding-left:0}@media (width<=640px){.link-card{flex-direction:column;align-items:flex-start}.tile-grid{grid-template-columns:1fr}}.sleep-btn{position:relative}.invite-page .subdued{max-width:560px}.invite-form{gap:8px;max-width:560px;margin:20px 0 8px;display:flex}.invite-form .text-input{flex:1;min-width:0}.contact-btn{gap:8px;margin-bottom:8px}.access-gate{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;background:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.access-gate h1{margin:0;font-size:26px}.access-gate>p{max-width:420px;margin:0}.access-form{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.access-form .text-input{width:100%;height:48px}.error-text{color:var(--danger)}.invite-list{max-width:560px;margin:16px 0 24px;padding:0;list-style:none}.invite-list li{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:12px 0;display:flex}.invite-text{flex-direction:column;flex:1;min-width:0;display:flex}.invite-text .subdued{font-size:13px}.invite-device{color:var(--text-subdued);font-size:13px}.invite-device.behind{color:#ffc078}.np-time,.np-view-controls{display:none}.seek-controls{justify-content:center;align-items:center;gap:12px;display:flex}@media (width<=860px){.np-view-controls{margin:16px 0 8px;display:block}.np-view-controls .progress{display:flex}.np-time{color:var(--text-subdued);font-variant-numeric:tabular-nums;font-size:12px;display:block}.player-bar{position:relative}.player-bar .np-center .progress{height:14px;padding:0;display:flex;position:absolute;top:-7px;left:0;right:0}.player-bar .np-center .progress .time{display:none}.player-bar .np-center .progress .slider-track{border-radius:0;height:3px}.player-bar .np-center .progress .slider-fill{background:var(--accent)}}.right-tools{align-items:center;gap:4px;margin-left:auto;display:flex}@media (width<=640px){.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:0 8px 0 12px}.np-right{display:none}.np-left{gap:10px}.np-cover{width:48px;height:48px}.np-left .ctl.like{margin-left:auto}.controls{gap:2px}}.sleep-left{background:var(--accent);min-width:18px;height:18px;color:var(--accent-contrast);border-radius:9px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.queue-row{transition:transform .15s}.queue-grip{touch-action:none;cursor:grab;color:var(--text-subdued)}.queue-grip:active{cursor:grabbing}.charts .chips{margin:16px 0 8px}.chart-top .shelf-header{align-items:center}.chart-top-actions{align-items:center;gap:12px;display:flex}.recap-hero{background:linear-gradient(135deg, var(--recap-a) 0%, #121212 70%);border-radius:16px;margin-bottom:32px;padding:32px}.recap-big{letter-spacing:-.03em;margin-top:16px;font-size:clamp(56px,12vw,112px);font-weight:800;line-height:1}.recap-unit{color:var(--text-subdued);font-size:20px;font-weight:700}.recap-facts{color:var(--text-subdued);flex-wrap:wrap;gap:8px 24px;margin:20px 0 24px;display:flex}.recap-facts strong{color:var(--text)}.recap-actions{flex-wrap:wrap;gap:12px;display:flex}.recap-artists{margin:0 0 32px;padding:0;list-style:none}.recap-artists li{border-bottom:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;font-weight:600;display:grid}.recap-rank{color:var(--accent);font-weight:800}.update-banner{left:50%;top:calc(var(--topbar-h) + 8px);z-index:60;background:var(--bg-elevated);width:max-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:fixed;transform:translate(-50%)}.update-text{font-size:14px;font-weight:600}.btn-primary.sm{min-height:32px;padding:0 14px;font-size:13px}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-contrast);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-8px}.bell-btn{position:relative}.bell-btn .badge{top:2px;right:0}.bell-btn.active{color:var(--text)}.tab-icon{display:inline-flex;position:relative}.genre-chips{margin:-4px 0 20px;padding-bottom:6px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.following-intro,.search-hint{max-width:640px;color:var(--text-subdued);margin:-4px 0 20px;line-height:1.5}.search-hint{margin:4px 0 16px}.search-more{margin:24px 0 8px}.following-alerts{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;display:flex}.following-alerts>span{flex:220px}.news{margin-bottom:32px}.news-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:8px;display:grid}.news-row{border-radius:var(--radius);background:var(--bg-highlight);text-align:left;align-items:center;gap:12px;width:100%;padding:8px;transition:background .15s;display:flex;position:relative}.news-row:hover{background:#ffffff1f}.news-art{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-elevated);flex:none;width:112px;position:relative;overflow:hidden}.news-art img{object-fit:cover;width:100%;height:100%}.news-play{opacity:0;background:#0006;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.news-row:hover .news-play,.news-row.current .news-play{opacity:1}.news-text{flex-direction:column;gap:2px;min-width:0;display:flex}.news-kind{color:var(--accent);font-size:12px;font-weight:700}.news-kind.live{border-radius:var(--radius-sm);color:#fff;letter-spacing:.02em;background:#e53935;align-self:flex-start;padding:0 6px}.news-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.news-row.current .news-title{color:var(--accent)}.news-from{color:var(--text-subdued);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.news-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.audiobook-search{max-width:420px;margin:0 0 24px}.list-filter.audiobook-search input{flex:1;width:auto}.install-steps{text-align:left;max-width:360px;margin:8px 0 16px;padding-left:22px;line-height:1.6}.install-steps li{margin-bottom:6px}.share-glyph{vertical-align:-3px;color:var(--accent)}.pref-buttons{flex-wrap:wrap;gap:8px;display:flex}.tour{text-align:center;flex-direction:column;align-items:center;display:flex}.tour-icon{background:var(--bg-highlight);width:88px;height:88px;color:var(--accent);border-radius:50%;place-items:center;margin:4px 0 16px;display:grid}.tour-title{margin:0 0 8px;font-size:20px;font-weight:800}.tour-text{max-width:420px;min-height:4.5em;color:var(--text-subdued);margin:0;line-height:1.5}.tour-dots{gap:4px;margin:20px 0 4px;display:flex}.tour-dot{place-items:center;width:24px;height:24px;display:grid}.tour-dot:before{content:"";background:var(--text-faint);border-radius:50%;width:8px;height:8px;transition:background .15s,width .15s}.tour-dot.on:before{background:var(--accent);border-radius:4px;width:20px}.tour-actions{align-self:stretch;align-items:center}.tour-actions .spacer{flex:1}@media (width<=640px){.news-art{width:96px}.genre-chips{margin-right:-16px}.following-alerts .btn-primary{width:100%}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{aspect-ratio:16/9;padding:12px;font-size:16px}}.guide-contents{margin:0 0 32px}.guide-section{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:32px;max-width:960px;padding:32px 0;scroll-margin-top:16px;display:grid}.guide-text h2{letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:800}.guide-text p,.guide-text li{color:var(--text-subdued);line-height:1.6}.guide-text p{margin:0 0 12px}.guide-text ul{margin:0 0 12px;padding-left:20px}.guide-text b{color:var(--text);font-weight:700}.guide-shot{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:var(--bg-elevated);border-radius:20px}.guide-end{margin:24px 0 8px}@media (width<=640px){.guide-section{grid-template-columns:1fr;gap:16px}.guide-shot{justify-self:center;width:min(300px,100%)}}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}.track-row,.card,.play-card,.track-tile,.news-row,.player-bar,.tabbar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}a,button,[role=button]{-webkit-tap-highlight-color:transparent}}