@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);--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{inline-size:100%;max-inline-size:29rem;margin-inline:auto}.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:1.45rem;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}.playButton svg{inline-size:1.7rem;block-size:1.7rem}.playbackQueue{margin-block:1.2rem 0;padding-block-start:.9rem;border-block-start:1px solid var(--edge)}.playbackQueue>p{display:flex;justify-content:space-between;margin:0 0 .45rem;color:var(--ink-muted);font-size:.72rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase}.playbackQueue>p strong{color:var(--ink-faint);font-variant-numeric:tabular-nums}.upNext{display:grid;grid-template-columns:auto minmax(0,1fr);inline-size:100%;min-block-size:0;gap:.15rem .75rem;padding:.65rem .7rem;border:1px solid var(--edge);background:var(--surface);text-align:start}.upNext>span{grid-row:span 2;align-self:center;color:var(--ink-faint);font-size:.68rem;font-weight:650;letter-spacing:.045em;text-transform:uppercase}.upNext>strong,.upNext>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upNext>strong{font-size:.86rem;font-weight:650}.upNext>small{color:var(--ink-muted);font-size:.76rem}.playbackQueue>p.queueComplete{display:block;margin:0;color:var(--ink-muted);font-size:.76rem;font-weight:400;letter-spacing:normal;text-transform:none}.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}.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}: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{inline-size:min(28rem,calc(100% - 2rem));padding:0;border:1px solid var(--edge-strong);border-radius:1rem;background:var(--surface-raised);color:var(--ink);box-shadow:0 1.2rem 2rem -1rem #000000e6;opacity:1;transform:scale(1);transition:display .18s,overlay .18s,opacity .18s var(--ease-out),transform .18s var(--ease-out);transition-behavior:allow-discrete}.confirmDialog:not([open]){opacity:0;transform:scale(.98)}.confirmDialog::backdrop{background:#000;opacity:.78;transition:display .18s,overlay .18s,opacity .18s var(--ease-out);transition-behavior:allow-discrete}.confirmDialog:not([open])::backdrop{opacity:0}@starting-style{.confirmDialog[open]{opacity:0;transform:scale(.98)}.confirmDialog[open]::backdrop{opacity:0}}.confirmDialog form{padding:1.3rem}.dialogIcon{display:block;color:var(--danger)}.dialogIcon svg{inline-size:1.45rem;block-size:1.45rem}.confirmDialog h2{margin:.85rem 0 0;font-size:1.2rem;font-weight:680;letter-spacing:-.03em}.confirmDialog p{margin:.48rem 0 0;color:var(--ink-muted);font-size:.82rem;text-wrap:pretty}.dialogActions{justify-content:flex-end;margin-block-start:1.2rem}.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),.miniToggle:hover:not(:disabled),.upNext: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){background:var(--surface-raised)}}@media (max-width: 40rem){:root{--page-gutter: 1rem}.tabPanel{padding-block-start:.45rem}.nowPlayingArt{border-radius:.85rem}.row,.sessionRow{grid-template-columns:1fr}.row button,.sessionRow button{inline-size:100%}.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{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}}}