@layer reset,base,components,responsive;@layer reset{html,body,#root{min-block-size:100%}body{margin:0}button,input,dialog,progress{box-sizing:border-box;font:inherit}button,summary{-webkit-tap-highlight-color:transparent}img,svg{display:block}[hidden]{display:none!important}}@layer base{:root{color-scheme:dark;--background: #000;--chrome: #000;--surface: #080808;--surface-raised: #0d0d0d;--surface-pressed: #191919;--ink: #f2f2f2;--ink-muted: rgba(242, 242, 242, .66);--ink-faint: rgba(242, 242, 242, .44);--accent: #f2f2f2;--accent-hover: #fff;--accent-ink: #000;--brand-clay: #f2f2f2;--edge: #1a1a1a;--edge-strong: #2a2a2a;--danger: #ff8a80;--danger-surface: #1c0b0a;--ok: #a8d5ab;--page-gutter: clamp(1rem, .75rem + 1.2vw, 1.75rem);--tabs-height: 4.5rem;--mini-player-height: 4.35rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", sans-serif;font-family:var(--font-ui);font-synthesis:none;font-kerning:normal;font-optical-sizing:auto}html{background:var(--background)}body{min-block-size:100dvh;overflow-x:hidden;background:var(--background);color:var(--ink);font-size:1rem;line-height:1.5;letter-spacing:-.006em;text-rendering:optimizeLegibility}button{min-block-size:2.75rem;padding:.7rem 1rem;border:0;border-radius:.65rem;background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:transform .14s var(--ease-out),background-color .16s ease,color .16s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.42}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:650}button.primary:disabled{background:var(--surface-pressed);color:var(--ink-muted);opacity:1}button.ghost,button.textButton{background:transparent;color:var(--ink-muted)}button.textButton{padding-inline:.35rem}button.small{min-block-size:2.35rem;padding:.45rem .7rem;font-size:.84rem}button.danger{color:var(--danger)}:where(button,input,summary,a):focus-visible{outline:.18rem solid var(--accent);outline-offset:.18rem}a{color:var(--accent);text-underline-offset:.2em}::selection{background:var(--accent);color:var(--accent-ink)}.visuallyHidden:where(:not(:focus-within,:active)){position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip-path:inset(50%)!important;white-space:nowrap!important}}@layer components{.appShell{min-block-size:100dvh}.appContent{inline-size:min(100%,72rem);min-block-size:100dvh;margin-inline:auto}.appHeader{position:sticky;z-index:40;inset-block-start:0;display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;min-block-size:3.9rem;padding:max(.65rem,env(safe-area-inset-top)) max(var(--page-gutter),calc(env(safe-area-inset-right) + .5rem)) .65rem max(var(--page-gutter),calc(env(safe-area-inset-left) + .5rem));background:var(--background)}.appHeader h1{margin:0;overflow:hidden;font-size:1.05rem;font-weight:650;letter-spacing:-.025em;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.brandButton{--brand-cutout: var(--background);display:grid;inline-size:2.75rem;block-size:2.75rem;min-block-size:0;padding:0;place-items:center;border-radius:50%;background:transparent;color:var(--accent)}.brandButton svg{inline-size:2.15rem;block-size:2.15rem}.brandDisc{fill:currentColor}.brandGroove{fill:none;stroke:var(--brand-cutout)}.brandLabel,.brandPivot{fill:var(--brand-clay)}.brandCutout{fill:var(--brand-cutout)}.brandArm,.brandHead{fill:none;stroke:var(--brand-clay);stroke-linecap:round;stroke-linejoin:round}.brandArm{stroke-width:1.5}.brandHead{stroke-width:2.125}.headerMetric{display:grid;justify-items:end;color:var(--ink-faint);font-size:.6rem;line-height:1.05}.headerMetric strong{color:var(--ink);font-size:.83rem;font-variant-numeric:tabular-nums;font-weight:710}.tabPanel{box-sizing:border-box;inline-size:100%;padding:.7rem max(var(--page-gutter),calc(env(safe-area-inset-right) + .5rem)) calc(var(--tabs-height) + env(safe-area-inset-bottom) + 1.25rem) max(var(--page-gutter),calc(env(safe-area-inset-left) + .5rem));opacity:1;transform:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}@starting-style{.tabPanel:not([hidden]){opacity:0;transform:translateY(.45rem)}}.appShell:has(.miniPlayer) .tabPanel{padding-block-end:calc(var(--tabs-height) + var(--mini-player-height) + env(safe-area-inset-bottom) + 1.25rem)}.appTabs{position:fixed;z-index:90;inset:auto 0 0;box-sizing:border-box;min-block-size:calc(var(--tabs-height) + env(safe-area-inset-bottom));padding:0 max(.35rem,calc(env(safe-area-inset-right) + .25rem)) env(safe-area-inset-bottom) max(.35rem,calc(env(safe-area-inset-left) + .25rem));border-block-start:1px solid var(--edge);background:var(--chrome)}.appTabList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));inline-size:min(100%,34rem);block-size:var(--tabs-height);margin-inline:auto;gap:.2rem;align-items:stretch;padding:.35rem .15rem;box-sizing:border-box}.appTab{display:grid;min-inline-size:0;min-block-size:0;grid-template-rows:1.5rem auto;place-items:center;align-content:center;gap:.12rem;padding:.28rem .2rem;border-radius:.65rem;background:transparent;color:var(--ink-faint);font-size:.7rem;font-weight:550;line-height:1}.appTab[aria-selected=true]{background:var(--surface);color:var(--ink);font-weight:650}.appTabIcon{inline-size:1.45rem;block-size:1.45rem}.artworkFrame,.previewArtworkFrame{position:relative;display:grid;flex:none;aspect-ratio:1 / 1;overflow:hidden;place-items:center;background:var(--surface)}.artworkImage{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.015);transition:opacity .2s var(--ease-out),transform .24s var(--ease-out)}.artworkImage.isLoaded{opacity:1;transform:scale(1)}.artworkPlaceholder,.previewArtworkPlaceholder{display:grid;inline-size:100%;block-size:100%;place-items:center;color:var(--ink-faint)}.playerRoot{display:contents}.playerView{max-inline-size:34rem;margin-inline:auto}.nowPlaying{position:relative;inline-size:100%;max-inline-size:29rem;margin-inline:auto}.playerOptionsButton,.playerQueueButton{position:absolute;z-index:2;inset-block-start:.7rem;inset-inline-end:.7rem;display:grid;inline-size:2.75rem;block-size:2.75rem;min-block-size:0;padding:0;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#0000009e;color:var(--ink);box-shadow:0 .45rem 1rem #00000047;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.playerQueueButton{inset-inline-start:.7rem;inset-inline-end:auto}.playerOptionsButton svg,.playerQueueButton svg{inline-size:1.15rem;block-size:1.15rem}.nowPlayingArt{inline-size:min(100%,25rem,calc(100dvh - 23rem));min-inline-size:min(14rem,100%);margin-inline:auto;border-radius:1rem;box-shadow:0 .8rem 1.4rem -.8rem #000000b3}.nowPlayingArt .artworkPlaceholder svg{inline-size:22%;block-size:22%}.nowPlayingMeta{margin-block-start:1.35rem;text-align:center}.nowPlayingMeta h2{margin:0;font-size:clamp(1.45rem,1.12rem + 1.4vw,2rem);font-weight:700;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}.nowPlayingMeta p{margin:.42rem 0 0;color:var(--ink-muted);font-size:.95rem;text-wrap:pretty}.playerError{margin:.75rem 0 0;color:var(--danger);font-size:.79rem;text-align:center}.timeline{margin-block-start:1.25rem}.seekRange{--range-progress: 0%;display:block;inline-size:100%;block-size:1.5rem;margin:0;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.seekRange::-webkit-slider-runnable-track{block-size:.28rem;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress),var(--surface-pressed) var(--range-progress) 100%)}.seekRange::-moz-range-track{block-size:.28rem;border-radius:999px;background:var(--surface-pressed)}.seekRange::-moz-range-progress{block-size:.28rem;border-radius:999px;background:var(--accent)}.seekRange::-webkit-slider-thumb{inline-size:.95rem;block-size:.95rem;margin-block-start:-.335rem;border:0;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink)}.seekRange::-moz-range-thumb{inline-size:.95rem;block-size:.95rem;border:0;border-radius:50%;background:var(--ink)}.seekRange:disabled{cursor:default;opacity:.42}.timeLabels{display:flex;justify-content:space-between;margin-block-start:.05rem;color:var(--ink-faint);font-size:.68rem;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,2.6vw,1.2rem);margin-block-start:.65rem}.transport button{display:grid;place-items:center;border-radius:50%}.transportButton{inline-size:3.1rem;block-size:3.1rem;padding:0;background:transparent;color:var(--ink)}.playButton{inline-size:4rem;block-size:4rem;padding:0;background:var(--ink);color:var(--background);box-shadow:0 .42rem .8rem -.45rem #000000d9}.transportButton svg{inline-size:1.45rem;block-size:1.45rem}.transportButton.modeButton{position:relative;inline-size:2.8rem;block-size:2.8rem;color:var(--ink-faint)}.transportButton.modeButton[aria-pressed=true]{color:var(--accent)}.transportButton.modeButton[aria-pressed=true]:after{position:absolute;inset-block-end:.2rem;inline-size:.22rem;block-size:.22rem;border-radius:50%;background:currentColor;content:""}.playButton svg{inline-size:1.7rem;block-size:1.7rem}.playerTextAction,.downloadHero{display:flex;inline-size:fit-content;align-items:center;justify-content:center;gap:.45rem;margin:1rem auto 0;background:var(--surface);color:var(--ink);font-size:.84rem}.downloadHero svg{inline-size:1.05rem;block-size:1.05rem}.miniPlayer{position:fixed;z-index:80;inset-block-end:calc(var(--tabs-height) + env(safe-area-inset-bottom));inset-inline-start:50%;display:grid;grid-template-columns:minmax(0,1fr) 3rem;box-sizing:border-box;inline-size:min(100%,48rem);block-size:var(--mini-player-height);align-items:center;gap:.35rem;padding:.42rem max(.7rem,calc(env(safe-area-inset-right) + .4rem)) .42rem max(.7rem,calc(env(safe-area-inset-left) + .4rem));border-block:1px solid var(--edge);background:var(--surface-raised);opacity:1;transform:translate(-50%);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}@starting-style{.miniPlayer{opacity:0;transform:translate(-50%) translateY(.5rem)}}.miniPlayerProgress{position:absolute;inset:-1px 0 auto;inline-size:100%;block-size:.16rem;clip-path:inset(0 calc(100% - var(--range-progress)) 0 0);background:var(--accent);transition:clip-path .24s linear}.miniTrack{display:grid;min-inline-size:0;min-block-size:3.35rem;grid-template-columns:3.15rem minmax(0,1fr);align-items:center;gap:.72rem;padding:0;background:transparent;text-align:start}.miniArt{inline-size:3.15rem;border-radius:.48rem}.miniMeta{min-inline-size:0;line-height:1.18}.miniMeta strong,.miniMeta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniMeta strong{font-size:.86rem;font-weight:600}.miniMeta span{margin-block-start:.22rem;color:var(--ink-muted);font-size:.72rem}.miniToggle{display:grid;inline-size:2.75rem;block-size:2.75rem;min-block-size:0;padding:0;place-items:center;border-radius:50%;background:transparent}.miniToggle svg{inline-size:1.35rem;block-size:1.35rem}.libraryView{max-inline-size:52rem;margin-inline:auto}.librarySummary{display:flex;align-items:baseline;gap:.32rem;margin-block:.1rem 1rem;color:var(--ink-faint);font-size:.78rem}.librarySummary strong{color:var(--ink);font-size:.95rem;font-variant-numeric:tabular-nums}.libraryPlaylists{margin-block-end:1rem}.librarySectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-block-end:.45rem}.librarySectionHeader h2{margin:0;font-size:.86rem;font-weight:650;letter-spacing:-.012em}.libraryAction{min-block-size:auto;padding:.2rem 0;border-radius:0;background:transparent;color:var(--ink-muted);font-size:.75rem}.playlistList{display:grid;margin:0;padding:0;border-block-start:1px solid var(--edge);list-style:none}.playlistList>li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;border-block-end:1px solid var(--edge)}.playlistChoice,.playlistAction{min-block-size:2.9rem;border-radius:0;background:transparent}.playlistChoice{display:flex;min-inline-size:0;align-items:center;justify-content:space-between;gap:.75rem;padding:.48rem .5rem;text-align:start}.playlistChoice span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistChoice small{flex:none;color:var(--ink-faint);font-size:.7rem;font-variant-numeric:tabular-nums}.playlistChoice[aria-pressed=true]{background:var(--surface);color:var(--ink)}.playlistAction{padding:0 .62rem;color:var(--ink-muted);font-size:.73rem}.playlistAction:disabled{opacity:.35}.playlistEmpty{margin:.55rem 0 0;color:var(--ink-faint);font-size:.75rem}.librarySearch{display:flex;align-items:center;gap:.6rem;margin-block-end:.55rem;padding-inline:.8rem;border-radius:.72rem;background:var(--surface);color:var(--ink-faint)}.librarySearch svg{flex:none;inline-size:1.05rem;block-size:1.05rem}.librarySearch input{inline-size:100%;min-block-size:2.9rem;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.86rem}.librarySearch:has(input:focus-visible){outline:.18rem solid var(--accent);outline-offset:.12rem}.libraryTools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-block-end:.55rem}.libraryTools .librarySearch{margin-block-end:0}.librarySort{display:flex;min-block-size:2.9rem;align-items:center;gap:.5rem;color:var(--ink-muted);font-size:.76rem;white-space:nowrap}.librarySort select{min-block-size:2.9rem;min-inline-size:11rem;padding:0 .7rem;border:1px solid var(--edge);border-radius:.62rem;background:var(--surface);color:var(--ink);font:inherit;font-size:.77rem;cursor:pointer}.librarySort select:focus-visible{outline:.18rem solid var(--accent);outline-offset:.12rem}:where(.librarySearch input,.row input,.sessionRow input)::placeholder{color:var(--ink-faint)}.trackList{margin:0;padding:0;list-style:none}.trackRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:stretch;border-block-end:1px solid var(--edge);transition:background-color .16s ease}.trackRow[data-active]{background:var(--surface)}.trackMain{display:grid;min-inline-size:0;min-block-size:4.45rem;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.58rem .25rem;border-radius:0;background:transparent;text-align:start}.trackArt{inline-size:3.25rem;border-radius:.52rem}.trackArt .artworkPlaceholder svg{inline-size:1.25rem;block-size:1.25rem}.trackMeta{min-inline-size:0;line-height:1.22}.trackMeta strong,.trackMeta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackMeta strong{font-size:.91rem;font-weight:600;letter-spacing:-.014em}.trackMeta span{margin-block-start:.24rem;color:var(--ink-muted);font-size:.76rem}.trackTrailing{display:grid;min-inline-size:2.5rem;justify-items:end;color:var(--ink-faint);font-size:.69rem;font-variant-numeric:tabular-nums;white-space:nowrap}.trackTrailing svg{inline-size:1.12rem;block-size:1.12rem;color:var(--accent)}.trackTrailing:is(.state-missing,.state-needs_download){color:var(--danger)}.trackMenu{position:relative;align-self:center}.trackMenu>summary{display:grid;inline-size:2.75rem;block-size:2.75rem;place-items:center;border-radius:50%;color:var(--ink-faint);cursor:pointer;list-style:none;transition:transform .14s var(--ease-out),background-color .16s ease,color .16s ease}.trackMenu>summary:active{transform:scale(.94)}.trackMenu[open]>summary{background:var(--surface);color:var(--ink)}.trackMenu>summary::-webkit-details-marker{display:none}.trackMenu>summary svg{inline-size:1.1rem;block-size:1.1rem}.trackMenuPopover{--menu-enter-y: -.35rem;position:absolute;z-index:70;inset-block-start:calc(100% + .35rem);inset-inline-end:0;display:grid;inline-size:13.5rem;gap:.15rem;padding:.38rem;border:1px solid var(--edge-strong);border-radius:.75rem;background:var(--surface-raised);box-shadow:0 .8rem 1.3rem -.8rem #000000d9;opacity:1;transform:translateY(0) scale(1);transform-origin:top right;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}@starting-style{.trackMenu[open] .trackMenuPopover{opacity:0;transform:translateY(var(--menu-enter-y)) scale(.98)}}.trackMenuPopover button{display:flex;inline-size:100%;min-block-size:2.6rem;align-items:center;gap:.58rem;padding:.52rem .62rem;background:transparent;font-size:.77rem;text-align:start}.trackMenuPopover button svg{inline-size:1.05rem;block-size:1.05rem}.libraryEmpty{display:grid;min-block-size:min(30rem,calc(100dvh - 11rem));place-content:center;justify-items:center;padding:2rem 1rem;text-align:center}.emptyMark{color:var(--ink-faint)}.emptyMark svg{inline-size:2.7rem;block-size:2.7rem}.libraryEmpty h2{margin:1rem 0 0;font-size:1.3rem;font-weight:680;letter-spacing:-.035em}.libraryEmpty p,.noResults{max-inline-size:24rem;margin:.42rem 0 0;color:var(--ink-muted);font-size:.82rem;text-wrap:pretty}.libraryEmpty button{margin-block-start:1.2rem}.noResults{padding-block:3rem;text-align:center}.addView,.settingsView{max-inline-size:48rem;margin-inline:auto}.addIntro{margin-block-end:1.25rem}.addIntro h2,.settingsHeader h2{margin:0;font-size:1.35rem;font-weight:680;letter-spacing:-.035em;line-height:1.15}.addIntro p,.settingsHeader p{max-inline-size:34rem;margin:.42rem 0 0;color:var(--ink-muted);font-size:.84rem;text-wrap:pretty}.addForm,.sessionForm{display:grid;gap:.5rem}.addForm>label,.sessionForm>label{color:var(--ink-muted);font-size:.78rem;font-weight:650}.row,.sessionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.58rem}.row input,.sessionRow input,.sessionForm>input{inline-size:100%;min-inline-size:0;min-block-size:3rem;padding-inline:.85rem;border:1px solid var(--edge-strong);border-radius:.65rem;background:var(--surface);color:var(--ink);font-size:.88rem}.previewStatus{min-block-size:.1rem}.status,.hint,.footnote,.error{color:var(--ink-muted);font-size:.8rem}.status,.hint,.footnote{margin:.58rem 0 0}.error{margin:.58rem 0 0;color:var(--danger)}.status.saved{color:var(--ok)}.preview{box-sizing:border-box;margin-block-start:1.15rem;padding:clamp(.9rem,.7rem + 1vw,1.3rem);border-radius:.95rem;background:var(--surface)}.previewHead{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.artwork{inline-size:clamp(5rem,18vw,7rem);border-radius:.72rem}.previewEntryArt{inline-size:2.55rem;border-radius:.4rem}.previewArtworkPlaceholder{font-size:1.2rem}.previewEntryArt .previewArtworkPlaceholder{font-size:.82rem}.previewMeta{min-inline-size:0}.previewType,.artist,.meta{margin:0}.previewType{color:var(--ink-faint);font-size:.72rem}.previewMeta h2{margin:.24rem 0 .3rem;overflow-wrap:anywhere;font-size:clamp(1.15rem,1rem + .65vw,1.45rem);font-weight:650;letter-spacing:-.035em;line-height:1.14}.artist,.meta{color:var(--ink-muted);font-size:.78rem}.meta{margin-block-start:.28rem;color:var(--ink-faint)}.entries,.batchEntries{margin:1rem 0 0;padding:0;overflow-y:auto;border-block:1px solid var(--edge);list-style:none;scrollbar-color:var(--surface-pressed) transparent;scrollbar-width:thin}.entries{max-block-size:18rem}.entries li{display:grid;grid-template-columns:1.3rem 2.55rem minmax(0,1fr) auto;min-block-size:3.5rem;align-items:center;gap:.65rem;border-block-end:1px solid var(--edge);font-size:.8rem}.entries li:last-child,.batchEntries li:last-child{border-block-end:0}.entries li.unavailable{opacity:.5}.pos,.dur{color:var(--ink-faint);font-size:.7rem;font-variant-numeric:tabular-nums}.pos{text-align:end}.entries .title,.batchEntries .title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rights{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;margin-block-start:1rem;color:var(--ink-muted);font-size:.79rem;cursor:pointer}.rights input{inline-size:1.2rem;block-size:1.2rem;margin:.04rem 0 0;accent-color:var(--accent)}.footnote{color:var(--ink-faint);font-size:.7rem;text-wrap:pretty}.actions,.transferFailed,.dialogActions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.actions{margin-block-start:1rem}.transfer,.playlistBatch{display:flex;flex:1 1 18rem;min-inline-size:0;flex-direction:column;align-items:flex-start;gap:.6rem}.playlistBatch>button,.transfer>button{align-self:flex-start}.progress{inline-size:min(100%,28rem);block-size:.35rem;overflow:hidden;border-radius:999px;background:var(--surface-pressed)}.bar{display:block;block-size:100%;border-radius:inherit;background:var(--accent);transition:inline-size .18s linear}.batchEntries{inline-size:100%;max-block-size:19rem;margin-block-start:0}.batchEntries li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;min-block-size:2.9rem;align-items:center;gap:.62rem;border-block-end:1px solid var(--edge);font-size:.78rem}.batchEntries .state{color:var(--ink-faint);font-size:.68rem;white-space:nowrap}.batchEntries :is(.current,.active) .state{color:var(--accent)}.batchEntries .ok .state{color:var(--ok)}.batchEntries .bad .state{color:var(--danger)}.batchEntries .skip{opacity:.48}.batchMessage{margin:0}.settingsView{display:grid;gap:1rem}.settingsSection{padding:1rem;border-radius:.9rem;background:var(--surface)}.settingsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:1rem}.connectionState{flex:none;padding-block-start:.1rem;color:var(--ink-faint);font-size:.72rem}.connectionState.connected{color:var(--ok)}.connectionSaved{min-block-size:1.1rem;margin:0;color:var(--ok);font-size:.74rem}.fieldHint{margin:-.1rem 0 .3rem;color:var(--ink-faint);font-size:.74rem;line-height:1.4}.durability{display:grid;gap:.85rem}.durability dl{display:grid;margin:0}.durability dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding-block:.72rem;border-block-end:1px solid var(--edge)}.durability dt{color:var(--ink-muted);font-size:.78rem}.durability dd{margin:0;color:var(--ink);font-size:.78rem;font-weight:640;text-align:end}.durability button.linky{min-block-size:auto;padding:0;border-radius:0;background:transparent;color:var(--accent);font-size:inherit;text-align:end}.installHint{margin:0;color:var(--ink-muted);font-size:.76rem;line-height:1.45;text-wrap:pretty}.confirmDialog{--sheet-width: 28rem;position:fixed;inset:auto 0 0;inline-size:min(var(--sheet-width),100%);max-inline-size:none;max-block-size:calc(100dvh - max(1rem,env(safe-area-inset-top)));margin:0 auto;padding:0;border:1px solid var(--edge-strong);border-block-end:0;border-radius:1.35rem 1.35rem 0 0;overflow:auto;overscroll-behavior:contain;background:#0c0c0c;color:var(--ink);box-shadow:0 -.6rem 2.4rem #00000061,0 0 0 1px #ffffff05 inset;opacity:1;transform:translateY(0);transition:opacity .18s var(--ease-out),transform .24s var(--ease-drawer),display .24s allow-discrete,overlay .24s allow-discrete;transition-behavior:allow-discrete}.confirmDialog:before{position:absolute;z-index:1;inset:.58rem auto auto 50%;inline-size:2.4rem;block-size:.24rem;border-radius:999px;background:#f2f2f23d;content:"";pointer-events:none;transform:translate(-50%)}.confirmDialog:not([open]){opacity:0;transform:translateY(calc(100% + 1.5rem))}.confirmDialog::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;transition:opacity .18s var(--ease-out),display .24s allow-discrete,overlay .24s allow-discrete;transition-behavior:allow-discrete}.confirmDialog:not([open])::backdrop{opacity:0}@starting-style{.confirmDialog[open]{opacity:0;transform:translateY(calc(100% + 1.5rem))}.confirmDialog[open]::backdrop{opacity:0}}.confirmDialog form{padding:1.8rem max(1.15rem,env(safe-area-inset-right)) max(1.15rem,env(safe-area-inset-bottom)) max(1.15rem,env(safe-area-inset-left))}.playlistDialog{--sheet-width: 32rem}.playlistDialogIcon{color:var(--ink)}.queueDialog{--sheet-width: 38rem;max-block-size:min(44rem,calc(100dvh - max(1rem,env(safe-area-inset-top))));overflow:hidden}.queueDialog form{display:grid;grid-template-rows:auto minmax(0,1fr);max-block-size:inherit;padding:0}.queueDialogHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1.65rem 1rem .85rem;border-block-end:1px solid var(--edge)}.dialogIcon.queueDialogIcon{color:var(--ink)}.queueDialogHeader h2{font-size:1.1rem}.queueDialogHeader p{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.queueDone{min-block-size:2.4rem;padding:.4rem .65rem;background:transparent;color:var(--ink);font-size:.78rem;font-weight:620}.queueList{margin:0;padding:.45rem max(.8rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain;list-style:none}.queueRow{display:grid;grid-template-columns:minmax(0,1fr) auto 2.75rem;align-items:center;border-block-end:1px solid var(--edge);background:transparent;opacity:1;transition:opacity .12s ease}.queueRow[data-current=true]{background:var(--surface)}.queueRow[data-dragging=true]{z-index:1;box-shadow:0 .65rem 1.2rem -.8rem #000000e6;opacity:.62}.queueTrack{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;min-inline-size:0;align-items:center;gap:.65rem;padding:.5rem;border-radius:0;background:transparent;text-align:start}.queueArt{inline-size:2.75rem;border-radius:.38rem}.queueTrackMeta{display:grid;min-inline-size:0;gap:.05rem}.queueTrackMeta strong,.queueTrackMeta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queueTrackMeta strong{font-size:.82rem;font-weight:640}.queueTrackMeta small,.queueCurrent{color:var(--ink-muted);font-size:.7rem}.queueCurrent{color:var(--accent)}.queueMoveButtons{display:grid;grid-template-columns:repeat(2,2rem)}.queueMoveButtons button,.queueDragHandle{display:grid;inline-size:2rem;block-size:2.5rem;min-block-size:0;padding:0;place-items:center;background:transparent;color:var(--ink-faint)}.queueMoveButtons svg,.queueDragHandle svg{inline-size:1rem;block-size:1rem}.queueDragHandle{inline-size:2.75rem;cursor:grab;touch-action:none}.queueDragHandle:active{cursor:grabbing}.playbackOptionsDialog{--sheet-width: 30rem}.dialogIcon.playbackOptionsIcon{color:var(--ink)}.playbackSetting{margin-block-start:1.2rem;padding:1rem;border:0;border-radius:.95rem;background:var(--surface)}.playbackSetting+.playbackSetting{margin-block-start:.65rem}.playbackSettingHeader{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.playbackSettingHeader label{color:var(--ink);font-size:.84rem;font-weight:650}.playbackSettingHeader output{color:var(--ink-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.settingsRange{margin-block-start:.35rem}.playbackOptionsActions{justify-content:space-between}.dialogField{display:grid;gap:.38rem;margin-block-start:1rem;color:var(--ink-muted);font-size:.78rem}.dialogField input{inline-size:100%;min-block-size:3rem;padding:.65rem .72rem;border:1px solid var(--edge-strong);border-radius:.62rem;background:var(--surface);color:var(--ink);outline:0}.dialogField input:focus-visible{outline:.18rem solid var(--accent);outline-offset:.12rem}.playlistChoices{display:grid;gap:.1rem;max-block-size:min(15rem,38dvh);margin:1rem 0 0;padding:.55rem .7rem;overflow:auto;border:1px solid var(--edge);border-radius:.62rem}.playlistChoices legend{padding-inline:.25rem;color:var(--ink-faint);font-size:.7rem}.playlistChoices label{display:flex;min-block-size:2.7rem;align-items:center;gap:.65rem;color:var(--ink-muted);cursor:pointer;font-size:.8rem}.playlistChoices input{inline-size:1.1rem;block-size:1.1rem;margin:0;accent-color:var(--accent)}.dialogIcon{display:grid;inline-size:2.55rem;block-size:2.55rem;border:1px solid color-mix(in srgb,var(--danger) 24%,transparent);border-radius:.8rem;place-items:center;background:var(--danger-surface);color:var(--danger)}.dialogIcon.queueDialogIcon,.dialogIcon.playbackOptionsIcon,.dialogIcon.playlistDialogIcon{border-color:var(--edge-strong);background:var(--surface);color:var(--ink)}.dialogIcon svg{inline-size:1.2rem;block-size:1.2rem}.dialogHeader{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem}.dialogHeading{min-inline-size:0}.confirmDialog h2{margin:.08rem 0 0;font-size:1.12rem;font-weight:680;letter-spacing:-.03em;line-height:1.25}.confirmDialog p{margin:.3rem 0 0;color:var(--ink-muted);font-size:.8rem;line-height:1.45;text-wrap:pretty}.queueDialogHeader h2,.queueDialogHeader p{margin:0}.dialogActions{justify-content:flex-end;margin-block-start:1.15rem;padding-block-start:1rem;border-block-start:1px solid var(--edge)}.dialogActions>button:not(.textButton){min-inline-size:6.5rem}.dangerSolid{background:var(--danger);color:#000;font-weight:700}.libraryLoading{display:flex;min-block-size:min(26rem,calc(100dvh - 10rem));align-items:center;justify-content:center;gap:.7rem}.loadingPulse{inline-size:.65rem;block-size:.65rem;border-radius:50%;background:var(--accent);animation:loading-pulse .78s ease-in-out infinite alternate}@keyframes loading-pulse{to{opacity:.42;transform:scale(.78)}}}@layer responsive{@media (hover: hover) and (pointer: fine){button.primary:hover:not(:disabled){background:var(--accent-hover)}button.ghost:hover:not(:disabled),button.textButton:hover:not(:disabled),.transportButton:hover:not(:disabled),.playerOptionsButton:hover:not(:disabled),.playerQueueButton:hover:not(:disabled),.miniToggle:hover:not(:disabled),.trackMenu>summary:hover{background:var(--surface);color:var(--ink)}.brandButton:hover:not(:disabled){--brand-cutout: var(--surface);background:var(--surface)}.appTab:hover:not([aria-selected=true]){color:var(--ink-muted)}.trackMain:hover,.trackMenuPopover button:hover:not(:disabled),.libraryAction:hover:not(:disabled),.playlistChoice:hover:not(:disabled),.playlistAction:hover:not(:disabled),.queueTrack:hover:not(:disabled),.queueMoveButtons button:hover:not(:disabled),.queueDragHandle:hover:not(:disabled){background:var(--surface-raised)}}@media (min-width: 41rem){.confirmDialog{inset-block-end:1rem;inline-size:min(var(--sheet-width),calc(100% - 2rem));border-block-end:1px solid var(--edge-strong);border-radius:1.35rem}.confirmDialog form{padding-block-end:1.3rem}}@media (max-width: 40rem){:root{--page-gutter: 1rem}.tabPanel{padding-block-start:.45rem}.nowPlayingArt{border-radius:.85rem}.row,.sessionRow{grid-template-columns:1fr}.dialogActions>button{flex:1 1 0}.row button,.sessionRow button{inline-size:100%}.libraryTools{grid-template-columns:1fr}.librarySort{justify-content:space-between}.previewHead{align-items:start;gap:.8rem}.artwork{inline-size:clamp(4.8rem,23vw,5.8rem)}.entries li{grid-template-columns:1.15rem 2.55rem minmax(0,1fr)}.entries .dur{display:none}.actions>button{flex:1 1 auto}.trackMain{grid-template-columns:3.1rem minmax(0,1fr) auto;gap:.65rem;padding-inline-start:0}.trackArt{inline-size:3.1rem}.trackTrailing{min-inline-size:2rem}.trackMenuPopover{--menu-enter-y: .4rem;position:fixed;inset:auto max(.75rem,calc(env(safe-area-inset-right) + .25rem)) calc(var(--tabs-height) + env(safe-area-inset-bottom) + .75rem) max(.75rem,calc(env(safe-area-inset-left) + .25rem));inline-size:auto;padding:.5rem;border-radius:.85rem;transform-origin:bottom center}.appShell:has(.miniPlayer) .trackMenuPopover{inset-block-end:calc(var(--tabs-height) + var(--mini-player-height) + env(safe-area-inset-bottom) + .75rem)}.trackMenuPopover button{min-block-size:3rem;font-size:.84rem}.settingsHeader{gap:.7rem}.durability dl>div{grid-template-columns:1fr;gap:.2rem}.durability dd,.durability button.linky{text-align:start}}@media (max-width: 23rem){.appHeader{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.headerMetric span{display:none}.trackTrailing:not(:has(svg)){display:none}.previewHead{grid-template-columns:1fr}}@media (max-height: 44rem) and (orientation: portrait){.nowPlayingArt{inline-size:min(100%,calc(100dvh - 23rem));min-inline-size:min(12rem,100%)}.nowPlayingMeta{margin-block-start:.9rem}.timeline{margin-block-start:.85rem}}@media (pointer: coarse){button,.trackMenu>summary{min-block-size:3rem}.seekRange{block-size:2rem}.appTab{min-block-size:3.65rem}}@media (prefers-reduced-motion: reduce){button,.bar,.miniPlayerProgress,.tabPanel,.artworkImage,.miniPlayer,.trackMenuPopover,.confirmDialog,.confirmDialog::backdrop,.queueRow{transition-duration:.1s}button:active:not(:disabled),.trackMenu>summary:active,.tabPanel,.artworkImage,.trackMenuPopover,.confirmDialog,.confirmDialog:not([open]){transform:none}.miniPlayer{transform:translate(-50%)}@starting-style{.tabPanel:not([hidden]),.trackMenu[open] .trackMenuPopover,.confirmDialog[open]{transform:none}.miniPlayer{transform:translate(-50%)}}.loadingPulse{animation:none;opacity:.58}}@media (forced-colors: active){.appTabs,.miniPlayer,.trackRow,.entries,.batchEntries,.settingsSection,.preview,.confirmDialog{border-color:CanvasText}.appTab[aria-selected=true],.trackRow[data-active]{outline:1px solid Highlight}}}