:root{font-synthesis:none;text-rendering:optimizelegibility;color:var(--ink);background:var(--canvas);--ink:#17211d;--muted:#5d6b63;--paper:#fff;--canvas:#f4f6f5;--soft:#edf1ef;--line:#dce4df;--accent:#087b50;--accent-hover:#05603e;--accent-soft:#e3f5ec;--danger:#b02e3c;--warning:#a45b08;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--text-sm:.875rem;--text-meta:.8125rem;--control:2.75rem;--header-height:4.5rem;--nav-height:4rem;--dock-height:4.5rem;--content-max:74rem;--shadow:0 .5rem 2rem #17211d12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:0;margin:0;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button svg,summary svg{flex-shrink:0}button{transition:background-color .16s,color .16s}h1,h2,p{margin:0}h1,h2,strong{font-weight:700}button,input,select{min-width:0}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;background:var(--paper);padding:var(--space-3);color:var(--accent);position:fixed;top:.5rem;left:.5rem}.app{min-height:100svh;padding-bottom:var(--space-6)}.header{z-index:20;min-height:var(--header-height);padding:var(--space-2) max(var(--space-5), calc((100% - var(--content-max)) / 2));align-items:center;gap:var(--space-5);background:var(--paper);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:var(--control);white-space:nowrap;background:0 0;border:0;padding:0;display:flex}.brand-icon{object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-md);flex-shrink:0;width:2.5rem;height:2.5rem;display:block}.brand b{letter-spacing:-.025em;font-size:1.125rem}.desktop-nav{gap:var(--space-2);margin-inline:auto;display:flex}.desktop-nav button,.bottom-nav button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control);color:var(--muted);font-size:var(--text-sm);background:0 0;border:0;font-weight:600;display:flex}.desktop-nav button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.desktop-nav button:hover{background:var(--soft);color:var(--ink)}.desktop-nav button.active,.desktop-nav button.active:hover{color:var(--accent);background:var(--accent-soft)}.icon-button{width:var(--control);min-width:var(--control);height:var(--control);border-radius:var(--radius-full);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled),.row-action:hover{background:var(--soft)}.icon-button.active,.icon-button.active:hover{background:var(--accent-soft);color:var(--accent)}.header-queue{gap:var(--space-1);width:auto;padding-inline:var(--space-3);margin-left:auto}.header-queue span{font-size:var(--text-meta);font-variant-numeric:tabular-nums}.header-settings{position:relative}.header-health-dot{box-shadow:0 0 0 2px var(--paper);position:absolute;bottom:.35rem;right:.35rem}.primary-button,.text-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:0;font-weight:600;display:inline-flex}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.text-button{color:var(--muted);background:0 0}.text-button:hover:not(:disabled){color:var(--ink);background:var(--soft)}.text-button.active,.text-button.active:hover{color:var(--accent);background:var(--accent-soft)}.text-button.danger{color:var(--danger)}main{width:min(var(--content-max), calc(100% - 3rem));margin:var(--space-6) auto 0;gap:var(--space-6);grid-template-columns:minmax(0,1.35fr) minmax(17rem,1fr);align-items:start;display:grid}.library{min-width:0}.library-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);min-height:var(--control);display:flex}.library-head h1{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}.library-head .text-button{padding-inline:var(--space-2);white-space:nowrap}.search-form{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-full);display:flex}.search-form>svg{color:var(--muted);flex-shrink:0}.search-form input{width:100%;min-height:var(--control);color:var(--ink);background:0 0;border:0;flex:1;font-size:1rem}.search-form input::placeholder{color:var(--muted);opacity:1}.search-form .primary-button{border-radius:var(--radius-full);white-space:nowrap;min-width:4.5rem}.source-picker{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.source-picker summary{align-items:center;gap:var(--space-2);min-height:var(--control);padding-inline:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);list-style:none;display:flex}.source-picker summary::-webkit-details-marker{display:none}.source-picker summary small{font-size:var(--text-meta);margin-left:auto}.source-picker summary:hover{background:var(--soft)}.source-picker[open] summary>svg{transform:rotate(180deg)}.source-picker__body{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);flex-wrap:wrap;display:flex}.source-picker__title{font-weight:600}.source-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.source-option{align-items:center;gap:var(--space-2);min-height:var(--control);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);display:inline-flex}.source-option.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.source-check{font-weight:700}.search-settings{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto;display:inline-flex}.search-settings select{min-height:var(--control);padding-inline:var(--space-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);display:flex}.list-toolbar h2{overflow-wrap:anywhere;min-width:0;font-size:1rem}.list-toolbar h2:focus{outline:none}.list-toolbar h2 span{margin-left:var(--space-3);color:var(--muted);font-weight:400;font-size:var(--text-meta);white-space:nowrap;display:inline-block}.list-toolbar .text-button{padding-inline:var(--space-2);color:var(--accent);flex-shrink:0}.song-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg)}.song-row{padding-inline:var(--space-2);align-items:center;gap:0;min-width:0;display:flex}.song-row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.song-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.song-row:only-child{border-radius:var(--radius-lg)}.song-row+.song-row{border-top:1px solid var(--soft)}.song-row:hover{background:#f6faf8}.song-row.is-active,.song-row.is-active:hover{background:var(--accent-soft)}.song-main{align-items:center;gap:var(--space-3);min-width:0;min-height:4.75rem;padding:var(--space-3) var(--space-2);text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;flex:1;display:flex}.song-copy{flex:1;min-width:0}.song-copy strong,.song-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.song-copy strong{font-size:1rem;line-height:1.5}.song-copy small{color:var(--muted);font-size:var(--text-meta)}.song-row.is-active .song-copy strong,.song-saved{color:var(--accent)}.row-art{border-radius:var(--radius-sm);flex-shrink:0;width:3rem;height:3rem}.artwork{overflow:hidden}.artwork img{object-fit:cover;width:100%;height:100%;display:block}.artwork-fallback{width:100%;height:100%;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.row-art .artwork-fallback svg,.mini-art .artwork-fallback svg{width:1.5rem;height:1.5rem}.song-duration{color:var(--muted);font-size:var(--text-meta);font-variant-numeric:tabular-nums}.row-play{color:var(--accent);display:inline-flex}.row-action{width:var(--control);height:var(--control);border-radius:var(--radius-full);color:var(--muted);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.row-remove:hover{color:var(--danger)}.empty{min-height:17rem;padding:var(--space-6);align-content:center;justify-items:center;gap:var(--space-3);text-align:center;display:grid}.empty-icon{border-radius:var(--radius-lg);width:4rem;height:4rem;color:var(--accent);background:var(--accent-soft);margin-bottom:var(--space-2);place-items:center;display:grid}.empty strong{font-size:1.125rem}.empty p{max-width:24rem;color:var(--muted);font-size:var(--text-sm)}.empty .primary-button{margin-top:var(--space-2)}.search-loading{padding:var(--space-2)}.skeleton-row{align-items:center;gap:var(--space-3);min-height:4.75rem;padding:var(--space-3) var(--space-2);display:flex}.skeleton-row+.skeleton-row{border-top:1px solid var(--soft)}.skeleton-art,.skeleton-copy i{background:linear-gradient(90deg, var(--soft) 25%, #f7faf8 50%, var(--soft) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton-art{border-radius:var(--radius-sm);flex-shrink:0;width:3rem;height:3rem}.skeleton-copy{gap:var(--space-2);flex:1;display:grid}.skeleton-copy i{border-radius:var(--radius-full);width:min(15rem,72%);height:.875rem}.skeleton-copy i:last-child{width:min(10rem,50%);height:.75rem}@keyframes shimmer{to{background-position-x:-200%}}.playlist-manager{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);padding:var(--space-4)}.playlist-chips{gap:var(--space-2);padding:var(--space-1);scrollbar-width:thin;display:flex;overflow-x:auto}.playlist-chips button{align-items:center;gap:var(--space-2);min-height:var(--control);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);max-width:18rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);flex-shrink:0;display:flex}.playlist-chips button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-chips button small{font-size:var(--text-meta)}.playlist-chips button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.playlist-actions{gap:var(--space-2);margin-top:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.status{font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere;margin-bottom:var(--space-3);line-height:1.6}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1.125rem;height:1.125rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{display:none}.modal{width:min(30rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow);margin:auto;padding:0}.modal::backdrop{background:#11201980}.modal-content{padding:var(--space-5)}.destination-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.destination-head>div{display:grid}.destination-head span{color:var(--muted);font-size:var(--text-meta)}.destination-head strong,.destination-head h2{font-size:1.25rem}.destination-head>button{width:var(--control);height:var(--control);border-radius:var(--radius-full);background:var(--soft);border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.destination-song{align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);margin-bottom:var(--space-3);border-bottom:1px solid var(--line);display:flex}.destination-art{border-radius:var(--radius-sm);flex-shrink:0;width:3.5rem;height:3.5rem}.destination-song>span{min-width:0}.destination-song strong,.destination-song small{overflow-wrap:anywhere;display:block}.destination-song small{font-size:var(--text-meta);color:var(--muted)}.destination-primary,.destination-playlist-list{gap:var(--space-2);display:grid}.destination-primary>button,.destination-playlist-list>button{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:4rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--canvas);border:0;display:flex}.destination-primary>button:hover,.destination-playlist-list>button:hover{background:var(--accent-soft)}.destination-primary button>span:nth-child(2),.destination-playlist-list button>span:nth-child(2){flex:1;min-width:0}.destination-primary strong,.destination-primary small,.destination-playlist-list strong,.destination-playlist-list small{overflow-wrap:anywhere;display:block}.destination-primary strong,.destination-playlist-list strong{font-size:var(--text-sm)}.destination-primary small,.destination-playlist-list small{font-size:var(--text-meta);color:var(--muted)}.destination-icon{width:var(--control);height:var(--control);border-radius:var(--radius-sm);background:var(--paper);color:var(--accent);flex-shrink:0;place-items:center;display:grid}.destination-section-title{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;font-weight:600;display:flex}.destination-section-title button{align-items:center;gap:var(--space-1);min-height:var(--control);color:var(--accent);padding:var(--space-2);font-size:var(--text-sm);background:0 0;border:0;display:inline-flex}.playlist-editor label{font-size:var(--text-sm);margin-bottom:var(--space-2);display:block}.playlist-editor>input{width:100%;min-height:3rem;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--paper);font-size:1rem}.editor-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.confirm-dialog>p{color:var(--muted);font-size:var(--text-sm)}.danger-button,.danger-button:hover:not(:disabled){background:var(--danger)}.settings-modal{width:min(38rem,100% - 2rem)}.settings-head{margin-bottom:var(--space-3)}.settings-section{padding:var(--space-5) 0;border-top:1px solid var(--line)}.settings-section:last-child{padding-bottom:0}.settings-section__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.settings-section__head>div{min-width:0}.settings-section__head h3{margin:0;font-size:1rem}.settings-section__head p{align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-meta);overflow-wrap:anywhere;display:flex}.settings-section__head .text-button{padding-inline:var(--space-2);flex-shrink:0}.health-dot{border-radius:var(--radius-full);background:#89958e;flex:0 0 .625rem;width:.625rem;height:.625rem;display:inline-block}.health-dot[data-tone=healthy]{background:var(--accent)}.health-dot[data-tone=degraded]{background:#d48519}.health-dot[data-tone=down]{background:var(--danger)}.settings-meta,.settings-note,.settings-warning{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-meta)}.settings-warning{padding:var(--space-2) var(--space-3);color:var(--warning);border-radius:var(--radius-sm);background:#fff4df}.api-source-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.api-source-list>button{align-items:center;gap:var(--space-3);width:100%;min-height:4.25rem;padding:var(--space-3);text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.api-source-list>button:hover:not(:disabled){background:var(--canvas)}.api-source-list>button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.api-source-list>button>span:nth-child(2){min-width:0}.api-source-list strong,.api-source-list small{display:block}.api-source-list strong{font-size:var(--text-sm)}.api-source-list small{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-meta);font-weight:400}.source-radio{font-weight:700}.source-state{justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-meta);white-space:nowrap;display:inline-flex}.install-card{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--canvas);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.install-icon{width:var(--control);height:var(--control);color:var(--accent);border-radius:var(--radius-md);background:var(--accent-soft);place-items:center;display:grid}.install-card>span:nth-child(2){min-width:0}.install-card strong,.install-card small{display:block}.install-card strong{font-size:var(--text-sm)}.install-card small{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-meta);overflow-wrap:anywhere}.install-card .primary-button{white-space:nowrap}.installed-mark{color:#fff;border-radius:var(--radius-full);background:var(--accent);place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.toast{z-index:45;left:50%;bottom:var(--space-5);align-items:center;gap:var(--space-2);width:max-content;max-width:min(32rem,100% - 2rem);min-height:var(--control);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow);background:#17211df2;display:flex;position:fixed;transform:translate(-50%)}.toast>span{overflow-wrap:anywhere;min-width:0;font-size:var(--text-sm)}.toast-action,.toast-close{border-radius:var(--radius-sm);color:#fff;min-height:2.25rem;font-size:var(--text-sm);background:0 0;border:0;font-weight:700}.toast-action{padding-inline:var(--space-3);color:#80e7b8}.toast-action:hover,.toast-close:hover{background:#ffffff1a}.toast-close{flex-shrink:0;place-items:center;width:2.25rem;padding:0;display:grid}@media (width>=64rem){main{gap:var(--space-7)}}@media (width<=47.99rem){:root{--header-height:4rem}.header{padding:var(--space-2) var(--space-4);gap:var(--space-3)}.desktop-nav{display:none}main{width:calc(100% - 2rem);margin-top:var(--space-5);display:block}.app{padding-bottom:calc(var(--nav-height) + var(--space-6) + env(safe-area-inset-bottom))}.app.has-track{padding-bottom:calc(var(--nav-height) + var(--dock-height) + var(--space-6) + env(safe-area-inset-bottom))}.library-head{margin-bottom:var(--space-4)}.bottom-nav{z-index:30;padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom);min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);font-size:var(--text-sm);flex-direction:column}.bottom-nav button.active{color:var(--accent);background:var(--accent-soft)}.source-picker__body{gap:var(--space-2)}.search-settings{margin-left:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;width:100%;max-height:calc(100dvh - 2rem);margin:auto 0 0}.modal-content{padding:var(--space-5) var(--space-4) max(var(--space-5), env(safe-area-inset-bottom))}.settings-modal{width:100%}.toast{bottom:calc(var(--nav-height) + var(--space-3) + env(safe-area-inset-bottom))}.has-track .toast{bottom:calc(var(--nav-height) + var(--dock-height) + var(--space-3) + env(safe-area-inset-bottom))}.is-player-open .toast{bottom:max(var(--space-5), env(safe-area-inset-bottom))}}@media (width<=32rem){.api-source-list>button{grid-template-columns:auto minmax(0,1fr)}.source-state{grid-column:2;justify-content:flex-start}.install-card{grid-template-columns:auto minmax(0,1fr)}.install-card .primary-button,.install-card .installed-mark{grid-column:2}}@media (width<=26rem){.song-duration{display:none}.song-main{gap:var(--space-2);padding-inline:var(--space-1)}.row-art{width:2.75rem;height:2.75rem}.song-saved{display:none}.search-form{gap:var(--space-2);padding-left:var(--space-3)}.source-picker summary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.player{top:calc(var(--header-height) + var(--space-4));align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);max-height:calc(100dvh - var(--header-height) - var(--space-6));scrollbar-width:thin;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.player-head{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;font-size:var(--text-sm);color:var(--muted);display:flex}.player-close{display:none}.visual-wrap{flex-shrink:0;width:min(100%,20rem,34svh)}.cover-panel{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.cover-button{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--soft);text-align:left;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover-button:disabled{opacity:1;cursor:default}.hero-art{border-radius:inherit;position:absolute;inset:0}.hero-art .artwork-fallback{color:#bcebd6;background:#163b2c}.hero-art .artwork-fallback svg{width:4rem;height:4rem}.lyrics-card{gap:var(--space-3);padding:var(--space-5);color:#fff;background:#142d23;grid-template-rows:auto minmax(0,1fr);display:none;position:absolute;inset:0}.show-lyrics .hero-art{visibility:hidden}.show-lyrics .lyrics-card{display:grid}.lyrics-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#b8d9c9;display:flex}.lyrics-viewport{min-height:0;padding:38% var(--space-1);scrollbar-width:none;overscroll-behavior:contain;position:relative;overflow-y:auto}.lyrics-viewport::-webkit-scrollbar{display:none}.lyrics-viewport:focus-visible{outline-offset:2px;outline:2px solid #b8d9c9}.lyrics-viewport p{margin:0 0 var(--space-4);color:#a2bbad;overflow-wrap:anywhere;font-size:1rem;line-height:1.8}.lyrics-viewport p.is-active{color:#fff;font-weight:700}.lyrics-empty{place-content:center;gap:var(--space-2);text-align:center;font-size:var(--text-sm);display:grid}.lyrics-empty small{font-size:var(--text-meta);color:#b8d9c9}.cover-hint{align-items:center;gap:var(--space-2);bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:#fff;white-space:nowrap;font-size:var(--text-meta);background:#102219db;display:flex;position:absolute;left:50%;transform:translate(-50%)}button.cover-hint{min-height:var(--control);border:1px solid #b8d9c9}.track-title{text-align:center;width:100%}.track-title h2{overflow-wrap:anywhere;font-size:clamp(1.25rem,2.25vw,1.5rem);line-height:1.4}.track-title h2:focus{outline:none}.track-title p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-1);overflow-wrap:anywhere}.track-title>small{color:var(--muted);background:var(--soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-meta);margin-top:var(--space-2);display:inline-block}.progress{width:100%}.progress input[type=range]{appearance:none;width:100%;height:var(--control);cursor:pointer;accent-color:var(--accent);background:0 0;margin:0;padding:0;display:block}.progress input[type=range]:disabled{cursor:default;opacity:.5}.progress input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent) var(--played,0%), var(--line) var(--played,0%));height:.25rem}.progress input[type=range]::-webkit-slider-thumb{appearance:none;border:.1875rem solid var(--paper);border-radius:var(--radius-full);background:var(--accent);width:1rem;height:1rem;box-shadow:0 0 0 1px var(--accent);margin-top:-.375rem}.progress input[type=range]::-moz-range-track{border-radius:var(--radius-full);background:var(--line);height:.25rem}.progress input[type=range]::-moz-range-progress{background:var(--accent);height:.25rem}.progress input[type=range]::-moz-range-thumb{border:.1875rem solid var(--paper);border-radius:var(--radius-full);background:var(--accent);width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--accent)}.time-labels{font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;margin-top:-.25rem;display:flex}.transport{justify-content:space-between;align-items:center;gap:var(--space-1);width:100%;max-width:22rem;display:flex}.play-button{border-radius:var(--radius-full);color:#fff;background:var(--accent);border:0;flex-shrink:0;place-items:center;width:4rem;height:4rem;display:grid}.play-button:hover:not(:disabled){background:var(--accent-hover)}.play-button .spinner{width:1.5rem;height:1.5rem}.player-actions{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.player .status{text-align:center;width:100%;font-size:var(--text-meta);margin:0}.embed{aspect-ratio:16/9;border-radius:var(--radius-md);border:0;flex-shrink:0;width:100%}.lyrics-picker{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);width:100%}.lyrics-picker__toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:3.5rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--soft);text-align:left;border:0;display:flex}.lyrics-picker__summary{gap:var(--space-1);min-width:0;display:grid}.lyrics-picker__summary strong{font-size:var(--text-sm)}.lyrics-picker__summary small{font-size:var(--text-meta);color:var(--muted);overflow-wrap:anywhere}.lyrics-picker__arrow{display:flex}.lyrics-picker.is-open .lyrics-picker__arrow{transform:rotate(180deg)}.lyrics-picker__body{padding:var(--space-3)}.lyrics-search{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.lyrics-search input{width:100%;min-height:var(--control);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--paper);color:var(--ink);flex:1;font-size:1rem}.lyrics-search button{min-height:var(--control);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--accent);background:var(--accent-soft);font-size:var(--text-sm);border:0}.lyrics-options{gap:var(--space-2);max-height:16rem;display:grid;overflow-y:auto}.lyrics-options>button{align-items:flex-start;gap:var(--space-2);min-height:var(--control);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);text-align:left;background:var(--paper);display:flex}.lyrics-options>button.active{border-color:var(--accent);background:var(--accent-soft)}.lyrics-radio{color:var(--accent)}.lyrics-option-copy{gap:var(--space-1);overflow-wrap:anywhere;min-width:0;display:grid}.lyrics-option-copy strong,.lyrics-option-copy>span{font-size:var(--text-sm)}.lyrics-option-copy small,.lyrics-no-results{font-size:var(--text-meta);color:var(--muted)}.mini-player{z-index:35;left:50%;bottom:var(--space-4);width:min(var(--content-max), calc(100% - 3rem));min-height:var(--dock-height);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow);display:none;position:fixed;transform:translate(-50%)}.mini-player>progress{top:-1px;left:var(--space-4);border-radius:var(--radius-full);appearance:none;background:var(--line);width:calc(100% - 2rem);height:2px;color:var(--accent);accent-color:var(--accent);border:0;position:absolute}.mini-player>progress::-webkit-progress-bar{background:var(--line)}.mini-player>progress::-webkit-progress-value{background:var(--accent)}.mini-player>progress::-moz-progress-bar{background:var(--accent)}.mini-song{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;flex:1;padding:0;display:flex}.mini-song>span{min-width:0}.mini-song strong,.mini-song small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-song strong{font-size:var(--text-sm)}.mini-song small{font-size:var(--text-meta);color:var(--muted)}.mini-art{border-radius:var(--radius-sm);flex-shrink:0;width:3rem;height:3rem}.mini-play{border:1px solid var(--accent);color:var(--accent)}@media (width<=47.99rem){.player,.is-player-open>.header,.is-player-open>.skip-link,.is-player-open .library,.is-player-open>.bottom-nav,.is-player-open>.mini-player{display:none}.is-player-open .player{z-index:40;width:100%;height:100dvh;max-height:none;padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-5) max(var(--space-5), env(safe-area-inset-bottom));gap:var(--space-4);overscroll-behavior:contain;border:0;border-radius:0;display:flex;position:fixed;inset:0}.player>*{flex-shrink:0;width:min(100%,28rem)}.player-head{min-height:var(--control)}.player-close{display:inline-flex}.player .visual-wrap{width:min(100%,21rem,43svh)}.track-title h2{font-size:1.5rem}.player .transport{max-width:23rem}.player .progress{max-width:25rem}.mini-player{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));width:100%;min-height:var(--dock-height);gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0;display:flex;left:0;transform:none;box-shadow:0 -.25rem 1rem #17211d08}.mini-player>progress{left:var(--space-3);width:calc(100% - 1.5rem)}.mini-next{display:none}}@media (width<=23rem){.is-player-open .player{padding-inline:var(--space-4)}.transport{gap:0}.mini-song{gap:var(--space-2)}}