:root{--bg: #0a0b0d;--bg-raised: #141519;--bg-hover: #1b1d22;--bg-active: #23252b;--text: #eceef1;--text-muted: #969ba4;--accent: hsl(227 100% 71%);--accent-hover: hsl(227 100% 79%);--accent-soft: hsl(227 100% 71% / .14);--accent-glow: hsl(227 100% 71% / .35);--border: #22252b;--hairline: rgba(255, 255, 255, .07);--danger: #e5484d;--radius-lg: 18px;--radius: 14px;--radius-sm: 10px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .28), 0 4px 16px rgba(0, 0, 0, .28);--shadow-2: 0 2px 8px rgba(0, 0, 0, .38), 0 16px 48px rgba(0, 0, 0, .5);--glass: rgba(20, 21, 25, .82)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:radial-gradient(1200px 500px at 50% -10%,#121419 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Inter,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.45;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}img{-webkit-touch-callout:none}button,input[type=range],select,.track-row td,.queue-row,.recent-card,.playlist-item,.web-search-row,.lyric-line{touch-action:manipulation}h1,h2,h3{font-weight:600;letter-spacing:-.01em}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=text],input[type=password],input[type=url]{background:#ffffff0a;border:1px solid var(--hairline);border-radius:10px;color:var(--text);padding:10px 13px;font:inherit;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input[type=text]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder{color:var(--text-muted);opacity:.7}input[type=text]:focus,input[type=password]:focus,input[type=url]:focus{outline:none;border-color:var(--accent);background:#ffffff0d;box-shadow:0 0 0 3.5px var(--accent-soft)}select{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2b2e35;border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#383c45}.dl-btn,.login-submit{background:linear-gradient(180deg,var(--accent-hover) 0%,var(--accent) 100%);color:#0c0d10;border-radius:10px;padding:8px 15px;font-weight:620;letter-spacing:-.01em;box-shadow:0 1px 2px #0000004d,inset 0 1px #fff3}.dl-btn:hover:not(:disabled),.login-submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 2px 10px var(--accent-glow),inset 0 1px #ffffff40}.ghost-btn,.load-more-btn,.logout-btn{color:var(--text-muted);background:#ffffff08;border:1px solid var(--hairline);border-radius:10px;padding:7px 14px}.ghost-btn:hover:not(:disabled),.load-more-btn:hover:not(:disabled),.logout-btn:hover:not(:disabled){color:var(--text);background:var(--bg-hover);border-color:#33363e}.queue-clear{color:var(--text-muted);font-size:13px;padding:4px 8px;border-radius:6px}.queue-clear:hover{color:var(--text);background:var(--bg-hover)}.action-icon-btn,.remove-btn{color:var(--text-muted);width:28px;height:28px;padding:0;border-radius:6px}.action-icon-btn:hover,.remove-btn:hover{color:var(--text);background:var(--bg-active)}.remove-btn:hover{color:var(--danger)}.app-shell{display:flex;flex-direction:column;height:100%}.app-shell.with-sidebar{display:grid;grid-template-columns:232px 1fr;grid-template-rows:1fr auto auto;grid-template-areas:"sidebar main" "remote remote" "player player"}.app-shell.with-sidebar .main-content{grid-area:main}.app-shell.with-sidebar .remote-devices{grid-area:remote}.app-shell.with-sidebar .player-bar{grid-area:player}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;min-height:0;background:#0b0c0e99;border-right:1px solid var(--hairline);padding:16px 10px 12px}.sidebar .logo{display:inline-flex;align-items:center;gap:9px;font-size:16.5px;font-weight:650;letter-spacing:-.01em;padding:4px 12px 14px;white-space:nowrap}.sidebar .logo svg{color:var(--accent)}.side-nav{display:flex;flex-direction:column;gap:2px}.side-item{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;padding:8px 12px;border-radius:9px;color:var(--text-muted);font-weight:500;text-align:left}.side-item svg{flex-shrink:0;opacity:.85}.side-item:hover{color:var(--text);background:var(--bg-hover)}.side-item.active{color:var(--text);background:#ffffff14;font-weight:590}.side-item.active svg{color:var(--accent);opacity:1}.side-section{margin:18px 0 6px;padding:4px 12px;color:var(--text-muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;justify-content:flex-start;border-radius:8px;width:100%;text-align:left}.side-section:hover{color:var(--text)}.side-section.active{color:var(--accent)}.side-playlists{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;margin:0 0 8px}.side-playlist{display:block;width:100%;padding:6px 12px;border-radius:8px;color:var(--text-muted);font-size:13.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-playlist:hover{color:var(--text);background:var(--bg-hover)}.side-playlist.active{color:var(--text);background:#ffffff12}.sidebar-footer{border-top:1px solid var(--hairline);padding-top:10px;display:flex;align-items:center;gap:8px}.sidebar-footer .user{flex:1;min-width:0;color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px}.screen-title{margin:2px 0 16px;font-size:28px;font-weight:700;letter-spacing:-.03em}.topbar{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#0d0e10e0;border-bottom:1px solid var(--hairline)}.topbar .logo{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:650;letter-spacing:-.01em;color:var(--text);white-space:nowrap;margin-right:18px}.topbar .logo svg{color:var(--accent)}.topbar .spacer{flex:1}.topbar .user{color:var(--text-muted);white-space:nowrap;margin-right:8px;font-size:13px}.topbar .nav-btn{color:var(--text-muted);padding:6px 13px;border-radius:999px;font-weight:500}.topbar .nav-btn:hover{color:var(--text);background:var(--bg-hover)}.topbar .nav-btn.active{color:var(--text);background:#ffffff17;font-weight:590}.main-content{flex:1;overflow-y:auto;padding:18px 20px 24px}.search-input{max-width:360px}.library-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.library-count{color:var(--text-muted);white-space:nowrap}.status-message{color:var(--text-muted);padding:24px 0;text-align:center}.status-message.error{color:var(--danger)}.track-list{width:100%;border-collapse:collapse}.track-list th{text-align:left;color:var(--text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:500;padding:8px 12px;border-bottom:1px solid var(--border)}.track-row td{padding:9px 12px;border-bottom:1px solid transparent}.track-row td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.track-row td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.track-row{cursor:pointer}.track-row:hover td{background:var(--bg-hover)}.track-row.current td{background:var(--accent-soft)}.track-row.current .track-title{color:var(--accent)}.track-title{font-weight:500}.track-artist{color:var(--text-muted);font-size:12.5px;margin-top:1px}.col-num{width:42px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.now-playing-icon{color:var(--accent);vertical-align:-2px}.col-album{color:var(--text-muted)}.col-duration{width:70px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.track-list-empty{color:var(--text-muted);text-align:center;padding:40px 0}.web-search-list{list-style:none;margin:0;padding:0}.web-search-row{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:var(--radius-sm)}.web-search-row:hover{background:var(--bg-hover)}.web-search-thumb{width:72px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #0000004d}.web-search-thumb.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-active);color:var(--text-muted)}.web-search-info{flex:1;min-width:0}.web-search-info .track-title,.web-search-info .track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-search-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.web-search-action{min-width:120px;display:flex;justify-content:flex-end;flex-shrink:0}.dl-actions{display:inline-flex;align-items:center;gap:4px}.dl-progress{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.dl-done{color:var(--text-muted);font-size:13px}.playlists-layout{display:flex;gap:24px;align-items:flex-start}.playlist-side{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.playlist-detail{flex:1;min-width:0}.import-form{display:flex;gap:8px}.import-form input{flex:1;min-width:0}.import-status{font-size:13px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted)}.import-status.running{color:var(--accent)}.import-status.failed{color:var(--danger)}.playlist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.playlist-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);text-align:left}.playlist-item:hover{background:var(--bg-hover)}.playlist-item.active{background:var(--bg-active)}.playlist-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.playlist-item-meta{color:var(--text-muted);font-size:12.5px}.playlist-detail-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.playlist-detail-header h2{margin:0;font-size:21px}.playlist-detail-header .spacer{flex:1}.col-remove{width:36px;text-align:center}.track-row .remove-btn{visibility:hidden}.track-row:hover .remove-btn{visibility:visible}.queue-panel{position:fixed;right:20px;bottom:104px;width:380px;max-height:55vh;overflow-y:auto;background:var(--glass);-webkit-backdrop-filter:saturate(160%) blur(22px);backdrop-filter:saturate(160%) blur(22px);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-2);z-index:30}.queue-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.queue-header .spacer{flex:1}.panel-title{display:inline-flex;align-items:center;gap:7px}.panel-title svg{color:var(--accent)}.queue-list{list-style:none;margin:0;padding:0}.queue-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer}.queue-row:hover{background:var(--bg-hover)}.queue-row .remove-btn{visibility:hidden}.queue-row:hover .remove-btn{visibility:visible}.queue-row.current .track-title{color:var(--accent)}.queue-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.queue-row-info .track-title,.queue-row-info .track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quality-select{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:4px 6px;font-size:12px}.quality-select:focus{outline:none;border-color:var(--accent)}.recent-section{margin-bottom:20px}.recent-title{margin:0 0 10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.recent-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.recent-card{width:132px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:14px;background:var(--bg-raised);border:1px solid var(--hairline);text-align:left;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.recent-card:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-1)}.recent-card:active{transform:translateY(0) scale(.98)}.recent-card .track-title,.recent-card .track-artist{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-cover{width:110px;height:110px;border-radius:10px;object-fit:cover;margin-bottom:5px;box-shadow:0 2px 8px #00000059}.recent-cover.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-active);color:var(--text-muted)}.discover-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.discover-select{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font:inherit}.discover-select:focus{outline:none;border-color:var(--accent)}.source-toggle{display:flex;gap:3px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.source-toggle .nav-btn{color:var(--text-muted);padding:5px 11px;border-radius:5px;font-weight:500;font-size:13px}.source-toggle .nav-btn:hover{color:var(--text)}.source-toggle .nav-btn.active{color:var(--text);background:var(--bg-active)}.lastfm-connect{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.lastfm-label{color:#d51007;font-weight:650}.lastfm-auth-link{color:var(--accent);text-decoration:underline}.lyrics-panel{position:fixed;right:20px;bottom:104px;width:460px;max-height:65vh;display:flex;flex-direction:column;background:var(--glass);-webkit-backdrop-filter:saturate(160%) blur(22px);backdrop-filter:saturate(160%) blur(22px);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-2);z-index:30}.lyrics-lines{list-style:none;margin:0;padding:20vh 8px;overflow-y:auto;text-align:center}.lyric-line{padding:7px 10px;color:var(--text-muted);font-size:17px;font-weight:600;line-height:1.35;border-radius:var(--radius);cursor:pointer;transition:color .2s,transform .2s}.lyric-line:hover{color:var(--text)}.lyric-line.active{color:var(--accent);transform:scale(1.04)}.lyrics-plain{overflow-y:auto;white-space:pre-wrap;font:inherit;color:var(--text-muted);line-height:1.6;padding:8px 12px;margin:0}@media(max-width:640px){.lyrics-panel{left:8px;right:8px;width:auto;bottom:calc(186px + env(safe-area-inset-bottom));max-height:50vh}}.remote-devices{background:var(--bg-raised);border-top:1px solid var(--border)}.remote-device{display:flex;align-items:center;gap:10px;padding:7px 20px;font-size:13px}.remote-device-name{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;white-space:nowrap}.remote-device-track{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-device .spacer{flex:1}.stats-cards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.stats-card{flex:1;min-width:150px;background:linear-gradient(180deg,#ffffff06,#fff0),var(--bg-raised);border:1px solid var(--hairline);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}.stats-value{font-size:25px;font-weight:650;letter-spacing:-.02em}.stats-label{color:var(--text-muted);font-size:13px}.stats-section{margin-bottom:24px;min-width:0}.stats-columns{display:flex;gap:28px;flex-wrap:wrap}.stats-columns .stats-section{flex:1;min-width:260px}.stats-list{list-style:none;margin:0;padding:0;counter-reset:rank}.stats-list li{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"rank title count" "rank artist count";column-gap:10px;padding:7px 10px;border-radius:var(--radius-sm)}.stats-list li:nth-child(odd){background:var(--bg-raised)}.stats-list li:before{counter-increment:rank;content:counter(rank);grid-area:rank;color:var(--text-muted);align-self:center;text-align:right;font-variant-numeric:tabular-nums}.stats-list .track-title{grid-area:title}.stats-list .track-artist{grid-area:artist}.stats-count{grid-area:count;align-self:center;color:var(--text-muted);font-variant-numeric:tabular-nums}.stats-graph{display:flex;align-items:flex-end;gap:3px;height:90px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius)}.stats-bar{flex:1;background:var(--accent);border-radius:2px 2px 0 0;min-width:4px;opacity:.75}.mobile-nav{display:flex;background:#0d0e10eb;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;color:var(--text-muted);font-size:10.5px;font-weight:500}.mobile-nav button .nav-icon{display:flex;line-height:1}.mobile-nav button.active{color:var(--accent)}.player-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,2fr) minmax(120px,1fr);align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(180deg,#ffffff05,#fff0 40%),#111215f5;border-top:1px solid var(--hairline);position:relative}.player-bar:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-glow) 50%,transparent 100%);transition:background .6s ease;pointer-events:none}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-cover{width:52px;height:52px;border-radius:9px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 10px #00000073}.player-cover.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-active);color:var(--text-muted)}.player-track-info{min-width:0}.player-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:var(--text-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-error{color:var(--danger);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.player-controls{display:flex;align-items:center;gap:14px}.player-btn{color:var(--text-muted);width:32px;height:32px;padding:0;border-radius:var(--radius-sm)}.player-btn:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.player-btn.active{color:var(--accent);background:var(--accent-soft)}.player-btn-main{background:linear-gradient(180deg,#fff,#e4e6ea);color:#101113;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px #0006,inset 0 1px #fff9}.player-btn-main:hover:not(:disabled){background:#fff;color:#101113;transform:scale(1.05)}.player-btn-main:active:not(:disabled){transform:scale(.96)}.player-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:560px}.player-progress input[type=range]{flex:1}.player-time{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.player-volume{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--text-muted)}.player-volume .volume-icon{display:flex;margin-left:4px}.player-volume input[type=range]{width:100px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff24;cursor:pointer;transition:height .15s ease}input[type=range]:hover{height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073;transition:transform .15s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073}input[type=range]:disabled{cursor:default}.login-screen{display:flex;align-items:center;justify-content:center;height:100%}.login-card{background:linear-gradient(180deg,#ffffff08,#fff0),var(--bg-raised);border:1px solid var(--hairline);border-radius:20px;padding:38px 34px;width:370px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-2)}.login-card h1{margin:0 0 6px;font-size:22px;font-weight:650;letter-spacing:-.02em;color:var(--text);text-align:center}.login-card label{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:13px}.login-submit{margin-top:8px;padding:11px;font-weight:600}.login-error{color:var(--danger);font-size:13px;text-align:center;min-height:18px}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-section-header .recent-title{margin:0;display:inline-flex;align-items:center;gap:6px}.home-section-header .recent-title svg{color:var(--accent)}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:18px}.cover-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;text-align:left;border-radius:var(--radius);transition:transform .18s ease}.cover-card:active{transform:scale(.97)}.cover-card-art{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--bg-active);box-shadow:0 4px 16px #00000059}.cover-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cover-card:hover .cover-card-art img{transform:scale(1.05)}.cover-card-art .placeholder-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cover-play{position:absolute;right:10px;bottom:10px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#0c0d10;box-shadow:0 4px 14px #00000080;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.cover-card:hover .cover-play,.cover-card:focus-visible .cover-play{opacity:1;transform:translateY(0)}.cover-queue{position:absolute;right:58px;bottom:16px;width:30px;height:30px;border-radius:50%;background:#0a0b0db8;color:var(--text);opacity:0;transition:opacity .18s ease}.cover-card:hover .cover-queue{opacity:1}.cover-card .track-title,.cover-card .track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.now-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:var(--bg);animation:np-slide-up .3s cubic-bezier(.2,.8,.2,1)}@keyframes np-slide-up{0%{transform:translateY(6%);opacity:0}to{transform:translateY(0);opacity:1}}.np-backdrop{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(60px) saturate(140%);opacity:.55}.np-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0e1059,#0d0e10d1)}.np-content{position:relative;height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 26px calc(26px + env(safe-area-inset-bottom))}.np-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.np-header-label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.np-cover-zone{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:12px 0}.np-cover{width:min(78vw,380px,46vh);aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 18px 60px #0009;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:scale(.94)}.np-cover.playing{transform:scale(1)}.np-cover.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-active);color:var(--text-muted)}.np-lyrics{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.np-lyrics-lines{padding:30vh 4px;overflow-y:auto;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.np-lyrics .lyric-line{font-size:21px}.np-lyrics-plain{overflow-y:auto;white-space:pre-wrap;color:var(--text-muted);line-height:1.7;padding:12px 4px;margin:0;font:inherit;font-size:16px}.np-lyrics-status{text-align:center;color:var(--text-muted)}.np-track-row{display:flex;align-items:center;gap:12px;margin:10px 0 4px}.np-track-info{flex:1;min-width:0}.np-title{font-size:20px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{color:var(--text-muted);font-size:15px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-reactions{display:flex;gap:4px;flex-shrink:0}.np-reactions .player-btn{width:42px;height:42px}.player-btn.active.danger{color:var(--danger);background:#e5484d1f}.np-progress{margin:10px 0 2px}.np-progress input[type=range]{width:100%;height:6px}.np-times{display:flex;justify-content:space-between;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;margin-top:7px}.np-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.np-controls .player-btn{width:46px;height:46px}.np-play{width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#fff,#e4e6ea);color:#101113;box-shadow:0 4px 16px #00000073,inset 0 1px #fff9}.np-play:hover:not(:disabled){background:#fff;transform:scale(1.04)}.np-play:active:not(:disabled){transform:scale(.95)}.badge-admin,.badge-lastfm{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px}.badge-admin{color:var(--accent);background:var(--accent-soft)}.badge-lastfm{color:#d51007;background:#d510071f}.admin-table .admin-actions-col{width:300px;text-align:right}.admin-row td{border-bottom:1px solid var(--border)}.queue-clear.danger:hover{color:var(--danger)}.admin-create-form{max-width:560px}.taste-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.taste-summary{margin:4px 0 14px;color:var(--text);font-size:14.5px;line-height:1.5}.taste-group{margin-bottom:12px}.taste-group-label{display:block;color:var(--text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:6px}.taste-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:3px 10px;border-radius:999px;font-size:12.5px;border:1px solid var(--border);color:var(--text-muted)}.chip.positive{color:var(--accent);background:var(--accent-soft);border-color:transparent}.chip.negative{color:var(--danger);background:#e5484d1a;border-color:transparent}.admin-hint{display:block;margin-top:10px}.np-sleep{position:relative}.np-sleep-badge{position:absolute;top:-3px;right:-5px;min-width:16px;padding:1px 4px;border-radius:8px;background:var(--accent);color:#0c0d10;font-size:10px;font-weight:700;line-height:1.3;text-align:center;pointer-events:none}.np-sleep-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:190px;padding:8px;border-radius:14px;background:var(--glass, rgba(22, 24, 28, .92));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-2, 0 12px 40px rgba(0, 0, 0, .5));display:flex;flex-direction:column;gap:2px}.np-sleep-pop-title{padding:6px 10px 8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.np-sleep-option{padding:9px 10px;border:none;border-radius:9px;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}.np-sleep-option:hover{background:#ffffff12}.np-sleep-option.active{color:var(--accent);background:var(--accent-soft)}.np-sleep-option.danger{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;background:#060709a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{width:min(460px,100%);max-height:min(86vh,640px);overflow-y:auto;border-radius:18px;background:var(--surface, #14161a);border:1px solid var(--border);box-shadow:var(--shadow-2, 0 18px 60px rgba(0, 0, 0, .55));padding:18px 20px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h3{margin:0;font-size:16px;font-weight:650}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-field{display:flex;flex-direction:column;gap:5px;flex:1}.modal-field span{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--text-muted)}.modal-field input{width:100%;box-sizing:border-box}.modal-field-row{display:flex;gap:12px}.modal-field-year{flex:0 0 96px}.modal-hint{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-sources{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.modal-sources-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-sources-header span{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--text-muted);text-transform:uppercase}.modal-source-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.modal-source-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff08}.modal-source-info{display:flex;flex-direction:column;min-width:0}.modal-source-info .track-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;background:var(--bg);animation:np-slide-up .25s cubic-bezier(.2,.8,.2,1)}.player-bar,.remote-devices,.mobile-nav{position:relative;z-index:26}.browse-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hairline);background:#0d0e10e6;-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px)}.browse-header-title{flex:1;text-align:center;font-weight:590;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-body{flex:1;overflow-y:auto;padding:18px 20px 170px}.browse-hero{display:flex;align-items:flex-end;gap:18px;margin-bottom:16px}.browse-hero-art{width:132px;height:132px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow-2)}.browse-hero-info{display:flex;flex-direction:column;gap:4px;min-width:0}.browse-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.browse-title{margin:0;font-size:30px;font-weight:700;line-height:1.1}.browse-sub{color:var(--text-muted);font-size:13px}.browse-artist-link{color:inherit;font:inherit;padding:0;background:none;border:none;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease}.browse-artist-link:hover{text-decoration-color:currentColor}.browse-actions{display:flex;gap:8px;margin-bottom:18px}.dl-btn.secondary{background:var(--bg-active);color:var(--text)}.browse-section{margin-top:22px}.cover-card-sub{margin-top:2px;font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-link{color:inherit;font:inherit;padding:0;background:none;border:none;cursor:pointer}.artist-link:hover{text-decoration:underline}.np-artist-link{font:inherit;padding:0;background:none;border:none;cursor:pointer;text-align:left}.np-artist-link:hover{text-decoration:underline}.eq-wrap{position:relative}.eq-pop{position:absolute;bottom:calc(100% + 10px);right:0;z-index:30;width:250px;padding:12px;border-radius:14px;background:var(--glass, rgba(22, 24, 28, .92));-webkit-backdrop-filter:saturate(160%) blur(22px);backdrop-filter:saturate(160%) blur(22px);border:1px solid var(--hairline);box-shadow:var(--shadow-2)}.eq-pop.down{top:calc(100% + 8px);bottom:auto}.eq-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.eq-title{flex:1;font-weight:590;font-size:14px}.eq-switch{position:relative;display:inline-flex;cursor:pointer}.eq-switch input{position:absolute;opacity:0;pointer-events:none}.eq-switch-track{width:36px;height:21px;border-radius:11px;background:var(--bg-active);border:1px solid var(--hairline);transition:background .18s ease}.eq-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--text-muted);transition:transform .18s ease,background .18s ease}.eq-switch input:checked+.eq-switch-track{background:var(--accent-soft, rgba(108, 140, 255, .35))}.eq-switch input:checked+.eq-switch-track:after{transform:translate(15px);background:var(--accent)}.eq-preset{width:100%;margin-bottom:6px}.eq-bands{display:flex;justify-content:space-between;gap:6px;padding:10px 2px 2px}.eq-band{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:var(--text-muted)}.eq-band input[type=range]{writing-mode:vertical-lr;direction:rtl;width:22px;height:108px}.eq-band-value{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.pin-btn.pinned{color:var(--accent)}.pin-badge{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted)}.pin-dot{display:inline-flex;margin-right:6px;color:var(--accent);vertical-align:-2px}.blend-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0 10px}.dup-group{padding:10px 0;border-bottom:1px solid var(--hairline)}.dup-group-title{font-weight:590;margin-bottom:6px}.dup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dup-item{display:flex;align-items:center;gap:10px}.dup-item-info{flex:1;min-width:0}.dup-suggested{color:var(--accent);font-size:12px}.wrapped-toggle{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 16px;border-radius:999px;border:1px solid var(--hairline);background:linear-gradient(120deg,var(--accent-soft, rgba(108, 140, 255, .25)),transparent 70%);color:var(--text);font-weight:590;cursor:pointer;transition:transform .15s ease}.wrapped-toggle:hover{transform:translateY(-1px)}.wrapped-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.wrapped-hero{background:linear-gradient(135deg,var(--accent-soft, rgba(108, 140, 255, .3)),transparent 75%)}.wrapped-ranked li{display:flex;align-items:baseline;gap:8px}.wrapped-rank{font-size:18px;font-weight:700;color:var(--accent);min-width:22px;font-variant-numeric:tabular-nums}.wrapped-genres{display:flex;flex-direction:column;gap:8px}.wrapped-genre{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px}.wrapped-genre-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapped-genre-bar{height:8px;border-radius:4px;background:var(--bg-active);overflow:hidden}.wrapped-genre-bar div{height:100%;border-radius:4px;background:var(--accent)}.wrapped-months{align-items:flex-end}.wrapped-month{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.wrapped-month .stats-bar{width:60%}.wrapped-month-label{font-size:10px;color:var(--text-muted)}.wrapped-topday{margin-top:10px;color:var(--text-muted);font-size:13px}@media(max-width:640px),(pointer:coarse)and (max-height:500px){.player-bar .eq-wrap{display:none}.browse-hero-art{width:96px;height:96px}.browse-title{font-size:23px}.browse-body{padding:14px 14px 210px}input[type=text],input[type=password],input[type=url],select{font-size:16px}.main-content{padding:10px 12px 16px}.topbar{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top))}.track-list{table-layout:fixed}.track-list .col-num{width:28px}.track-list .col-duration{width:48px}.track-list .col-album{display:none}.track-list .col-remove{width:40px}.track-row td{padding:8px 6px;overflow:hidden}.track-list .track-title,.track-list .track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row .remove-btn,.queue-row .remove-btn{visibility:visible}.action-icon-btn,.remove-btn{width:34px;height:34px}.web-search-row{gap:10px;padding:8px 6px}.web-search-thumb{width:54px;height:32px}.web-search-duration{display:none}.web-search-action{min-width:0}.recent-card{width:108px;padding:8px}.recent-cover{width:88px;height:88px}.library-count{display:none}.playlist-detail-header{flex-wrap:wrap;gap:8px}.playlist-detail-header h2{font-size:18px}.discover-controls{gap:8px}.discover-select{flex:1;min-width:0}.player-bar{grid-template-columns:minmax(120px,1fr) auto;gap:4px 10px;padding:8px 10px}.player-cover{width:42px;height:42px}.player-center{grid-row:2;grid-column:1 / -1;gap:2px}.player-bar .player-btn{width:38px;height:38px}.player-bar .player-btn-main{width:44px;height:44px}.player-bar .player-volume{gap:2px}.player-bar .player-volume .volume-icon,.player-bar .player-volume input[type=range]{display:none}.player-progress{max-width:none;gap:8px}.player-progress input[type=range]{height:6px}.player-progress input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.quality-select{font-size:16px;padding:3px 5px}.player-bar .player-like{display:none}.cover-grid{grid-template-columns:repeat(2,1fr);gap:14px}.cover-play,.cover-queue{display:none}.screen-title{font-size:30px;margin:4px 0 14px}.queue-panel{left:8px;right:8px;width:auto;bottom:calc(186px + env(safe-area-inset-bottom));max-height:46vh}.playlists-layout{flex-direction:column}.playlist-side{width:100%}.search-input{max-width:none}.login-screen{padding:16px}.login-screen .login-card{width:100%;max-width:360px;padding:28px 22px}.main-content,.topbar,.player-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media(hover:none){.recent-card:hover{transform:none;box-shadow:none;background:var(--bg-raised)}.track-row:hover td,.queue-row:hover,.web-search-row:hover,.playlist-item:hover{background:transparent}.player-btn:hover:not(:disabled),.action-icon-btn:hover,.remove-btn:hover,.queue-clear:hover,.topbar .nav-btn:hover{background:none;color:var(--text-muted)}.topbar .nav-btn.active{color:var(--text);background:#ffffff17}.player-btn.active{color:var(--accent);background:var(--accent-soft)}.track-row.current td{background:var(--accent-soft)}.track-row:active td,.queue-row:active,.web-search-row:active,.playlist-item:active{background:var(--bg-hover)}.recent-card:active{background:var(--bg-hover);transform:scale(.97)}}