:root{color-scheme:dark;--bg: #080A0F;--bg-raised: #0E1017;--player-bg: rgba(8,10,15,.85);--surface-1: rgba(255,255,255,.035);--surface-2: rgba(255,255,255,.065);--surface-3: rgba(255,255,255,.1);--surface-hover:rgba(255,255,255,.08);--border: rgba(255,255,255,.07);--border-strong:rgba(255,255,255,.13);--text-primary: #ECEDF5;--text-secondary: rgba(236,237,245,.5);--text-tertiary: rgba(236,237,245,.28);--accent: #E07A5F;--accent-dim: rgba(224,122,95,.2);--accent-hover: #E8906A;--violet: #7B6CF6;--violet-dim: rgba(123,108,246,.2);--art-a: #7B6CF6;--art-b: #E07A5F;--sidebar-w: 224px;--player-h: 82px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 999px;--font-display: "Fraunces", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif;--shadow-card: 0 0 0 1px var(--border);--shadow-glow: none;--transition: .2s cubic-bezier(.4, 0, .2, 1)}html[data-theme=light]{color-scheme:light;--bg: #F8F5EF;--bg-raised: #FFFFFF;--player-bg: rgba(255,255,255,.88);--surface-1: rgba(37,39,52,.045);--surface-2: rgba(37,39,52,.075);--surface-3: rgba(37,39,52,.12);--surface-hover:rgba(37,39,52,.08);--border: rgba(37,39,52,.1);--border-strong:rgba(37,39,52,.18);--text-primary: #252734;--text-secondary: rgba(37,39,52,.62);--text-tertiary: rgba(37,39,52,.38);--accent: #C75D45;--accent-dim: rgba(199,93,69,.16);--accent-hover: #B84F38;--violet: #6556DB;--violet-dim: rgba(101,86,219,.16);--shadow-card: 0 0 0 1px var(--border);--shadow-glow: none}html[data-accent=sunset]{--accent: #E07A5F;--accent-dim: rgba(224,122,95,.2);--accent-hover: #E8906A}html[data-theme=light][data-accent=sunset]{--accent: #C75D45;--accent-dim: rgba(199,93,69,.16);--accent-hover: #B84F38}html[data-accent=amber]{--accent: #F0A93B;--accent-dim: rgba(240,169,59,.22);--accent-hover: #F4B855}html[data-theme=light][data-accent=amber]{--accent: #B07418;--accent-dim: rgba(176,116,24,.16);--accent-hover: #99650F}html[data-accent=rose]{--accent: #EC6A88;--accent-dim: rgba(236,106,136,.22);--accent-hover: #F1839B}html[data-theme=light][data-accent=rose]{--accent: #C73E5E;--accent-dim: rgba(199,62,94,.16);--accent-hover: #B23052}html[data-accent=violet]{--accent: #9F8BFF;--accent-dim: rgba(159,139,255,.22);--accent-hover: #B1A0FF}html[data-theme=light][data-accent=violet]{--accent: #6556DB;--accent-dim: rgba(101,86,219,.16);--accent-hover: #574AC4}html[data-accent=indigo]{--accent: #7B8CFF;--accent-dim: rgba(123,140,255,.22);--accent-hover: #93A1FF}html[data-theme=light][data-accent=indigo]{--accent: #4256D6;--accent-dim: rgba(66,86,214,.16);--accent-hover: #3849BC}html[data-accent=sky]{--accent: #56B9F2;--accent-dim: rgba(86,185,242,.22);--accent-hover: #74C7F5}html[data-theme=light][data-accent=sky]{--accent: #1F7FB8;--accent-dim: rgba(31,127,184,.16);--accent-hover: #166DA1}html[data-accent=teal]{--accent: #4FC9C0;--accent-dim: rgba(79,201,192,.22);--accent-hover: #6BD3CB}html[data-theme=light][data-accent=teal]{--accent: #1A8F86;--accent-dim: rgba(26,143,134,.16);--accent-hover: #137A72}html[data-accent=emerald]{--accent: #5CCB8A;--accent-dim: rgba(92,203,138,.22);--accent-hover: #79D5A1}html[data-theme=light][data-accent=emerald]{--accent: #1F8F5A;--accent-dim: rgba(31,143,90,.16);--accent-hover: #16794A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;overflow:hidden;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}#root{height:100%}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}input,textarea{font:inherit;color:inherit}svg{flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--player-h);grid-template-areas:"sidebar main" "player  player";height:100vh;height:100dvh}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--bg-raised);border-right:1px solid var(--border);overflow:hidden;-webkit-user-select:none;user-select:none}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:24px 20px 20px;flex-shrink:0}.sidebar-logo svg{color:var(--accent)}.sidebar-logo-name{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.5px}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.sidebar-scroll::-webkit-scrollbar{width:0}.sidebar-section{margin-bottom:8px}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding:16px 20px 6px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 20px;color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:color var(--transition),background var(--transition);position:relative;cursor:pointer}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.sidebar-nav-item.active{color:var(--text-primary);background:var(--surface-2)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-nav-item svg{opacity:.7;transition:opacity var(--transition)}.sidebar-nav-item.active svg,.sidebar-nav-item:hover svg{opacity:1}.sidebar-playlist-art{width:28px;height:28px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.sidebar-playlist-art img{width:100%;height:100%;object-fit:cover}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:10px}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent);flex-shrink:0;font-size:13px;font-weight:600;display:grid;place-items:center;color:#fff}.sidebar-user-name{font-size:13px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-settings-btn{color:var(--text-tertiary);display:grid;place-items:center;padding:4px;border-radius:var(--radius-xs);transition:color var(--transition),background var(--transition)}.sidebar-settings-btn:hover{color:var(--text-primary);background:var(--surface-2)}.sidebar-search{padding:0 12px 10px;flex-shrink:0}.sidebar-search-wrap{position:relative;display:flex;align-items:center}.sidebar-search-icon{position:absolute;left:9px;color:var(--text-tertiary);pointer-events:none;display:grid;place-items:center;transition:color var(--transition)}.sidebar-search-wrap:focus-within .sidebar-search-icon{color:var(--text-secondary)}.sidebar-search-input{width:100%;background:var(--surface-1);border:1px solid transparent;border-radius:var(--radius-sm);padding:7px 28px 7px 30px;font-size:13px;color:var(--text-primary);transition:background var(--transition),border-color var(--transition);outline:none;-webkit-appearance:none}.sidebar-search-input::placeholder{color:var(--text-tertiary)}.sidebar-search-input:focus{background:var(--surface-2);border-color:var(--border)!important;outline:none}.sidebar-search-input::-webkit-search-cancel-button,.sidebar-search-input::-webkit-search-decoration{-webkit-appearance:none}.sidebar-search-clear{position:absolute;right:6px;color:var(--text-tertiary);display:grid;place-items:center;padding:3px;border-radius:var(--radius-xs);transition:color var(--transition),background var(--transition);line-height:0}.sidebar-search-clear:hover{color:var(--text-primary);background:var(--surface-2)}.main{grid-area:main;overflow-y:auto;overflow-x:hidden;position:relative}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .25s cubic-bezier(.4,0,.2,1) both}.player-bar{grid-area:player;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:16px;padding:0 24px;background:var(--bg-raised);border-top:1px solid var(--border);z-index:100}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-art{width:50px;height:50px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;position:relative;cursor:pointer}.player-art img{width:100%;height:100%;object-fit:cover}.player-track-info{min-width:0}.player-track-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;cursor:pointer}.player-track-artist:hover{color:var(--text-primary);text-decoration:underline}.player-like-btn{flex-shrink:0;color:var(--text-tertiary);padding:4px;transition:color var(--transition)}.player-like-btn:hover,.player-like-btn.liked{color:var(--accent)}.player-center{display:flex;flex-direction:column;align-items:center;gap:6px}.player-controls{display:flex;align-items:center;gap:4px}.ctrl-btn{width:32px;height:32px;display:grid;place-items:center;color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition),background var(--transition)}.ctrl-btn:hover{color:var(--text-primary);background:var(--surface-2)}.ctrl-btn.active{color:var(--accent)}.ctrl-btn-play{width:40px;height:40px;background:var(--text-primary);color:var(--bg);border-radius:var(--radius-full);display:grid;place-items:center;margin:0 4px;transition:transform var(--transition),background var(--transition);flex-shrink:0}.ctrl-btn-play:hover{background:#fff}.ctrl-btn-play:disabled{opacity:.4;cursor:default;transform:none}.player-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:480px}.player-time{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:34px;flex-shrink:0}.player-time.end{text-align:right}.progress-track{flex:1;height:3px;background:var(--surface-3);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:height .1s}.progress-track:hover{height:5px}.progress-fill{height:100%;background:var(--text-primary);border-radius:var(--radius-full);pointer-events:none;position:relative}.progress-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:var(--radius-full);background:var(--text-primary);transition:transform .1s}.progress-track:hover .progress-fill:after{transform:translateY(-50%) scale(1)}.player-extras{display:flex;align-items:center;justify-content:flex-end;gap:4px}.volume-group{display:flex;align-items:center;gap:6px}.volume-slider{width:72px;height:3px;background:var(--surface-3);border-radius:var(--radius-full);cursor:pointer;position:relative}.volume-fill{height:100%;background:var(--text-secondary);border-radius:var(--radius-full)}.art-violet{background:#6b5dd3}.art-rose{background:#d95fa8}.art-ocean{background:#3b9dde}.art-forest{background:#3cd9a0}.art-sunset{background:#e0a070}.art-lavender{background:#b060d0}.art-peach{background:#d9a88c}.art-amber{background:#d98e20}.art-night{background:#1a1f33}.art-emerald{background:#1a8a7a}.art-steel{background:#3a5a6e}.art-garnet{background:#7a1a5a}.art-terracotta{background:#c86a50}.art-slate{background:#4a5866}.album-card{padding:0;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:transparent;border:none;position:relative}.album-card-art{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--border);transition:border-color var(--transition)}.album-card-art img{width:100%;height:100%;object-fit:cover}.album-card:hover .album-card-art{border-color:var(--border-strong)}.album-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000;transition:background var(--transition);border-radius:inherit}.album-card:hover .album-card-play{background:#00000059}.album-card-play-btn{width:44px;height:44px;border-radius:var(--radius-full);background:#fffffff2;color:#181818;display:grid;place-items:center;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}.album-card:hover .album-card-play-btn{opacity:1;transform:scale(1)}.album-card-info{padding:10px 4px 4px}.album-card-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.album-card-sub{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.4px}.section-link{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;transition:color var(--transition);cursor:pointer}.section-link:hover{color:var(--text-primary)}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 16px}.shelf{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf>*{flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius-full);font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--transition),transform var(--transition);border:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text-primary);color:var(--bg)}.btn-primary:hover{background:#fff}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-3)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-sm{padding:6px 14px;font-size:12.5px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full);justify-content:center}html[data-theme=light] .btn-primary:hover,html[data-theme=light] .ctrl-btn-play:hover,html[data-theme=light] .qp-s-play:hover{background:#1f2330;color:#fff}.theme-toggle{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition),background var(--transition),transform var(--transition)}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle:active{transform:scale(.98)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle-track{width:46px;height:26px;padding:3px;display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-2);transition:background var(--transition),border-color var(--transition)}.theme-toggle:hover .theme-toggle-track{background:var(--surface-3);border-color:var(--border-strong)}.theme-toggle-thumb{width:18px;height:18px;display:grid;place-items:center;color:var(--bg);background:var(--text-primary);border-radius:var(--radius-full);transition:transform var(--transition),background var(--transition),color var(--transition)}html[data-theme=light] .theme-toggle-thumb{transform:translate(20px)}.theme-toggle-label{color:var(--text-primary);font-size:13.5px;font-weight:600}.sidebar-theme-toggle{flex-shrink:0;padding:4px}.sidebar-theme-toggle .theme-toggle-track{width:38px;height:22px;padding:2px}.sidebar-theme-toggle .theme-toggle-thumb{width:16px;height:16px}html[data-theme=light] .sidebar-theme-toggle .theme-toggle-thumb{transform:translate(16px)}.settings-theme-toggle{flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-pad{padding:0 32px 40px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) both}.playing-bars{display:flex;align-items:flex-end;gap:2px;height:14px;width:14px}.playing-bars span{flex:1;background:currentColor;border-radius:1px;animation:pulse-dot .9s ease-in-out infinite}.playing-bars span:nth-child(2){animation-delay:.2s}.playing-bars span:nth-child(3){animation-delay:.4s}.skeleton{background:var(--surface-2);animation:skeleton-pulse 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}.track-list{list-style:none}.track-list-header{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:6px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.track-list-header-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.track-list-header-label.right{text-align:right}.track-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);position:relative}.track-row:hover{background:var(--surface-2)}.track-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.track-row.playing{color:var(--accent)}.track-num{font-size:14px;color:var(--text-tertiary);text-align:center;font-variant-numeric:tabular-nums;line-height:1;display:grid;place-items:center;height:20px}.track-row.playing .track-num{color:var(--accent)}.track-play-icon{display:none;color:var(--text-primary);position:absolute;left:8px;width:36px;height:36px;place-items:center}.track-row:hover:not(.playing) .track-num{visibility:hidden}.track-row:hover .track-play-icon{display:grid}.track-row.playing:hover .track-play-icon{display:grid;color:var(--accent)}.track-main{min-width:0}.track-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row.playing .track-title{color:var(--accent)}.track-artist{font-size:12px;color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row.playing .track-artist{color:#e07a5fa6}.track-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.track-meta>span{min-width:38px;text-align:right}.track-like{color:var(--text-tertiary);opacity:0;transition:color var(--transition),opacity var(--transition);padding:4px;border-radius:var(--radius-xs);display:grid;place-items:center}.track-row:hover .track-like,.pl-track-row:hover .track-like,.track-like.liked{opacity:1}.track-like.liked,.track-like:hover{color:var(--accent)}.track-more-btn{color:var(--text-tertiary);opacity:0;transition:color var(--transition),opacity var(--transition);padding:4px;border-radius:var(--radius-xs);display:grid;place-items:center}.track-row:hover .track-more-btn,.pl-track-row:hover .track-more-btn,.tr-row:hover .track-more-btn,.result-row:hover .track-more-btn,.track-more-btn[aria-expanded=true]{opacity:1}.track-more-btn:hover{color:var(--text-primary)}.track-menu{position:fixed;z-index:9999;min-width:180px;padding:4px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);animation:trackMenuIn .12s ease}@keyframes trackMenuIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.track-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--radius-xs);font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background var(--transition);white-space:nowrap}.track-menu-item:hover{background:var(--surface-3, rgba(255,255,255,.08))}.track-menu-item svg{flex-shrink:0;color:var(--text-secondary)}.track-menu-separator{height:1px;margin:4px 8px;background:var(--border)}.track-remove-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:var(--radius-xs);background:none;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:color var(--transition),background var(--transition),opacity var(--transition)}.track-row:hover .track-remove-btn,.pl-track-row:hover .track-remove-btn{opacity:1}.track-remove-btn:hover{color:#f87171;background:#f871711f}.playlist-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000a6;animation:playlistBackdropIn .2s ease}@keyframes playlistBackdropIn{0%{opacity:0}to{opacity:1}}.playlist-dialog{width:380px;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);animation:playlistDialogIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.playlist-dialog-narrow{width:340px;max-height:none}@keyframes playlistDialogIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.playlist-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.playlist-dialog-header h2{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary)}.playlist-dialog-count{font-size:12px;color:var(--text-tertiary);font-weight:500}.playlist-dialog-create{padding:0 16px 12px;display:flex;flex-direction:column;gap:10px}.playlist-dialog-input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition)}.playlist-dialog-input:focus{border-color:var(--accent);outline:none}.playlist-dialog-input::placeholder{color:var(--text-tertiary)}.playlist-dialog-create-actions{display:flex;gap:8px;justify-content:flex-end}.playlist-dialog-new-btn{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px 4px;padding:10px 14px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.playlist-dialog-new-btn:hover{background:var(--surface-1);color:var(--text-primary);border-color:var(--text-tertiary)}.playlist-dialog-new-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-secondary)}.playlist-dialog-divider{height:1px;margin:8px 16px;background:var(--border)}.playlist-dialog-list{flex:1;overflow-y:auto;padding:4px 8px 12px;min-height:0}.playlist-dialog-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer;transition:background var(--transition);text-align:left}.playlist-dialog-item:hover{background:var(--surface-2)}.playlist-dialog-item-art{width:40px;height:40px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-tertiary)}.playlist-dialog-item-art img{width:100%;height:100%;object-fit:cover}.playlist-dialog-item-info{flex:1;min-width:0}.playlist-dialog-item-name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-dialog-item-meta{font-size:12px;color:var(--text-tertiary);margin-top:1px}.playlist-dialog-loading,.playlist-dialog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text-tertiary);font-size:13px}.playlist-dialog-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px}.playlist-dialog-success-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#4ade8026;color:#4ade80}.playlist-dialog-success p{font-size:14px;color:var(--text-secondary)}.playlist-dialog-success strong{color:var(--text-primary)}.playlist-dialog-confirm-actions{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px 20px}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#ef4444}.btn-danger-hover:hover{color:#f87171;border-color:#f8717140}.library-playlist-header{display:flex;align-items:center;margin-bottom:20px}.library-create-form{display:flex;align-items:center;gap:10px;width:100%}.library-create-input{flex:1;max-width:320px;padding:8px 14px;font-size:13.5px;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition)}.library-create-input:focus{border-color:var(--accent);outline:none}.library-create-input::placeholder{color:var(--text-tertiary)}.album-hero{position:relative;padding:48px 32px 0;overflow:hidden}.album-hero-inner{position:relative;display:flex;gap:36px;align-items:flex-end}.album-cover-wrap{flex-shrink:0;position:relative}.album-cover{width:220px;height:220px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);flex-shrink:0}.album-info{min-width:0;padding-bottom:8px}.album-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px}.album-title{font-family:var(--font-display);font-size:48px;font-weight:700;letter-spacing:-2px;line-height:1;color:var(--text-primary);margin-bottom:14px}.album-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.album-artist-link{font-size:15px;font-weight:600;color:var(--text-primary);transition:color var(--transition);cursor:pointer}.album-artist-link:hover{color:var(--accent)}.album-genre-link{cursor:pointer;transition:color var(--transition)}.album-genre-link:hover{color:var(--accent)}.album-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.album-meta-text{font-size:14px;color:var(--text-secondary)}.album-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.album-body{display:grid;grid-template-columns:1fr 268px;gap:32px;padding:32px 32px 48px}.album-tracks-col{min-width:0}.album-sidebar{position:sticky;top:72px;align-self:start}.album-stats{display:flex;align-items:center;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);flex-wrap:wrap}.album-stat{text-align:center}.album-stat-val{font-size:17px;font-weight:600;font-family:var(--font-display)}.album-stat-label{font-size:10px;color:var(--text-tertiary);margin-top:2px;letter-spacing:.08em;text-transform:uppercase}.credits-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.credits-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:14px}.credit-row{margin-bottom:12px}.credit-role{font-size:11px;color:var(--text-tertiary);margin-bottom:2px}.credit-name{font-size:13.5px;font-weight:500;color:var(--text-primary)}.related-album-item{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition)}.related-album-item:hover{opacity:.8}.related-album-art{width:40px;height:40px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.related-album-info{min-width:0}.related-album-title{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.related-album-item:hover .related-album-title{color:var(--text-primary)}.related-album-year{font-size:11px;color:var(--text-tertiary);margin-top:2px}.artist-hero{position:relative;padding:48px 32px 0;overflow:hidden}.artist-hero-inner{position:relative;display:flex;gap:36px;align-items:flex-end}.artist-photo-wrap{flex-shrink:0}.artist-photo{width:200px;height:200px;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border);flex-shrink:0;position:relative}.artist-photo-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:72px;font-weight:700;color:#fff3;letter-spacing:-4px;-webkit-user-select:none;user-select:none}.artist-info{min-width:0;padding-bottom:8px}.artist-hero-name{font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:-2.5px;line-height:1;color:var(--text-primary);margin-bottom:14px}.artist-body{padding:32px 32px 48px;display:flex;flex-direction:column;gap:48px}.artist-about-layout{display:flex;gap:32px;align-items:flex-start}.artist-about-photo-wrap{flex-shrink:0;width:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.artist-about-photo{width:100%;display:block;object-fit:cover;aspect-ratio:1}.artist-about-text-col{flex:1;min-width:0}.artist-bio-text{font-size:14.5px;line-height:1.75;color:var(--text-secondary);max-width:620px}.artist-bio-text--clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.artist-bio-toggle{margin-top:12px;font-size:13px;font-weight:600;color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--transition);display:block}.artist-bio-toggle:hover{color:var(--accent)}.artist-lastfm-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:500;color:var(--text-tertiary);transition:color var(--transition)}.artist-lastfm-link:hover{color:var(--text-primary)}.similar-artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px 16px}.similar-artist-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;cursor:pointer;background:none;border:none;padding:0;border-radius:var(--radius-sm);font:inherit;color:inherit}.similar-artist-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.similar-artist-photo{width:100%;aspect-ratio:1;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border);transition:border-color var(--transition);position:relative}.similar-artist-item:hover .similar-artist-photo{border-color:var(--border-strong)}.similar-artist-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;color:#ffffff38;letter-spacing:-1px;-webkit-user-select:none;user-select:none}.similar-artist-name{font-size:12.5px;font-weight:500;color:var(--text-secondary);transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.similar-artist-item:hover .similar-artist-name{color:var(--text-primary)}.section-meta{font-size:12px;color:var(--text-tertiary)}.pl-comment{font-size:13.5px;color:var(--text-secondary);line-height:1.55;margin-bottom:18px;max-width:560px}.pl-track-list-header{display:grid;grid-template-columns:36px 1fr minmax(110px,.45fr) auto;gap:12px;align-items:center;padding:6px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.pl-track-row{display:grid;grid-template-columns:36px 1fr minmax(110px,.45fr) auto;gap:12px;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);position:relative}.pl-track-row:hover{background:var(--surface-2)}.pl-track-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pl-track-row.playing,.pl-track-row.playing .track-title{color:var(--accent)}.pl-track-row.playing .track-artist{color:#e07a5fa6}.pl-track-row.playing .track-num{color:var(--accent)}.pl-track-row:hover:not(.playing) .track-num{visibility:hidden}.pl-track-row:hover .track-play-icon{display:grid}.pl-track-row.playing:hover .track-play-icon{display:grid;color:var(--accent)}.pl-track-main{display:flex;align-items:center;gap:10px;min-width:0}.pl-track-art{width:38px;height:38px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.pl-track-art img{width:100%;height:100%;object-fit:cover}.pl-track-info{min-width:0}.pl-track-album{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition);cursor:pointer;min-width:0}.pl-track-album:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.pl-track-row.playing .pl-track-album{color:#e07a5fa6}.pl-track-skeleton-row{display:grid;grid-template-columns:36px 1fr minmax(110px,.45fr) auto;gap:12px;align-items:center;padding:6px 8px}.pl-quick-pick{display:flex;align-items:center;gap:10px;width:100%;padding:5px 0;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);text-align:left}.pl-quick-pick:hover{opacity:.75}.pl-quick-art{width:36px;height:36px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.pl-quick-art img{width:100%;height:100%;object-fit:cover}.pl-quick-info{min-width:0}.pl-quick-title{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.pl-quick-artist{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.pl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.artist-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;aspect-ratio:1;border:1px solid var(--border);transition:border-color var(--transition)}.artist-card:hover{border-color:var(--border-strong)}.artist-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.artist-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.artist-card-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:52px;font-weight:700;color:#ffffff38;letter-spacing:-3px;-webkit-user-select:none;user-select:none}.artist-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:36px 12px 12px;background:#000000b8}.artist-card-name{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-card-sub{font-size:11.5px;color:#ffffff80;margin-top:2px;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.artist-card:hover .artist-card-sub{opacity:1;transform:translateY(0)}.artist-bubble{text-align:center;cursor:pointer}.artist-bubble:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-full)}.artist-bubble-photo{border-radius:var(--radius-full);overflow:hidden;margin:0 auto;border:1px solid var(--border);transition:border-color var(--transition);position:relative}.artist-bubble:hover .artist-bubble-photo{border-color:var(--border-strong)}.artist-bubble-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:30px;font-weight:700;color:#ffffff38;letter-spacing:-1px;-webkit-user-select:none;user-select:none}.artist-bubble-name{margin-top:10px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);transition:color var(--transition)}.artist-bubble:hover .artist-bubble-name{color:var(--text-primary)}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.artists-page{padding:20px 32px 48px}.artists-page-header{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}.artists-page-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-1px}.artists-az-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:28px}.artists-az-link{min-width:34px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition);letter-spacing:.04em;padding:0 6px}.artists-az-link:hover{color:var(--text-primary);background:var(--surface-2);border-color:var(--border-strong)}.artists-section{margin-bottom:40px}.artists-section-letter{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.artists-search-wrap{position:relative;display:flex;align-items:center}.artists-search-wrap svg{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.artists-search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 14px 6px 32px;font-size:13px;color:var(--text-primary);width:200px;transition:width .3s cubic-bezier(.4,0,.2,1);outline:none}.artists-search-input:focus{width:260px;border-color:var(--accent)!important;outline:none}.artists-search-input::placeholder{color:var(--text-tertiary)}.artists-empty{display:flex;align-items:center;justify-content:center;padding:80px 32px;font-size:14px;color:var(--text-secondary);text-align:center}.library-header{padding:48px 32px 0}.library-title{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-1.5px;margin-bottom:20px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:10px 18px 12px;font-size:13.5px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition);margin-bottom:-1px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab:hover{color:var(--text-primary);background:var(--surface-1)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.library-stats{display:flex;align-items:center;gap:24px;padding:12px 32px;border-bottom:1px solid var(--border);background:var(--surface-1)}.lib-stat{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary)}.lib-stat strong{color:var(--text-primary);font-weight:600}.library-controls{display:flex;align-items:center;gap:10px;padding:16px 32px;position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}.sort-select-wrap{position:relative}.sort-select{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.sort-select:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.sort-select svg{opacity:.6}.spacer{flex:1}.sort-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px;min-width:180px;z-index:50;animation:fadeUp .15s ease both}.sort-menu-item{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:background var(--transition),color var(--transition)}.sort-menu-item:hover{background:var(--surface-2);color:var(--text-primary)}.sort-menu-item.active{color:var(--accent);font-weight:600}.view-toggle{display:flex;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.view-toggle-btn{width:28px;height:28px;border-radius:calc(var(--radius-sm) - 2px);display:grid;place-items:center;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition),color var(--transition)}.view-toggle-btn.active{background:var(--surface-3);color:var(--text-primary)}.library-content{padding:24px 32px 48px}.library-empty{display:flex;align-items:center;justify-content:center;padding:80px 32px;font-size:14px;color:var(--text-secondary);text-align:center}.library-section-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.4px;margin-bottom:20px;display:flex;align-items:baseline}.library-jump-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:28px}.library-jump-link{min-width:34px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition);letter-spacing:.04em;padding:0 6px}.library-jump-link:hover{color:var(--text-primary);background:var(--surface-2);border-color:var(--border-strong)}.letter-group{margin-bottom:4px}.letter-heading{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-tertiary);letter-spacing:-1px;padding:20px 0 12px;border-bottom:1px solid var(--border);margin-bottom:16px}.artist-list-row{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.artist-list-row:hover{background:var(--surface-1)}.artist-list-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.artist-list-img{width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.artist-list-name{font-size:14.5px;font-weight:500}.artist-list-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.artist-list-count{font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.artist-list-play{opacity:0;transition:opacity var(--transition);width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-3);display:grid;place-items:center;color:var(--text-primary)}.artist-list-row:hover .artist-list-play{opacity:1}.library-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px 16px}.library-playlist-card{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;position:relative}.library-playlist-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-playlist-art{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--border);transition:border-color var(--transition)}.library-playlist-art img{width:100%;height:100%;object-fit:cover}.library-playlist-card:hover .library-playlist-art{border-color:var(--border-strong)}.library-playlist-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000;transition:background var(--transition);border-radius:inherit}.library-playlist-card:hover .library-playlist-play{background:#00000059}.library-playlist-card:hover .album-card-play-btn{transform:scale(1) translateY(0)}.library-playlist-info{padding:10px 4px 4px}.library-playlist-name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-playlist-meta{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.library-genre-card{position:relative;border-radius:var(--radius-md);padding:24px 20px;aspect-ratio:2 / 1;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;cursor:pointer;transition:filter var(--transition)}.library-genre-card:hover{filter:brightness(1.08)}.library-genre-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-genre-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.library-genre-meta{font-size:12px;color:#ffffffa6;margin-top:4px}.library-song-list{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1)}.genre-hero{position:relative;padding:80px 32px 40px;overflow:hidden}.genre-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:none}.genre-hero-inner{position:relative;z-index:1;max-width:680px}.genre-hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;margin-bottom:12px}.genre-hero-title{font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:-2px;line-height:1;color:#fff;margin-bottom:10px;text-shadow:0 2px 16px rgba(0,0,0,.3)}.genre-hero-stats{font-size:14px;color:#ffffffb3;margin-bottom:20px;display:flex;align-items:center;gap:6px}.genre-hero-dot{color:#fff6}.genre-hero-actions{display:flex;gap:10px;align-items:center}.genre-body{padding:32px}.genre-section-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px;display:flex;align-items:baseline}.genre-song-list{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1)}.genre-empty{padding:40px 0;text-align:center;color:var(--text-tertiary);font-size:14px}.home-hero{padding:36px 32px 0}.home-featured-card{width:100%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center;padding:24px 0}.home-featured-art-shell{position:relative;width:220px;aspect-ratio:1}.home-featured-art{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--transition)}.home-featured-art:hover,.home-featured-art:focus-visible{border-color:var(--border-strong);outline:none}.home-featured-art img{width:100%;height:100%;object-fit:cover}.home-featured-copy{min-width:0;max-width:600px}.home-featured-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-featured-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent)}.home-featured-title{max-width:560px;margin-bottom:8px;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.1;cursor:pointer;text-wrap:balance;transition:color var(--transition)}.home-featured-title:hover,.home-featured-title:focus-visible{color:var(--accent);outline:none}.home-featured-artist{margin-bottom:4px;color:var(--text-secondary);font-size:15px;font-weight:600}.home-featured-meta{margin-bottom:24px;color:var(--text-tertiary);font-size:13px}.home-featured-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.home-featured-play{padding-inline:20px}.home-featured-link{min-height:36px;padding:0 16px;border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border);background:transparent;font-size:13px;font-weight:600;transition:color var(--transition),background var(--transition),border-color var(--transition)}.home-featured-link:hover,.home-featured-link:focus-visible{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-1);outline:none}.home-featured-empty{grid-column:1 / -1;color:var(--text-secondary);font-size:14px}.home-featured-card.is-loading{grid-template-columns:220px minmax(0,1fr)}.home-featured-card.is-loading .home-featured-eyebrow{width:120px;height:12px;border-radius:4px}.home-featured-art-skeleton{width:220px;height:220px;border-radius:var(--radius-sm)}.home-featured-title-skeleton{width:min(380px,80%);height:40px;border-radius:10px}.home-featured-line-skeleton{width:min(220px,60%);height:14px;border-radius:6px}.home-featured-meta-skeleton{width:min(180px,48%);height:12px;border-radius:6px}@media(max-width:900px){.home-hero{padding:28px 24px 0}.home-featured-card{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0}.home-featured-art-shell{width:180px}}@media(max-width:720px){.home-featured-card,.home-featured-card.is-loading{grid-template-columns:1fr;justify-items:start;padding:20px 0}.home-featured-art-shell{width:min(180px,55vw)}.home-featured-title{font-size:clamp(24px,7vw,36px)}}.quick-item:hover{background:var(--surface-3)}.mood-card{border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-1);border:1px solid var(--border);transition:background var(--transition)}html[data-theme=light] .mood-card{background:var(--bg-raised);border-color:var(--border)}.mood-card:hover{background:var(--surface-2)}.mood-card-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mood-card-name{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:3px}.mood-card-count{font-size:11px;color:var(--text-tertiary);letter-spacing:.03em}input:focus{border-color:var(--accent)!important;outline:none}.search-page-header{padding:32px 32px 0}.search-page-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.6px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results{padding:20px 32px 40px}.results-section{margin-bottom:28px}.results-section-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;display:flex;align-items:center;gap:10px}.results-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.top-result{display:grid;grid-template-columns:260px 1fr;gap:12px;align-items:start;margin-bottom:28px}@media(max-width:768px){.top-result{grid-template-columns:1fr}}.top-result>:only-child{grid-column:1 / -1}.top-result-col{display:flex;flex-direction:column;gap:10px}.top-result-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:background var(--transition),border-color var(--transition);position:relative;overflow:hidden;display:block}.top-result-card:hover{background:var(--surface-2);border-color:var(--border-strong)}.top-result-art{width:96px;height:96px;border-radius:var(--radius-md);margin-bottom:14px;border:1px solid var(--border);overflow:hidden;display:grid;place-items:center}.top-result-monogram{font-family:var(--font-display);font-size:28px;font-weight:700;color:#ffffff80}.top-result-type{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px}.top-result-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-result-sub{font-size:12px;color:var(--text-secondary)}.top-result-play{position:absolute;bottom:14px;right:14px;width:40px;height:40px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg);display:grid;place-items:center;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}.top-result-card:hover .top-result-play{opacity:1;transform:scale(1)}.top-result-tracks{display:flex;flex-direction:column;gap:1px}.tr-row{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:4px 8px;padding:5px 8px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition)}.tr-row:hover{background:var(--surface-1)}.tr-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tr-row.playing .tr-title{color:var(--accent)}.tr-art{width:32px;height:32px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.tr-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-sub{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.tr-dur{font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;text-align:right}.result-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition)}.result-row:hover{background:var(--surface-1)}.result-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.result-row.playing .result-name{color:var(--accent)}.result-art{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;display:grid;place-items:center}.result-art.circle{border-radius:var(--radius-full)}.result-monogram{font-family:var(--font-display);font-size:14px;font-weight:700;color:#ffffff80}.result-info{flex:1;min-width:0}.result-name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-sub{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.result-dur{font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.search-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px 14px}mark{background:transparent;color:var(--accent);font-weight:600}.recent-chips{display:flex;flex-wrap:wrap;gap:8px}.recent-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition)}.recent-chip:hover{background:var(--surface-3);color:var(--text-primary)}.recent-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recent-chip-remove{color:var(--text-tertiary);margin-left:2px;transition:color var(--transition);display:inline-flex}.recent-chip:hover .recent-chip-remove{color:var(--text-secondary)}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.genre-card{aspect-ratio:2/1.1;border-radius:var(--radius-md);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s}.genre-card:hover{transform:scale(1.02)}.genre-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.genre-card-label{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 12px;background:#000000a6;font-size:15px;font-weight:700;color:#fff}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;gap:12px}.search-empty-title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.3px}.search-empty-sub{font-size:13px;color:var(--text-secondary)}.np-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;transform:translateY(100%);opacity:0;transition:transform .42s cubic-bezier(.32,.72,0,1),opacity .28s ease}.np-overlay.open{pointer-events:auto;transform:translateY(0);opacity:1}.np-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);color:var(--text-primary)}.np-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--bg)}.np-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;height:100vh;height:100dvh;overflow:hidden}.np-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 28px 4px;flex-shrink:0}.np-topbar-side{display:flex;align-items:center}.np-topbar-side--end{justify-content:flex-end}.np-topbar-center{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.np-close-btn{width:38px;height:38px;border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-secondary);transition:background var(--transition),color var(--transition),transform var(--transition),border-color var(--transition)}.np-close-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(1px)}.np-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.np-content{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:36px;padding:0 36px 28px;overflow:hidden;min-height:0}.np-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-width:0;min-height:0;padding:8px 0;overflow:hidden}.np-art-stage{position:relative;width:min(46vh,100%,480px);aspect-ratio:1;flex-shrink:1;min-height:0}.np-art{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:var(--surface-2);box-shadow:0 36px 80px -28px #000000b3,0 16px 32px -16px #00000073,0 0 0 1px var(--border);transform:translateZ(0)}html[data-theme=light] .np-art{box-shadow:0 30px 70px -24px #1416204d,0 12px 28px -14px #1416202e,0 0 0 1px var(--border)}.np-art img{width:100%;height:100%;object-fit:cover;display:block}.np-meta{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:640px;gap:6px}.np-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-eyebrow a{color:inherit;transition:opacity var(--transition)}.np-eyebrow a:hover{opacity:.75}.np-eyebrow-year{color:var(--text-tertiary);font-weight:500}.np-track-title{font-family:var(--font-display);font-size:clamp(26px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.06;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.np-track-artist{font-size:15px;color:var(--text-secondary);font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-artist a{color:inherit;transition:color var(--transition)}.np-track-artist a:hover{color:var(--text-primary)}.np-progress-row{display:flex;align-items:center;gap:12px;width:100%;max-width:580px}.np-time{font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:38px;letter-spacing:.02em}.np-time.end{text-align:right}.np-progress-track{flex:1;height:4px;background:var(--surface-2);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:height .12s ease}.np-progress-track:hover{height:6px}.np-progress-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.np-progress-fill{height:100%;border-radius:inherit;background:var(--text-primary);position:relative}.np-progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;border-radius:50%;background:var(--text-primary);box-shadow:0 2px 8px #00000059;transition:transform .12s ease}.np-progress-track:hover .np-progress-fill:after{transform:translateY(-50%) scale(1)}.np-ctrl-row{display:flex;align-items:center;justify-content:center;gap:6px}.np-ctrl{position:relative;width:42px;height:42px;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--text-secondary);transition:background var(--transition),color var(--transition),transform var(--transition)}.np-ctrl:hover{color:var(--text-primary);background:var(--surface-2)}.np-ctrl:active{transform:scale(.94)}.np-ctrl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.np-ctrl.active{color:var(--accent)}.np-ctrl.active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--accent)}.np-ctrl-skip{width:46px;height:46px}.np-play{width:64px;height:64px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg);display:grid;place-items:center;margin:0 6px;box-shadow:0 10px 24px -10px #0000008c;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}html[data-theme=light] .np-play{box-shadow:0 10px 24px -10px #1416204d}.np-play:hover{transform:scale(1.04)}.np-play:active{transform:scale(.97)}.np-play:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.np-repeat-badge{position:absolute;bottom:3px;right:7px;font-size:8px;font-weight:800;color:var(--accent);line-height:1}.np-extras-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:580px;padding-top:4px}.np-extras-cell{display:flex;align-items:center;gap:8px}.np-extras-cell--start{justify-content:flex-start}.np-extras-cell--center{justify-content:center}.np-extras-cell--end{justify-content:flex-end}.np-like-btn{width:38px;height:38px;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--text-secondary);transition:background var(--transition),color var(--transition),transform var(--transition)}.np-like-btn:hover{background:var(--surface-2);color:var(--accent)}.np-like-btn:active{transform:scale(.94)}.np-like-btn.active{color:var(--accent)}.np-like-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.np-volume-row{display:flex;align-items:center;gap:10px;width:180px}.np-vol-icon{color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:4px;display:grid;place-items:center;transition:color var(--transition)}.np-vol-icon:hover{color:var(--text-primary)}.np-vol-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.np-vol-track{flex:1;height:3px;background:var(--surface-2);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:height .12s ease}.np-vol-track:hover{height:5px}.np-vol-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.np-vol-fill{height:100%;background:var(--text-secondary);border-radius:inherit}.np-quality{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;color:var(--text-tertiary);padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-full);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}.np-side-panel{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border);border-radius:20px;overflow:hidden;min-height:0;align-self:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.np-panel-tabs{display:flex;padding:0 14px;gap:2px;border-bottom:1px solid var(--border);flex-shrink:0}.np-panel-tab{position:relative;padding:14px 12px;font-size:12.5px;font-weight:500;letter-spacing:.01em;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:color var(--transition)}.np-panel-tab:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0;opacity:0;transform:scaleX(.5);transform-origin:center;transition:opacity var(--transition),transform var(--transition)}.np-panel-tab:hover{color:var(--text-secondary)}.np-panel-tab.active{color:var(--text-primary)}.np-panel-tab.active:after{opacity:1;transform:scaleX(1)}.np-panel-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-xs)}.np-panel-content{flex:1;overflow-y:auto;padding:6px 10px 14px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.np-panel-content::-webkit-scrollbar{width:6px}.np-panel-content::-webkit-scrollbar-track{background:transparent}.np-panel-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.np-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:220px;padding:24px;gap:6px}.np-panel-empty-title{font-size:13.5px;font-weight:600;color:var(--text-secondary)}.np-panel-empty-sub{font-size:12.5px;color:var(--text-tertiary);max-width:240px;line-height:1.5}.queue-section-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 8px 6px}.queue-section-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);font-size:9.5px;letter-spacing:0}@media(max-width:1100px){.np-content{grid-template-columns:minmax(0,1fr);padding:0 28px 24px}.np-side-panel{display:none}}@media(max-width:720px){.np-topbar{padding:14px 20px 4px}.np-content{padding:0 20px 20px}.np-hero{gap:22px}.np-art-stage{width:min(70vw,360px)}.np-extras-row,.np-progress-row{max-width:100%}.np-volume-row{width:140px}}@media(max-height:760px){.np-hero{gap:20px}.np-art-stage{width:min(38vh,420px)}.np-play{width:56px;height:56px}}@media(max-height:620px){.np-hero{gap:16px;padding:0}.np-art-stage{width:min(34vh,360px)}.np-track-title{font-size:clamp(22px,2.8vw,32px)}}.qp{display:grid;grid-template-columns:1fr 360px;height:100%}.qp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;text-align:center;padding:48px}.qp-empty-icon{color:var(--text-tertiary);margin-bottom:8px}.qp-empty-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px}.qp-empty-sub{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.qp-col{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.qp-col-header{padding:32px 32px 0;flex-shrink:0}.qp-col-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:4px}.qp-col-sub{font-size:13px;color:var(--text-secondary);margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-tab-row{display:flex;align-items:center;gap:8px;padding-bottom:0;border-bottom:1px solid var(--border)}.qp-actions{display:flex;gap:8px;align-items:center;padding-bottom:8px}.qp-col-scroll{flex:1;overflow-y:auto;padding:16px 24px 24px}.qp-col-scroll::-webkit-scrollbar{width:6px}.qp-col-scroll::-webkit-scrollbar-track{background:transparent}.qp-col-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.qp-section{margin-bottom:8px}.qp-section-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 8px 8px}.qp-inline-empty{font-size:13px;color:var(--text-tertiary);padding:16px 8px}.q-item{display:grid;grid-template-columns:24px 44px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.q-item:hover{background:var(--surface-1)}.q-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.q-item--playing,.q-item--playing:hover{background:var(--surface-2)}.q-item--history{opacity:.55}.q-item--history:hover{opacity:.75}.q-item-handle{color:var(--text-tertiary);display:grid;place-items:center;opacity:0;transition:opacity var(--transition);cursor:grab}.q-item:hover .q-item-handle{opacity:1}.q-item[draggable=true]{cursor:grab}.q-item[draggable=true]:active{cursor:grabbing}.q-item--drag-over-top,.q-item--drag-over-bottom,.q-item-compact--drag-over-top,.q-item-compact--drag-over-bottom{position:relative}.q-item--drag-over-top:before,.q-item--drag-over-bottom:after,.q-item-compact--drag-over-top:before,.q-item-compact--drag-over-bottom:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);border-radius:0;pointer-events:none;z-index:2}.q-item--drag-over-top:before,.q-item-compact--drag-over-top:before{top:-1px}.q-item--drag-over-bottom:after,.q-item-compact--drag-over-bottom:after{bottom:-1px}.q-item-compact[draggable=true]{cursor:grab}.q-item-compact[draggable=true]:active{cursor:grabbing}.q-item-indicator{width:24px;height:24px;display:grid;place-items:center;color:var(--accent)}.q-item-art{width:44px;height:44px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden}.q-item-art img{width:100%;height:100%;object-fit:cover}.q-item-info{min-width:0}.q-item-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item--playing .q-item-title{color:var(--accent)}.q-item-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.q-item--history .q-item-title,.q-item--history .q-item-artist{color:var(--text-secondary)}.q-item-end{display:flex;align-items:center;gap:6px}.q-item-dur{font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:3.5ch;text-align:right}.q-item-remove{color:var(--text-tertiary);padding:4px;border-radius:var(--radius-xs);display:grid;place-items:center;opacity:0;transition:color var(--transition),opacity var(--transition),background var(--transition)}.q-item:hover .q-item-remove{opacity:1}.q-item-remove:hover{color:var(--accent);background:var(--surface-2)}.q-item-star{color:var(--text-tertiary);padding:4px;border-radius:var(--radius-xs);display:grid;place-items:center;opacity:0;transition:color var(--transition),opacity var(--transition)}.q-item:hover .q-item-star{opacity:1}.q-item-star.liked{opacity:1;color:var(--accent)}.q-item-star:hover{color:var(--accent)}.q-item-compact{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.q-item-compact:hover{background:var(--surface-hover)}.q-item-compact:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.q-item-compact--playing{background:var(--surface-2)}.q-item-compact--history{opacity:.55}.q-item-compact-art{width:36px;height:36px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden}.q-item-compact-art img{width:100%;height:100%;object-fit:cover}.q-item-compact-info{min-width:0}.q-item-compact-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.q-item-compact--playing .q-item-compact-title{color:var(--accent)}.q-item-compact-artist{font-size:11px;color:var(--text-tertiary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item-compact-dur{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.qp-sidebar{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-raised)}.qp-sidebar-scroll{flex:1;overflow-y:auto;padding:32px 28px 28px;display:flex;flex-direction:column;align-items:center}.qp-sidebar-scroll::-webkit-scrollbar{width:0}.qp-sidebar-art{width:240px;height:240px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);margin-bottom:24px;flex-shrink:0}.qp-sidebar-art img{width:100%;height:100%;object-fit:cover}.qp-sidebar-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px;text-align:center;margin-bottom:4px}.qp-sidebar-artist{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:2px}.qp-sidebar-artist a{transition:color var(--transition)}.qp-sidebar-artist a:hover{color:var(--text-primary)}.qp-sidebar-album{font-size:12px;color:var(--text-tertiary);text-align:center;margin-bottom:20px}.qp-sidebar-album a{transition:color var(--transition)}.qp-sidebar-album a:hover{color:var(--text-secondary)}.qp-sidebar-actions{display:flex;gap:8px;margin-bottom:24px}.qp-sidebar-actions .liked{color:var(--accent);border-color:var(--accent-dim)}.qp-sidebar-progress{width:100%;margin-bottom:16px}.qp-sidebar-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.qp-sidebar-time{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:32px}.qp-sidebar-time--end{text-align:right}.qp-sidebar-track{flex:1;height:3px;background:var(--surface-3);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:height .1s}.qp-sidebar-track:hover{height:5px}.qp-sidebar-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qp-sidebar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);position:relative}.qp-sidebar-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:var(--radius-full);background:var(--accent);transition:transform .1s}.qp-sidebar-track:hover .qp-sidebar-fill:after{transform:translateY(-50%) scale(1)}.qp-sidebar-controls{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.qp-s-ctrl{width:36px;height:36px;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--text-secondary);transition:color var(--transition),background var(--transition)}.qp-s-ctrl:hover{color:var(--text-primary);background:var(--surface-2)}.qp-s-ctrl.active{color:var(--accent)}.qp-s-play{width:44px;height:44px;border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg);display:grid;place-items:center;margin:0 4px}.qp-s-play:hover{background:#fff}.qp-repeat-badge{position:absolute;top:2px;right:2px;font-size:9px;font-weight:700;color:var(--accent);line-height:1}.qp-full-player-link{width:100%;justify-content:center;margin-top:8px}@media(max-width:900px){.qp{grid-template-columns:1fr}.qp-sidebar{display:none}.qp-col{border-right:none}}.settings-page{max-width:640px;padding-top:48px;padding-bottom:48px}.settings-title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:40px}.settings-section{margin-bottom:36px}.settings-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.2px;margin-bottom:8px}.settings-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:14px}.settings-card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:4px 0;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;gap:16px}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-label{font-size:14px;color:var(--text-secondary);flex-shrink:0}.settings-value{font-size:14px;color:var(--text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings-row-action{justify-content:flex-start}.settings-disconnect-btn{gap:8px;color:#e07a5f;border-color:#e07a5f40}.settings-disconnect-btn:hover{background:#e07a5f1a;border-color:#e07a5f66}.settings-scan-status{display:flex;align-items:center;gap:10px;padding:13px 20px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.settings-scan-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:settings-spin .7s linear infinite;flex-shrink:0}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-scan-buttons{display:flex;gap:10px}.settings-row-slider{flex-wrap:wrap;gap:10px}.settings-slider-wrap{display:flex;align-items:center;gap:14px;flex:1;min-width:180px;justify-content:flex-end}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:240px;height:6px;border-radius:3px;background:var(--surface-3);outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer;transition:transform .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}.settings-slider-value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:44px;text-align:right}.settings-row-accent{flex-wrap:wrap;gap:14px}.accent-picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;flex:1;min-width:220px}.accent-swatch{position:relative;width:30px;height:30px;border-radius:50%;padding:0;background:var(--swatch);border:2px solid transparent;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px var(--border-strong)}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--swatch)}.accent-swatch.is-selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--swatch);transform:scale(1.05)}.accent-swatch-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .12s ease;pointer-events:none}.accent-swatch.is-selected .accent-swatch-check{opacity:1}html[data-theme=light] .accent-swatch-check{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}