.player-artwork-button.svelte-no8mbd,.player-track-link.svelte-no8mbd{padding:0;border:0;background:transparent;color:inherit;font:inherit}.player-track-title.svelte-no8mbd,.player-track-subtitle.svelte-no8mbd{text-align:left}.raf-preset-context-menu.svelte-no8mbd{position:fixed;z-index:60;width:12rem;max-height:min(320px,calc(100vh - 12px));overflow:auto}.raf-preset-context-menu.svelte-no8mbd .preset-check:where(.svelte-no8mbd){visibility:hidden;flex:0 0 auto;color:var(--accent-strong)}.raf-preset-context-menu.svelte-no8mbd button[aria-checked=true]:where(.svelte-no8mbd) .preset-check:where(.svelte-no8mbd){visibility:visible}.resume-banner.svelte-1bscj4{position:fixed;left:.5rem;bottom:calc(var(--player-bar-measured-reserve, var(--player-bar-reserve)) + .18rem);z-index:30;display:flex;align-items:center;gap:.4rem;max-width:calc(100vw - 1.5rem);padding:.16rem .3rem .16rem .45rem;border:1px solid var(--border-strong);border-radius:.3rem;background:var(--bg-elevated);color:var(--text);font-size:.7rem;box-shadow:0 .45rem 1.5rem #0000003d;white-space:nowrap}.app-shell.now-playing-mode .resume-banner.svelte-1bscj4{bottom:.5rem}.app-shell.video-theater-mode .resume-banner.svelte-1bscj4{left:var(--video-theater-player-left);bottom:calc(var(--video-theater-player-height, var(--player-bar-reserve)) + var(--video-theater-player-bottom) + .35rem);z-index:40}button.svelte-1bscj4{padding:0;background:transparent;color:inherit;cursor:default}.start-over.svelte-1bscj4{color:var(--accent-strong);font-weight:600}.dismiss.svelte-1bscj4{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;margin-left:-.06rem;border-radius:50%;color:var(--muted)}.dismiss.svelte-1bscj4:hover{background:var(--bg-soft);color:var(--text-strong)}.dismiss.svelte-1bscj4 .material-symbols-outlined:where(.svelte-1bscj4){font-size:.85rem;line-height:1;transform:translateY(.05rem)}.clip-definitions.svelte-k8vz04{position:absolute}.milkdrop-visualizer.svelte-k8vz04{mix-blend-mode:normal}.milkdrop-preset-info.svelte-k8vz04{position:absolute;bottom:10px;left:12px;right:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.milkdrop-preset-name.svelte-k8vz04,.milkdrop-preset-author.svelte-k8vz04{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milkdrop-preset-name.svelte-k8vz04{font-size:14px;font-weight:700}.milkdrop-preset-author.svelte-k8vz04{margin-top:2px;font-size:12px;font-weight:400}.milkdrop-status.svelte-k8vz04{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:#ccc;text-align:center;font-size:12px;pointer-events:none}.status-toast.svelte-d0l89d{position:fixed;z-index:220;right:.75rem;bottom:calc(var(--player-bar-measured-reserve, 4.25rem) + .65rem);width:min(30rem,calc(100vw - 1.5rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.55rem;padding:.65rem .65rem .65rem .75rem;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border));border-radius:.45rem;background:var(--bg-elevated);color:var(--text);box-shadow:0 10px 28px #00000047}.status-toast-icon.svelte-d0l89d{margin-top:.08rem;color:var(--danger);font-size:1.1rem}.status-toast-copy.svelte-d0l89d{min-width:0;display:grid;gap:.18rem;font-size:.76rem;line-height:1.35}.status-toast-copy.svelte-d0l89d strong:where(.svelte-d0l89d){color:var(--text-strong);font-size:.78rem}.status-toast-copy.svelte-d0l89d span:where(.svelte-d0l89d){overflow-wrap:anywhere}button.svelte-d0l89d{width:1.6rem;height:1.6rem;display:grid;place-items:center;padding:0;border:0;border-radius:.3rem;background:transparent;color:var(--muted)}button.svelte-d0l89d:hover{background:var(--hover-subtle);color:var(--text-strong)}@media(max-width:700px){.status-toast.svelte-d0l89d{right:.5rem;bottom:calc(var(--mobile-bottom-nav-height, 4.35rem) + .5rem);width:calc(100vw - 1rem)}}dialog.svelte-177wpo3{width:min(25rem,calc(100vw - 2rem));max-width:none;margin:auto;padding:.95rem 1rem .9rem;border:1px solid var(--border);border-radius:.55rem;background:var(--bg-elevated);color:var(--text);box-shadow:0 18px 55px #0000007a;outline:none}dialog.svelte-177wpo3::backdrop{background:#05070ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connection-layout.svelte-177wpo3{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.95rem}.connection-copy.svelte-177wpo3{min-width:0}h2.svelte-177wpo3,p.svelte-177wpo3{margin:0}h2.svelte-177wpo3{color:var(--text-strong);font-size:1.28rem;font-weight:800;line-height:1.05}.connection-notice.svelte-177wpo3{margin-top:.32rem;overflow:hidden;color:var(--text-strong);font-size:.82rem;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.connection-status.svelte-177wpo3{min-height:1.35em;margin-top:.18rem;color:var(--muted);font-size:.72rem;line-height:1.35}dialog.failed.svelte-177wpo3 .connection-status:where(.svelte-177wpo3){color:var(--muted-strong)}.connection-actions.svelte-177wpo3{display:flex;justify-content:flex-end;margin-top:.7rem;padding-top:.55rem;border-top:1px solid var(--border-faint)}button.svelte-177wpo3{min-width:4.5rem;min-height:1.75rem;padding:.25rem .7rem;border:1px solid var(--menu-bar-border);border-radius:.35rem;background:var(--bg-input);color:var(--text-strong);font:inherit}button.svelte-177wpo3:hover{background:var(--hover-surface)}button.primary.svelte-177wpo3{border-color:var(--accent)}@media(max-width:420px){dialog.svelte-177wpo3{width:calc(100vw - 1.25rem);padding:.85rem}.connection-layout.svelte-177wpo3{gap:.75rem}h2.svelte-177wpo3{font-size:1.12rem}}dialog.svelte-lkn4or{width:min(30rem,calc(100vw - 2rem));max-width:none;max-height:min(42rem,calc(100vh - 3rem));overflow-y:auto;margin:auto;padding:.95rem 1rem .9rem;border:1px solid var(--border);border-radius:.55rem;background:var(--bg-elevated);color:var(--text);box-shadow:0 18px 55px #0000007a;outline:none}dialog.svelte-lkn4or::backdrop{background:#05070ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.setup-head.svelte-lkn4or{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.95rem}h2.svelte-lkn4or{margin:0;color:var(--text-strong);font-size:1.1rem;font-weight:800}.setup-body.svelte-lkn4or{margin-top:.6rem}.setup-actions.svelte-lkn4or{display:flex;justify-content:flex-end;margin-top:.7rem;padding-top:.55rem;border-top:1px solid var(--border-faint)}button.svelte-lkn4or{min-width:4.5rem;min-height:1.75rem;padding:.25rem .7rem;border:1px solid var(--menu-bar-border);border-radius:.35rem;background:var(--bg-input);color:var(--text-strong);font:inherit}button.svelte-lkn4or:hover{background:var(--hover-surface)}.lyrics-panel.svelte-1dctoaq{position:relative;isolation:isolate}.lyrics-panel.fill-parent.svelte-1dctoaq{width:100%;min-width:0;height:100%}.lyrics-close-button.svelte-1dctoaq{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.22rem;min-width:5.75rem;padding:0;line-height:1;color:var(--muted);background:transparent;transition:none}.lyrics-close-button.svelte-1dctoaq:hover,.lyrics-close-button.svelte-1dctoaq:focus-visible{color:var(--text)}.lyrics-close-button.svelte-1dctoaq:focus-visible,.lyric-line-button.svelte-1dctoaq:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lyrics-close-label.svelte-1dctoaq{overflow:hidden;max-width:0;opacity:0;white-space:nowrap;transition:none}.lyrics-close-button.svelte-1dctoaq:hover .lyrics-close-label:where(.svelte-1dctoaq),.lyrics-close-button.svelte-1dctoaq:focus-visible .lyrics-close-label:where(.svelte-1dctoaq){max-width:3.5rem;opacity:1}.lyrics-close-icon.svelte-1dctoaq{font-size:1.1rem}.lyrics-content.svelte-1dctoaq{flex:1;min-height:0;overflow:auto;padding:.35rem .9rem 1rem;scroll-behavior:auto}.lyrics-content.compact-workspace.svelte-1dctoaq,.empty-state.compact-workspace.svelte-1dctoaq{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.plain-layout.svelte-1dctoaq pre:where(.svelte-1dctoaq),.untimed-fallback.svelte-1dctoaq{margin:0;color:var(--text);font:inherit;font-size:var(--lyrics-font-size);line-height:1.55;white-space:pre-wrap;word-break:break-word}.lyrics-list.svelte-1dctoaq{list-style:none;margin:0;padding:0 0 max(1rem,calc(var(--lyrics-scroller-height, 0px) * .45));display:grid;gap:.16rem}.lyric-line-button.svelte-1dctoaq{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;border:0;padding:0;color:inherit;background:transparent;font:inherit;text-align:left}.lyric-line-button.svelte-1dctoaq:hover{color:var(--text-strong)}.plain-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li:where(.svelte-1dctoaq){color:var(--text);font-size:var(--lyrics-font-size);line-height:1.55}.plain-layout.svelte-1dctoaq .lyric-line-button:where(.svelte-1dctoaq){padding:.2rem 0}.plain-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li.active:where(.svelte-1dctoaq){color:var(--text-strong);font-weight:700}.timestamped-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li:where(.svelte-1dctoaq){border-radius:4px;color:var(--text);font-size:var(--lyrics-font-size);line-height:1.35}.lyrics-content.timestamped-layout.svelte-1dctoaq{padding-top:.1rem;padding-inline:.45rem}.timestamped-layout.svelte-1dctoaq .lyric-line-button:where(.svelte-1dctoaq){display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.65rem;padding:.16rem .25rem;border-radius:inherit;line-height:inherit}.timestamped-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li.active:where(.svelte-1dctoaq) .lyric-line-button:where(.svelte-1dctoaq){background:var(--selection-bg);color:var(--text-strong);font-weight:700}.lyric-time.svelte-1dctoaq{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.86em}.lyric-text.svelte-1dctoaq{min-width:0;overflow-wrap:anywhere}.theater-mode.svelte-1dctoaq .panel-header:where(.svelte-1dctoaq){min-height:0;padding-top:.65rem}.theater-layout.svelte-1dctoaq{display:block;padding:0 1.15rem;overflow:auto;-webkit-mask-image:linear-gradient(transparent,black 14%,black 86%,transparent);mask-image:linear-gradient(transparent,black 14%,black 86%,transparent)}.theater-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq){width:100%;min-height:100%;gap:.8rem;align-content:start;padding:max(1rem,calc(var(--lyrics-scroller-height, 0px) * .45)) 0}.theater-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li:where(.svelte-1dctoaq){padding:.15rem 0;color:color-mix(in srgb,var(--text-strong) 72%,transparent);font-size:var(--lyrics-font-size);font-weight:650;line-height:1.12;opacity:var(--lyric-opacity, .58);transform:scale(var(--lyric-scale, .95));transform-origin:left center;transition:opacity .16s ease,transform .18s ease,color .16s ease}.theater-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li.active:where(.svelte-1dctoaq){color:var(--text-strong);font-weight:700;opacity:1;transform:scale(1)}.theater-layout.svelte-1dctoaq .lyrics-list:where(.svelte-1dctoaq) li:where(.svelte-1dctoaq):not(.active){color:var(--muted)}.theater-layout.svelte-1dctoaq .lyric-line-button:where(.svelte-1dctoaq){line-height:inherit}.theater-layout.svelte-1dctoaq .lyric-text:where(.svelte-1dctoaq){overflow-wrap:break-word}.downtime-row.svelte-1dctoaq{display:flex;justify-content:center;min-height:calc(var(--lyrics-font-size) * 1.05);transform-origin:center;text-align:center}.downtime-dots.svelte-1dctoaq{display:inline-flex;align-items:center;justify-content:center;gap:.42em;padding:.18em 0;color:currentColor}.downtime-dots.svelte-1dctoaq span:where(.svelte-1dctoaq){width:.32em;height:.32em;border-radius:999px;background:currentColor;opacity:.28;animation:svelte-1dctoaq-downtime-dot-fade 1.35s ease-in-out infinite;animation-play-state:paused}.downtime-dots.is-playing.svelte-1dctoaq span:where(.svelte-1dctoaq){animation-play-state:running}.downtime-dots.svelte-1dctoaq span:where(.svelte-1dctoaq):nth-child(2){animation-delay:.16s}.downtime-dots.svelte-1dctoaq span:where(.svelte-1dctoaq):nth-child(3){animation-delay:.32s}@keyframes svelte-1dctoaq-downtime-dot-fade{0%,70%,to{opacity:.25}25%{opacity:.95}}@media(max-width:520px){.timestamped-layout.svelte-1dctoaq .lyric-line-button:where(.svelte-1dctoaq){grid-template-columns:4.1rem minmax(0,1fr);gap:.45rem;padding-inline:.1rem}}.pattern-viewer.svelte-16idetw{--pattern-background: var(--bg-base);position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--pattern-background)}.backdrop-zone:is(.artwork-backdrop-active,.visualizer-backdrop-active) .pattern-viewer.svelte-16idetw{--pattern-background: var(--bg-elevated)}.pattern-empty-state.svelte-16idetw{display:grid;grid-row:1 / -1;place-items:center;min-width:0;min-height:0;padding:1rem;color:var(--muted);font-size:.72rem;text-align:center}.pattern-empty-state.svelte-16idetw p:where(.svelte-16idetw){margin:0}.pattern-toolbar.svelte-16idetw{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;padding:.25rem .4rem;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(var(--chrome-header-backdrop-blur, 14px));backdrop-filter:blur(var(--chrome-header-backdrop-blur, 14px))}.pattern-channel-count.svelte-16idetw{overflow:hidden;color:var(--muted);font:600 .64rem/1 IBM Plex Mono,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.055em}.pattern-toolbar-controls.svelte-16idetw{display:flex;align-items:center;gap:.4rem;min-width:0}.pattern-viewer.svelte-16idetw button:where(.svelte-16idetw){padding:0;border:1px solid var(--border-soft);border-radius:2px;background:var(--bg-base);color:var(--muted);font:600 10px/1 IBM Plex Mono,SFMono-Regular,Consolas,monospace;cursor:default}.pattern-viewer.svelte-16idetw button:where(.svelte-16idetw):hover:not(:disabled){border-color:var(--accent);color:var(--text-strong)}.pattern-viewer.svelte-16idetw button:where(.svelte-16idetw):focus-visible{outline:1px solid var(--accent);outline-offset:1px}.pattern-viewer.svelte-16idetw button:where(.svelte-16idetw):disabled{opacity:.45}.pattern-channel-controls.svelte-16idetw{display:flex;gap:2px}.pattern-channel-controls.svelte-16idetw button:where(.svelte-16idetw){width:18px;height:18px;opacity:0}.pattern-channel-heading.svelte-16idetw:hover .pattern-channel-controls:where(.svelte-16idetw) button:where(.svelte-16idetw),.pattern-channel-heading.svelte-16idetw:focus-within .pattern-channel-controls:where(.svelte-16idetw) button:where(.svelte-16idetw),.pattern-channel-controls.svelte-16idetw button.pressed:where(.svelte-16idetw){opacity:1}.pattern-channel-heading.svelte-16idetw:hover .pattern-channel-controls:where(.svelte-16idetw) button:where(.svelte-16idetw):disabled,.pattern-channel-heading.svelte-16idetw:focus-within .pattern-channel-controls:where(.svelte-16idetw) button:where(.svelte-16idetw):disabled{opacity:.45}.pattern-channel-controls.svelte-16idetw button.pressed:where(.svelte-16idetw){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 24%,var(--bg-base));color:var(--text-strong)}.pattern-position.svelte-16idetw{flex:0 0 auto;display:flex;gap:.45rem;font:650 .76rem/1 IBM Plex Mono,SFMono-Regular,Consolas,monospace}.pattern-position.svelte-16idetw>span:where(.svelte-16idetw){display:flex;align-items:baseline;gap:.22rem}.pattern-position.svelte-16idetw small:where(.svelte-16idetw){color:var(--muted);font:600 .55rem/1 inherit;letter-spacing:.06em}.pattern-position.svelte-16idetw b:where(.svelte-16idetw){color:var(--text-strong);font:inherit}.pattern-scroll.svelte-16idetw{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.pattern-grid.svelte-16idetw{display:grid;grid-template-columns:2.8rem repeat(var(--pattern-channel-count),var(--pattern-channel-width));width:max-content;min-width:100%}.pattern-channel-header.svelte-16idetw{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);-webkit-backdrop-filter:blur(var(--chrome-header-backdrop-blur, 12px));backdrop-filter:blur(var(--chrome-header-backdrop-blur, 12px))}.pattern-row-heading.svelte-16idetw,.pattern-channel-heading.svelte-16idetw{display:flex;align-items:center;min-width:0;padding:.25rem .3rem;border-right:1px solid var(--border-faint);color:var(--muted);font:650 .62rem/1 IBM Plex Mono,SFMono-Regular,Consolas,monospace;letter-spacing:.055em}.pattern-row-heading.svelte-16idetw{position:sticky;left:0;z-index:3;justify-content:center;background:color-mix(in srgb,var(--bg-elevated) 96%,transparent)}.pattern-channel-heading.svelte-16idetw{justify-content:space-between;gap:.25rem}.pattern-channel-label.svelte-16idetw{display:flex;flex-direction:column;gap:.2rem;min-width:0}.pattern-channel-heading.muted.svelte-16idetw .pattern-channel-label:where(.svelte-16idetw){opacity:.5}.pattern-channel-heading.solo.svelte-16idetw{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pattern-channel-heading.svelte-16idetw b:where(.svelte-16idetw){flex:0 0 auto;color:color-mix(in srgb,var(--accent) 76%,var(--text));font:inherit}.pattern-channel-heading.svelte-16idetw small:where(.svelte-16idetw){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:500 .58rem/1 inherit}.pattern-row.svelte-16idetw{height:var(--pattern-row-height);min-height:0}.pattern-body.svelte-16idetw{padding-block:var(--pattern-center-spacer-height)}.pattern-row-number.svelte-16idetw,.pattern-cell.svelte-16idetw{display:flex;align-items:center;height:var(--pattern-row-height);box-sizing:border-box;border-right:1px solid var(--border-faint);border-bottom:1px solid color-mix(in srgb,var(--border-faint) 48%,transparent);font:500 var(--pattern-font-size)/1 "IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;font-synthesis:none;font-variant-ligatures:none;font-variant-numeric:tabular-nums}.pattern-row-number.svelte-16idetw{position:sticky;left:0;z-index:1;justify-content:center;color:color-mix(in srgb,var(--muted) 82%,transparent);background:color-mix(in srgb,var(--pattern-background) 97%,transparent)}.pattern-cell.svelte-16idetw{display:grid;grid-template-columns:3ch 2ch 3ch minmax(3ch,1fr);column-gap:1ch;overflow:hidden;padding:0 .62rem;white-space:nowrap}.pattern-cell.empty.svelte-16idetw{color:color-mix(in srgb,var(--muted) 38%,transparent)}.pattern-cell.empty.svelte-16idetw .pattern-token:where(.svelte-16idetw){color:inherit}.pattern-token.svelte-16idetw{overflow:hidden}.pattern-cell.muted.svelte-16idetw .pattern-token:where(.svelte-16idetw){opacity:.35}.colors-conventional.svelte-16idetw .pattern-note:where(.svelte-16idetw){color:#8eafff}.colors-conventional.svelte-16idetw .pattern-instrument:where(.svelte-16idetw){color:#69cbcb}.colors-conventional.svelte-16idetw .pattern-volume:where(.svelte-16idetw){color:#72d58a}.colors-conventional.svelte-16idetw .pattern-effect:where(.svelte-16idetw){color:#d2d7df}.colors-theme.svelte-16idetw .pattern-note:where(.svelte-16idetw){color:var(--accent)}.colors-theme.svelte-16idetw .pattern-instrument:where(.svelte-16idetw){color:color-mix(in srgb,var(--accent) 70%,var(--text-strong))}.colors-theme.svelte-16idetw .pattern-volume:where(.svelte-16idetw){color:color-mix(in srgb,var(--accent) 46%,var(--text-strong))}.colors-theme.svelte-16idetw .pattern-effect:where(.svelte-16idetw){color:color-mix(in srgb,var(--accent) 20%,var(--text))}.colors-monochrome.svelte-16idetw .pattern-token:where(.svelte-16idetw){color:var(--text)}.pattern-row.beat.svelte-16idetw:not(.active) .pattern-cell:where(.svelte-16idetw),.pattern-row.beat.svelte-16idetw:not(.active) .pattern-row-number:where(.svelte-16idetw){background:color-mix(in srgb,var(--accent) 4%,transparent)}.pattern-row.active.svelte-16idetw .pattern-cell:where(.svelte-16idetw),.pattern-row.active.svelte-16idetw .pattern-row-number:where(.svelte-16idetw){color:var(--text-strong);background:color-mix(in srgb,var(--accent) 14%,var(--pattern-background))}.pattern-row.active.svelte-16idetw .pattern-row-number:where(.svelte-16idetw){color:var(--accent)}@media(max-width:520px){.pattern-position.svelte-16idetw{gap:.42rem}}.track-list-header-main.svelte-706mk4{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;width:100%}.track-list-header-main.svelte-706mk4 .panel-heading:where(.svelte-706mk4){flex:1;min-width:0;container-type:inline-size}.panel-summary.svelte-706mk4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 9rem){.panel-summary-runtime.svelte-706mk4{display:none}}.track-list-actions.svelte-706mk4{display:inline-flex;align-items:center;gap:.52rem;margin-left:auto;flex-shrink:0;justify-content:flex-end;position:relative}.queue-action-button.svelte-706mk4,.track-list-add-files.svelte-706mk4{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:var(--muted);transition:color .18s ease,background-color .18s ease}.queue-action-button.active.svelte-706mk4,.queue-action-button.svelte-706mk4:hover,.track-list-add-files.svelte-706mk4:hover{color:var(--accent-strong)}.queue-action-button.recently-disabled.svelte-706mk4,.queue-action-button.recently-disabled.svelte-706mk4:hover{color:var(--muted)}.queue-action-button.svelte-706mk4 .material-symbols-outlined:where(.svelte-706mk4),.track-list-add-files.svelte-706mk4 .material-symbols-outlined:where(.svelte-706mk4){font-size:1rem;line-height:1}.library-layout-button.svelte-1qtq10w{position:relative;display:grid;place-items:center;flex-shrink:0;width:1.4rem;height:var(--library-action-height, 1.65rem);padding:0;border:1px solid transparent;border-radius:.3rem;background:transparent;color:var(--muted);cursor:default}.library-layout-button.svelte-1qtq10w:hover,.library-layout-button[aria-expanded=true].svelte-1qtq10w{background:var(--accent-strong-soft);color:var(--accent-strong)}.material-symbols-outlined.svelte-1qtq10w{font-size:1rem}@container (max-width: 13rem){.library-layout-button.svelte-1qtq10w{width:1.3rem}}.library-header.svelte-2auf48{z-index:2;display:flex;flex-direction:column;gap:.24rem;width:100%}.library-details.svelte-2auf48,.library-header.list-navigation.svelte-2auf48{display:contents}.list-navigation.svelte-2auf48 .library-toolbar:where(.svelte-2auf48){grid-column:1;grid-row:1 / 3;z-index:2;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:0;padding:.1rem 0;border-right:1px solid var(--border-soft);background:var(--track-list-header-artwork-background, var(--track-list-header-background))}.list-navigation.svelte-2auf48 .library-toolbar:where(.svelte-2auf48):after{display:none}.library-sidebar-resizer.svelte-2auf48{position:absolute;inset:0 -3px 0 auto;z-index:9;width:7px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.library-sidebar-resizer.svelte-2auf48:before{content:"";position:absolute;inset:0 3px}.library-sidebar-resizer.svelte-2auf48:hover:before,.library-sidebar-resizer.svelte-2auf48:focus-visible:before,.library-sidebar-resizer.svelte-2auf48.is-resizing:before{background:var(--accent-strong-border-hover)}.list-navigation.svelte-2auf48 .library-toolbar:where(.svelte-2auf48) .library-view-tabs{flex-direction:column;align-self:stretch;align-items:stretch;justify-content:flex-start;min-height:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.list-navigation.svelte-2auf48 .library-toolbar:where(.svelte-2auf48) .library-view-tab:where(.svelte-2auf48){flex:0 0 auto;justify-content:flex-start;gap:.35rem;width:100%;max-width:none;height:auto;min-height:1.4rem;padding:.1rem .4rem;border:0;border-right:2px solid transparent;border-radius:0;font-size:.75rem;line-height:1.3;text-align:left;cursor:default}.list-navigation.svelte-2auf48 .library-toolbar:where(.svelte-2auf48) .library-view-tab.active:where(.svelte-2auf48){border-right-color:var(--accent-strong);background:var(--selection-bg)}.list-navigation.svelte-2auf48 .library-view-label:where(.svelte-2auf48){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.list-navigation.svelte-2auf48 .library-view-tab:where(.svelte-2auf48)>.material-symbols-outlined:where(.svelte-2auf48){flex-shrink:0}.list-navigation.svelte-2auf48 .library-primary-actions:where(.svelte-2auf48){--library-action-height: 1.3rem;justify-content:space-evenly;flex-shrink:0;gap:0;margin-top:.1rem;padding:.1rem .1rem 0;border-left:0;border-top:1px solid var(--border-soft)}.list-navigation.svelte-2auf48 .library-details:where(.svelte-2auf48){grid-column:2;grid-row:1;z-index:2;display:flex;flex-direction:column;gap:.24rem;min-width:0;padding:.25rem .45rem;background:var(--track-list-header-artwork-background, var(--track-list-header-background))}.list-navigation.svelte-2auf48 .library-view-tab.drop-before:where(.svelte-2auf48):before,.list-navigation.svelte-2auf48 .library-view-tab.drop-after:where(.svelte-2auf48):after{right:0;left:0;width:auto;height:2px}.list-navigation.svelte-2auf48 .library-view-tab.drop-before:where(.svelte-2auf48):before{top:0;bottom:auto}.list-navigation.svelte-2auf48 .library-view-tab.drop-after:where(.svelte-2auf48):after{top:auto;bottom:0}.library-tooltip-detail.svelte-2auf48{margin-left:.28rem}.library-view-label.svelte-2auf48{display:none}.library-toolbar.svelte-2auf48{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.35rem;container-type:inline-size}.library-toolbar.svelte-2auf48:after{content:"";position:absolute;z-index:0;right:-.45rem;bottom:0;left:-.45rem;height:1px;background:var(--border-soft);pointer-events:none}.library-view-tabs,.library-primary-actions.svelte-2auf48{display:inline-flex;align-items:center;gap:.14rem}.library-view-tabs{--tab-strip-active-background: color-mix(in srgb, var(--bg-elevated) 84%, var(--accent-strong-soft));flex:1 1 auto;min-width:0;justify-content:flex-start;align-self:stretch;align-items:flex-end;gap:0;padding-inline:0}.app-shell:not(.mobile-mode) .library-view-tabs{margin-left:-.45rem}.library-toolbar.svelte-2auf48 .library-view-tabs:after{display:none}.library-view-tabs .library-toolbar-button.svelte-2auf48{flex:1 1 0;width:auto;min-width:1.4rem;max-width:2.25rem}.library-primary-actions.svelte-2auf48{flex-shrink:0;padding-left:.22rem;border-left:1px solid var(--border-subtle)}.library-toolbar-button.svelte-2auf48,.library-search-close.svelte-2auf48,.library-back-button.svelte-2auf48{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:var(--library-action-height, 1.65rem);padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:.3rem;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.library-toolbar-button.svelte-2auf48:hover,.library-toolbar-button.active.svelte-2auf48,.library-search-close.svelte-2auf48:hover,.library-back-button.svelte-2auf48:hover{color:var(--accent-strong);background:var(--accent-strong-soft)}.library-toolbar-button.active.svelte-2auf48{box-shadow:none}.library-toolbar-button.svelte-2auf48 .material-symbols-outlined:where(.svelte-2auf48),.library-back-button.svelte-2auf48 .material-symbols-outlined:where(.svelte-2auf48){font-size:1rem;line-height:1}.library-view-tab.dragging.svelte-2auf48{cursor:grabbing;opacity:.6}.library-view-tab.drop-before.svelte-2auf48:before,.library-view-tab.drop-after.svelte-2auf48:after{content:"";position:absolute;top:.25rem;bottom:.25rem;z-index:3;width:2px;border-radius:999px;background:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-strong) 20%,transparent);pointer-events:none}.library-view-tab.drop-before.svelte-2auf48:before{left:-1px}.library-view-tab.drop-after.svelte-2auf48:after{right:-1px}.library-search-row.svelte-2auf48{display:flex;align-items:center;gap:.35rem;min-width:0;height:1.5rem;padding:0 .2rem 0 .42rem;color:var(--muted);background:var(--bg-search);border:1px solid var(--border-soft);border-radius:5px}.library-search-row.svelte-2auf48:focus-within{color:var(--accent-strong);border-color:var(--accent-focus-border)}.library-search-row.svelte-2auf48>.material-symbols-outlined:where(.svelte-2auf48){font-size:.94rem}.library-search-row.svelte-2auf48 input:where(.svelte-2auf48){width:100%;min-width:0;padding:0;color:var(--text);background:transparent;border:0;outline:none;font:inherit;font-size:.8rem}.library-search-row.svelte-2auf48 input:where(.svelte-2auf48)::-webkit-search-cancel-button{appearance:none}.library-search-close.svelte-2auf48{width:1.35rem;height:1.35rem;flex-shrink:0}.library-search-close.svelte-2auf48 .material-symbols-outlined:where(.svelte-2auf48){font-size:.9rem}.library-location.svelte-2auf48{display:flex;align-items:center;min-width:0;min-height:1.2rem;gap:.28rem}.library-back-button.svelte-2auf48{width:1.25rem;height:1.25rem;flex-shrink:0}.library-back-button.svelte-2auf48 .material-symbols-outlined:where(.svelte-2auf48){font-size:.88rem}.library-group-label.svelte-2auf48{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:.76rem;font-weight:600}.library-location-divider.svelte-2auf48,.library-location.svelte-2auf48 .panel-summary:where(.svelte-2auf48){flex-shrink:0}.library-location-divider.svelte-2auf48{color:var(--muted)}@container (max-width: 13rem){.library-toolbar-button.svelte-2auf48{width:1.3rem}.library-view-tabs,.library-primary-actions.svelte-2auf48{gap:0}.library-view-tabs .library-toolbar-button.svelte-2auf48{min-width:1.18rem}}.library-album-backdrop.svelte-1haibja{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.library-album-backdrop.svelte-1haibja img:where(.svelte-1haibja),.library-album-backdrop-overlay.svelte-1haibja{position:absolute;inset:0;width:100%;height:100%}.library-album-backdrop.svelte-1haibja img:where(.svelte-1haibja){object-fit:cover;filter:blur(56px) saturate(1.18);transform:scale(1.18)}.library-album-backdrop-overlay.svelte-1haibja{background:radial-gradient(circle at top,rgba(255,255,255,.017),transparent 36%),linear-gradient(180deg,#08090d82,#08090d6b 52%,#08090d82)}.library-group-list.svelte-1i4oxq4{container:library-groups / inline-size;list-style:none;margin:0;padding:0 .5rem .65rem}.library-group-list.svelte-1i4oxq4 li:where(.svelte-1i4oxq4){position:relative}.library-group-list.svelte-1i4oxq4 li:where(.svelte-1i4oxq4)+li:where(.svelte-1i4oxq4):after{content:"";position:absolute;top:0;left:-.5rem;right:-.5rem;height:1px;background:var(--border-subtle);pointer-events:none}.library-group-list.svelte-1i4oxq4 li.pinned-boundary:where(.svelte-1i4oxq4)+li:where(.svelte-1i4oxq4):after{height:2px;background:var(--border)}.library-group-list.svelte-1i4oxq4 li.drop-before:where(.svelte-1i4oxq4):before,.library-group-list.svelte-1i4oxq4 li.drop-after:where(.svelte-1i4oxq4):before{content:"";position:absolute;z-index:3;left:-.5rem;right:-.5rem;height:2px;background:var(--accent);pointer-events:none}.library-group-list.svelte-1i4oxq4 li.drop-before:where(.svelte-1i4oxq4):before{top:-1px}.library-group-list.svelte-1i4oxq4 li.drop-after:where(.svelte-1i4oxq4):before{bottom:-1px}.library-group-row.svelte-1i4oxq4{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 1rem auto auto;align-items:center;gap:.55rem;width:100%;min-width:0;padding:.22rem .24rem;color:var(--text);text-align:left;border-radius:4px}.library-group-row.folder-tree-row.svelte-1i4oxq4{grid-template-columns:auto auto minmax(0,1fr) 1rem auto auto;padding-left:calc(.24rem + var(--folder-depth) * .9rem)}.library-group-hit-target.svelte-1i4oxq4{position:absolute;z-index:0;inset:0;width:100%;padding:0;background:transparent;border:0;border-radius:inherit}.library-group-row.svelte-1i4oxq4:hover .library-group-hit-target:where(.svelte-1i4oxq4),.library-group-hit-target.svelte-1i4oxq4:focus-visible{background:var(--hover-subtle)}.library-group-row.svelte-1i4oxq4>:where(.svelte-1i4oxq4):not(.library-group-hit-target){position:relative;z-index:1;pointer-events:none}.library-group-row.svelte-1i4oxq4>.library-group-unpin:where(.svelte-1i4oxq4){pointer-events:auto}.library-group-row.svelte-1i4oxq4>.library-folder-disclosure:where(.svelte-1i4oxq4){pointer-events:auto}.library-folder-disclosure.svelte-1i4oxq4,.library-folder-disclosure-spacer.svelte-1i4oxq4{width:.9rem;height:1rem}.library-folder-disclosure.svelte-1i4oxq4{display:grid;place-items:center;padding:0;color:var(--muted);background:transparent;border:0;border-radius:2px}.library-folder-disclosure.svelte-1i4oxq4:hover,.library-folder-disclosure.svelte-1i4oxq4:focus-visible{color:var(--text-strong);background:var(--hover)}.library-folder-disclosure.svelte-1i4oxq4 .material-symbols-outlined:where(.svelte-1i4oxq4){font-size:.9rem}.library-group-row.album-row.svelte-1i4oxq4{width:calc(100% + .5rem);min-height:2rem;margin-left:-.5rem;padding-block:0;padding-left:0}.library-group-icon.svelte-1i4oxq4{color:var(--accent);font-size:1.12rem}.library-group-icon.album-placeholder.svelte-1i4oxq4{display:grid;place-items:center;width:2rem;height:2rem}.library-group-artwork.svelte-1i4oxq4{width:2rem;height:2rem;object-fit:cover;border-radius:0;background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border-subtle)}.library-group-copy.svelte-1i4oxq4{display:flex;align-items:baseline;min-width:0;gap:.42rem;overflow:hidden}.library-group-name.svelte-1i4oxq4,.library-group-secondary.svelte-1i4oxq4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-group-name.svelte-1i4oxq4{flex:0 1 auto;min-width:0;color:var(--text-strong);font-weight:600}.library-group-secondary.svelte-1i4oxq4{flex:1 1 auto;min-width:0}.library-group-secondary.svelte-1i4oxq4,.library-group-meta.svelte-1i4oxq4{color:var(--muted);font-size:.72rem}.library-group-meta.svelte-1i4oxq4{display:flex;align-items:center;gap:.3rem;line-height:1.25;white-space:nowrap}.library-group-unpin.svelte-1i4oxq4{display:grid;place-items:center;width:1rem;height:1rem;padding:0;color:var(--muted);background:transparent;border:0;border-radius:3px}.library-group-unpin.svelte-1i4oxq4:hover,.library-group-unpin.svelte-1i4oxq4:focus-visible{color:var(--text-strong);background:var(--hover)}.library-group-unpin.svelte-1i4oxq4 .material-symbols-outlined:where(.svelte-1i4oxq4){font-size:.78rem}.library-group-open.svelte-1i4oxq4{color:var(--muted);font-size:1rem}.library-group-meta-divider.svelte-1i4oxq4{color:var(--border-soft)}@container library-groups (max-width: 26rem){.library-group-runtime.svelte-1i4oxq4,.library-group-meta-divider.svelte-1i4oxq4{display:none}}@container library-groups (max-width: 20rem){.library-group-meta.svelte-1i4oxq4{display:none}}@container library-groups (max-width: 14rem){.library-group-secondary.svelte-1i4oxq4{display:none}}.library-tiles.svelte-1m14s0m{position:relative;width:100%}.tile-space.svelte-1m14s0m{position:relative}.tile-window.svelte-1m14s0m{position:absolute;left:6px;right:6px;display:grid;grid-template-columns:repeat(var(--tile-columns),minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}li.svelte-1m14s0m{min-width:0;position:relative}.tile.svelte-1m14s0m{position:relative;display:flex;flex-direction:column;width:100%;height:var(--tile-height);padding:0;border:1px solid transparent;border-radius:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:default}.tile.svelte-1m14s0m:hover{background:var(--hover-surface)}.selected.svelte-1m14s0m .tile:where(.svelte-1m14s0m){background:var(--selection-bg);border-color:var(--accent)}.tile.svelte-1m14s0m:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.playing.svelte-1m14s0m .tile-copy:where(.svelte-1m14s0m) strong:where(.svelte-1m14s0m){color:var(--accent)}.tile-visual.svelte-1m14s0m{position:relative;display:block;flex:1;min-height:0;width:100%;overflow:hidden;background:var(--bg-elevated)}.tile-copy.svelte-1m14s0m{display:flex;flex-direction:column;gap:2px;height:42px;padding:4px;box-sizing:border-box}.tile-copy.svelte-1m14s0m strong:where(.svelte-1m14s0m),.tile-copy.svelte-1m14s0m span:where(.svelte-1m14s0m){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:15px}.tile-copy.svelte-1m14s0m strong:where(.svelte-1m14s0m){font-weight:500}.tile-copy.svelte-1m14s0m span:where(.svelte-1m14s0m){color:var(--muted);font-size:.66rem}.tile-badge.svelte-1m14s0m{position:absolute;bottom:3px;right:3px;padding:2px;font-size:1rem;background:var(--bg-elevated);color:var(--accent)}.tile-visual.svelte-1m14s0m .thumbnail-host{position:absolute;inset:0;display:grid;place-items:center}.tile-visual.svelte-1m14s0m .thumbnail-image{width:100%;height:100%;object-fit:cover}.tile-visual.svelte-1m14s0m .thumbnail-placeholder{color:var(--muted);font-size:2.5rem;opacity:.7}.tile-visual.svelte-1m14s0m .thumbnail-brand-glyph{width:40%;aspect-ratio:1;background:currentColor;-webkit-mask:url(/icons/izci-mark.svg) center / contain no-repeat;mask:url(/icons/izci-mark.svg) center / contain no-repeat}.drop-before.svelte-1m14s0m:before,.drop-after.svelte-1m14s0m:after{position:absolute;z-index:1;top:0;bottom:0;width:2px;background:var(--accent);content:""}.drop-before.svelte-1m14s0m:before{left:-4px}.drop-after.svelte-1m14s0m:after{right:-4px}.gallery.svelte-1m14s0m .tile-window:where(.svelte-1m14s0m){position:static;display:block;columns:var(--tile-columns);column-gap:6px;padding:6px}.gallery.svelte-1m14s0m li:where(.svelte-1m14s0m){break-inside:avoid;margin-bottom:6px}.gallery.svelte-1m14s0m .tile:where(.svelte-1m14s0m){display:block;height:auto}.gallery.svelte-1m14s0m .tile-visual:where(.svelte-1m14s0m){display:block}.gallery.svelte-1m14s0m .tile-visual:where(.svelte-1m14s0m) .thumbnail-host{position:relative;display:block;aspect-ratio:var(--thumbnail-aspect, 4 / 3)}.gallery.svelte-1m14s0m .tile-visual:where(.svelte-1m14s0m) .thumbnail-image,.gallery.svelte-1m14s0m .tile-visual:where(.svelte-1m14s0m) .thumbnail-placeholder{position:absolute;inset:0}.gallery.svelte-1m14s0m .tile-visual:where(.svelte-1m14s0m) .thumbnail-placeholder{display:grid;place-items:center}.track-table-row-button.svelte-1x8hdnr{position:relative;width:100%;display:grid;grid-template-columns:var(--clv-template-columns);column-gap:var(--clv-column-gap);align-items:center;padding:.01rem 0;color:var(--text);background:transparent;border:0;text-align:left;min-width:0;border-radius:4px}.track-table-row-button.svelte-1x8hdnr:before{content:"";position:absolute;inset:0 -.55rem;z-index:0;border-radius:4px;pointer-events:none}.track-table-cell.svelte-1x8hdnr{position:relative;z-index:1;min-width:0;min-height:1.4rem;display:block;padding:.18rem .3rem .16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-table-cell.is-right-aligned.svelte-1x8hdnr{text-align:right}.track-table-cell.is-duration.svelte-1x8hdnr{color:var(--muted)}.track-table-cell.is-rating.svelte-1x8hdnr{text-overflow:clip}.track-rating-value.svelte-1x8hdnr{display:inline-flex;align-items:center;gap:.22rem}.track-rating-star.svelte-1x8hdnr{flex-shrink:0;color:var(--accent-strong);font-size:.92rem;line-height:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}li.svelte-1x8hdnr .track-table-row-button:where(.svelte-1x8hdnr):hover:before{background:var(--hover-subtle)}li.selected.svelte-1x8hdnr .track-table-row-button:where(.svelte-1x8hdnr):before{background:var(--selection-bg)}li.playing.svelte-1x8hdnr .track-table-row-button:where(.svelte-1x8hdnr){color:var(--text-strong);font-weight:600}li.playing.svelte-1x8hdnr .track-table-row-button:where(.svelte-1x8hdnr):before{box-shadow:inset 3px 0 0 var(--accent-strong)}li.playing.svelte-1x8hdnr .track-table-row-button:where(.svelte-1x8hdnr) .track-table-cell.is-duration:where(.svelte-1x8hdnr){color:inherit}.track-table.svelte-1eiloib{width:100%;min-width:0;padding:0 .55rem .7rem;overflow-x:hidden}.track-table-body.svelte-1eiloib{width:100%;padding:0}.virtual-track-spacer.svelte-1eiloib{pointer-events:none}.track-list-panel.fill-parent.svelte-cc9pt5{width:100%;min-width:0;height:100%}.track-list-panel.library-album-backdrop-active.svelte-cc9pt5{isolation:isolate;color-scheme:dark;--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #aab5c1;--accent-strong: #d1d7df;--accent-text: #1b1e22;--accent-strong-soft: rgba(209, 215, 223, .08);--bg-elevated: rgba(18, 19, 24, .44);--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .18);--border-soft: rgba(255, 255, 255, .12);--border-faint: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .08);--border-covered: var(--border-subtle);--hover-subtle: rgba(255, 255, 255, .05);--hover-control: rgba(255, 255, 255, .08);--selection-bg: rgba(209, 215, 223, .14);--selection-strong: rgba(209, 215, 223, .22);--track-list-header-artwork-background: linear-gradient(180deg, rgba(18, 19, 28, .48) 0%, rgba(18, 19, 28, .38) 100%), rgba(255, 255, 255, .018)}.track-list-panel.library-album-backdrop-active.svelte-cc9pt5 .track-list-dropzone:where(.svelte-cc9pt5){z-index:1;background:transparent}.track-list-panel.library-album-transition-bypass.svelte-cc9pt5,.track-list-panel.library-album-transition-bypass.svelte-cc9pt5 *,.track-list-panel.library-album-transition-bypass.svelte-cc9pt5 *:before,.track-list-panel.library-album-transition-bypass.svelte-cc9pt5 *:after{transition-duration:0ms!important}.track-list-panel-header.svelte-cc9pt5{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.36rem}.track-list-panel-header.library-mode.svelte-cc9pt5{min-height:1.7rem;padding:.025rem .45rem}.track-list-dropzone.library-list-navigation.svelte-cc9pt5{display:grid;grid-template-columns:min(var(--library-sidebar-width, clamp(4.5rem, 30%, 9rem)),max(4.5rem,calc(100% - 80px))) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.library-list-navigation.svelte-cc9pt5 .track-list-panel-header.library-mode:where(.svelte-cc9pt5){display:contents}.library-list-navigation.svelte-cc9pt5 .track-list-panel-header:where(.svelte-cc9pt5):before,.library-list-navigation.svelte-cc9pt5 .track-list-panel-header:where(.svelte-cc9pt5):after{display:none}.library-list-navigation.svelte-cc9pt5>.column-list-view{grid-column:2;grid-row:2}.track-list-panel-header.compact-heading.svelte-cc9pt5:not(.library-mode):not(.has-column-header){height:1.7rem}.track-list-panel-header.has-column-header.svelte-cc9pt5:not(.library-mode){padding-bottom:0}.track-list-filter-empty.svelte-cc9pt5{place-items:center;padding:1.2rem .9rem 1.35rem}.track-list-filter-empty.svelte-cc9pt5 p:where(.svelte-cc9pt5){margin:0}.favorites-empty-note.svelte-cc9pt5{color:var(--muted);font-size:.76rem}.queue-panel.svelte-1uaupqq{display:flex;flex-direction:column;flex:0 0 auto;min-width:0;min-height:0;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-elevated) 62%,transparent)}.queue-panel.is-resizing.svelte-1uaupqq{-webkit-user-select:none;user-select:none}.queue-resizer.svelte-1uaupqq{position:relative;flex:0 0 auto;height:7px;cursor:row-resize;touch-action:none}.queue-resizer.svelte-1uaupqq:before{content:"";position:absolute;left:0;right:0;top:3px;height:1px;background:var(--border-soft)}.queue-resizer.svelte-1uaupqq:hover:before,.queue-panel.is-resizing.svelte-1uaupqq .queue-resizer:where(.svelte-1uaupqq):before{background:var(--accent-strong)}.queue-resizer-handle.svelte-1uaupqq{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3rem;height:3px;border-radius:2px;background:var(--border)}.queue-resizer.svelte-1uaupqq:hover .queue-resizer-handle:where(.svelte-1uaupqq),.queue-panel.is-resizing.svelte-1uaupqq .queue-resizer-handle:where(.svelte-1uaupqq){background:var(--accent-strong)}.queue-header.svelte-1uaupqq{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto;min-height:1.7rem;padding:0 .55rem;cursor:default;color:var(--muted)}.queue-header.svelte-1uaupqq:hover{color:var(--accent-strong)}.queue-header-leading.svelte-1uaupqq{display:inline-flex;align-items:center;gap:.32rem;min-width:0}.queue-chevron.svelte-1uaupqq{font-size:.95rem;line-height:1;color:var(--muted)}.queue-title.svelte-1uaupqq{font-size:.8rem;font-weight:600;color:var(--text);letter-spacing:.02em}.queue-count.svelte-1uaupqq{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:.6rem;background:var(--hover-subtle);color:var(--muted);font-size:.68rem;font-weight:600;line-height:1}.queue-clear-button.svelte-1uaupqq{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;padding:0;background:transparent;border:0;color:var(--muted);transition:color .18s ease,background-color .18s ease}.queue-clear-button.svelte-1uaupqq:hover{color:var(--accent-strong);background-color:var(--accent-strong-soft)}.queue-clear-button.svelte-1uaupqq .material-symbols-outlined:where(.svelte-1uaupqq){font-size:.92rem;line-height:1}.queue-list.svelte-1uaupqq{flex:1 1 auto;min-height:0;margin:0;padding:0 .55rem .5rem;list-style:none;overflow-y:auto;overscroll-behavior:contain}.queue-list.mobile-list.svelte-1uaupqq{max-height:45vh;overflow-y:auto}.queue-empty-note.svelte-1uaupqq{flex:1 1 auto;margin:0;padding:.45rem .75rem .6rem;color:var(--muted);font-size:.76rem}.queue-panel.mobile-presentation.svelte-1uaupqq .queue-header:where(.svelte-1uaupqq){padding:.35rem .75rem;min-height:2.2rem}.queue-panel.mobile-presentation.svelte-1uaupqq .queue-list:where(.svelte-1uaupqq){padding:0 .75rem .6rem}.details-panel.svelte-119gzbv{position:relative;isolation:isolate}.details-panel.fill-parent.svelte-119gzbv{width:100%;min-width:0;height:100%}.details-panel.svelte-119gzbv>:where(.svelte-119gzbv){position:relative;z-index:1}.panel-header.svelte-119gzbv{align-items:center}.details-close-button.svelte-119gzbv{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.22rem;min-width:5.75rem;padding:0;line-height:1;color:var(--muted);background:transparent;transition:none}.details-close-button.svelte-119gzbv:hover,.details-close-button.svelte-119gzbv:focus-visible{color:var(--text)}.details-close-button.svelte-119gzbv:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.details-close-label.svelte-119gzbv{overflow:hidden;max-width:0;opacity:0;white-space:nowrap;transition:none}.details-close-button.svelte-119gzbv:hover .details-close-label:where(.svelte-119gzbv),.details-close-button.svelte-119gzbv:focus-visible .details-close-label:where(.svelte-119gzbv){max-width:3.5rem;opacity:1}.details-close-icon.svelte-119gzbv{font-size:1.1rem}.details-content.svelte-119gzbv{display:grid;align-content:start;grid-auto-rows:max-content;flex:1;min-height:0;overflow:auto;padding:0 .72rem}.details-content.compact-workspace.svelte-119gzbv,.empty-state.compact-workspace.svelte-119gzbv{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.details-empty-state.svelte-119gzbv{align-content:center;justify-items:center;flex:1;gap:.35rem}.details-empty-state.svelte-119gzbv p:where(.svelte-119gzbv){margin:0}.details-empty-icon.svelte-119gzbv{font-size:1.15rem}.detail-section.svelte-119gzbv{display:grid;gap:.2rem;padding:.46rem 0}.detail-section.svelte-119gzbv:first-child{padding-top:0}.detail-section.svelte-119gzbv+.detail-section:where(.svelte-119gzbv){border-top:1px solid var(--border-soft)}.track-copy.svelte-119gzbv{gap:.2rem}.track-artwork.svelte-119gzbv{justify-self:center;width:min(100%,16rem);aspect-ratio:1;border-radius:var(--track-artwork-radius);overflow:hidden;background:linear-gradient(180deg,var(--hover-control),transparent 100%),var(--bg-soft);box-shadow:inset 0 0 0 1px var(--border-strong),0 0 0 1px #00000014;transition:background var(--artwork-ui-transition-duration, .28s) linear,box-shadow var(--artwork-ui-transition-duration, .28s) linear}.track-artwork-image.svelte-119gzbv{display:block;width:100%;height:100%;object-fit:cover}.section-heading.svelte-119gzbv{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.82rem;font-weight:700;line-height:1.2;color:var(--text)}.section-icon.svelte-119gzbv{font-size:1rem;color:var(--muted)}.track-title.svelte-119gzbv{margin:0;font-size:1.18rem;line-height:1.1;font-weight:700;color:var(--text-strong)}.track-artist.svelte-119gzbv{margin:0;color:var(--muted);font-size:.84rem}.metadata-list.svelte-119gzbv{display:grid;gap:.32rem;margin:0}.metadata-row.svelte-119gzbv{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.42rem;align-items:start}.metadata-row.svelte-119gzbv dt:where(.svelte-119gzbv),.metadata-row.svelte-119gzbv dd:where(.svelte-119gzbv){margin:0;min-width:0}.metadata-row.svelte-119gzbv dt:where(.svelte-119gzbv){color:var(--muted);line-height:1.25}.metadata-icon.svelte-119gzbv{display:block;font-size:1rem;transform:translateY(.1rem)}button.track-artist.svelte-119gzbv{justify-self:start}.details-library-link.svelte-119gzbv{display:inline-flex;align-items:baseline;gap:.42rem;min-width:0;max-width:100%;margin:-.08rem -.2rem;padding:.08rem .2rem;border-radius:.22rem;color:inherit;background:transparent;text-align:left;overflow-wrap:anywhere;transition:color 90ms ease-out,background 90ms ease-out,box-shadow 90ms ease-out}.details-library-link.svelte-119gzbv:hover,.details-library-link.svelte-119gzbv:focus-visible{color:var(--text-strong);background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:0 0 .5rem color-mix(in srgb,var(--accent) 22%,transparent)}.details-library-link.svelte-119gzbv:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:1px}.metadata-row.svelte-119gzbv dd:where(.svelte-119gzbv){color:var(--text);text-align:left;overflow-wrap:anywhere}.technical-detail.svelte-119gzbv{color:var(--muted)}.format-value-column.svelte-119gzbv{display:flex;flex-direction:column;gap:.15rem;min-width:0}.notes-block.svelte-119gzbv{min-height:0}.notes-block.svelte-119gzbv pre:where(.svelte-119gzbv){margin:0;font:.82rem/1.5 IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:var(--text)}.chat-panel.svelte-1csz7wk{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:var(--surface-color, transparent)}.chat-messages.svelte-1csz7wk{flex:1;min-height:0;overflow:auto;padding:8px 10px;font-size:.84rem;line-height:1.35}.chat-line.svelte-1csz7wk{display:flex;align-items:baseline;gap:.28rem;min-width:0;padding:2px 0}.chat-action.svelte-1csz7wk{color:color-mix(in srgb,currentColor 62%,transparent);font-style:italic}.chat-notice.svelte-1csz7wk{display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:center;color:color-mix(in srgb,currentColor 62%,transparent)}.chat-action.svelte-1csz7wk .chat-name:where(.svelte-1csz7wk){color:inherit;font-weight:500}.chat-action-prefix.svelte-1csz7wk{flex:0 0 auto}.chat-notice-icon.svelte-1csz7wk{font-size:1rem;line-height:1}.chat-notice-text.svelte-1csz7wk{min-width:0;overflow-wrap:anywhere}.chat-name.svelte-1csz7wk{flex:0 0 auto;color:var(--accent-strong, currentColor);font-weight:600}.chat-colon.svelte-1csz7wk{flex:0 0 auto;opacity:.55}.chat-text.svelte-1csz7wk{min-width:0;overflow-wrap:anywhere}.chat-track-link.svelte-1csz7wk{display:inline-flex;align-items:baseline;min-width:0;gap:.18rem;padding:0;border:0;color:var(--accent, currentColor);background:transparent;font:inherit;text-align:left}.chat-track-link.svelte-1csz7wk:focus-visible{outline:1px solid var(--accent-focus-border, currentColor);outline-offset:1px}.chat-track-link.svelte-1csz7wk .material-symbols-outlined:where(.svelte-1csz7wk){flex:0 0 auto;font-size:1rem}.chat-track-title.svelte-1csz7wk{min-width:0;overflow-wrap:anywhere}.chatNowPlaying.svelte-1csz7wk{display:block;padding-right:3rem}.chatNowPlaying.svelte-1csz7wk .chat-track-link:where(.svelte-1csz7wk){display:inline}.chatNowPlaying.svelte-1csz7wk .chat-track-link:where(.svelte-1csz7wk) .material-symbols-outlined:where(.svelte-1csz7wk){vertical-align:text-bottom}.chatNowPlaying.svelte-1csz7wk .chat-time:where(.svelte-1csz7wk){float:right;margin-right:-3rem}.chat-time.svelte-1csz7wk{flex:0 0 auto;margin-left:auto;padding-left:.6rem;color:color-mix(in srgb,currentColor 62%,transparent);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.chat-empty.svelte-1csz7wk{margin:0;color:color-mix(in srgb,currentColor 65%,transparent)}.chat-motd.svelte-1csz7wk{margin:0 0 .6rem;padding:0 0 .55rem;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.chat-motd-header.svelte-1csz7wk{margin-bottom:.16rem;color:color-mix(in srgb,currentColor 62%,transparent);font-size:.78rem;font-weight:600}.chat-motd-text.svelte-1csz7wk{overflow-wrap:anywhere}.chat-compose.svelte-1csz7wk{display:flex;gap:4px;padding:4px 6px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.chat-compose.svelte-1csz7wk input:where(.svelte-1csz7wk){min-width:0;flex:1;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;appearance:none}.chat-compose.svelte-1csz7wk input:where(.svelte-1csz7wk):focus-visible{outline:1px solid var(--accent-focus-border, color-mix(in srgb, var(--accent-strong, currentColor) 48%, transparent));outline-offset:-1px}.chat-compose.svelte-1csz7wk button:where(.svelte-1csz7wk){display:grid;place-items:center;flex:0 0 auto;width:1.45rem;height:1.45rem;padding:0;border:0;background:transparent;color:var(--accent-strong, currentColor)}.chat-compose.svelte-1csz7wk button:where(.svelte-1csz7wk) .material-symbols-outlined:where(.svelte-1csz7wk){font-size:1.15rem}.chat-compose.svelte-1csz7wk button:where(.svelte-1csz7wk):disabled{color:color-mix(in srgb,currentColor 38%,transparent)}@media(max-width:520px){.chat-time.svelte-1csz7wk{display:none}.chatNowPlaying.svelte-1csz7wk{padding-right:0}}.image-stage.svelte-1i2rwzh{position:absolute;inset:0;z-index:7;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:var(--body-background);contain:strict}.image-stage.svelte-1i2rwzh img{position:relative;z-index:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;background:var(--body-background);transform-origin:center center}.image-stage.image-fill.svelte-1i2rwzh img{object-fit:cover}.image-stage.zoomed.svelte-1i2rwzh{cursor:grab}.image-stage.zoomed.panning.svelte-1i2rwzh{cursor:grabbing}.image-zoom-status.svelte-1i2rwzh{position:absolute;top:.68rem;right:.7rem;z-index:2;width:max-content;max-width:min(240px,70vw);padding:4px 7px;border:1px solid var(--menu-bar-border);border-radius:5px;background:var(--menu-popover-bg);color:var(--menu-popover-text, var(--text-strong));box-shadow:var(--menu-popover-shadow, 0 5px 14px rgba(0, 0, 0, .38));font-size:.68rem;font-weight:400;line-height:1.25;opacity:0;pointer-events:none;transform:translateY(-2px) scale(.98);transform-origin:top right;transition:opacity 55ms ease-out,transform 55ms ease-out;white-space:nowrap}.image-zoom-status.is-visible.svelte-1i2rwzh{opacity:1;transform:translateY(0) scale(1)}.image-viewer.svelte-htobod{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;outline:none}.image-viewer-stage.svelte-htobod{position:relative;flex:1;min-height:0}.image-viewer-notice.svelte-htobod{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;pointer-events:none}.image-viewer-controls.svelte-htobod{display:flex;align-items:center;gap:2px;padding:3px 5px;background:var(--body-background);flex-wrap:wrap}button.svelte-htobod{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border:0;border-radius:3px;background:transparent;color:inherit}button.svelte-htobod:hover,button.svelte-htobod:focus-visible{background:var(--button-hover-background, #8883)}button.active.svelte-htobod{color:var(--accent-strong)}.material-symbols-outlined.svelte-htobod{font-size:20px}.image-viewer-name.svelte-htobod{flex:1;min-width:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:5px;font-size:12px}.image-viewer-position.svelte-htobod{font-size:11px;opacity:.65;margin-inline:4px}.video-stage.svelte-pgqrcz{position:absolute;inset:0;z-index:7;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#000;contain:strict}.video-stage.svelte-pgqrcz video{position:relative;z-index:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;background:#000}.video-stage.video-fill.svelte-pgqrcz video{object-fit:cover}.video-pip-button.svelte-pgqrcz{position:absolute;top:calc(var(--video-theater-chrome-inset, 0px) + .65rem);right:.7rem;z-index:3;display:grid;place-items:center;width:1.85rem;height:1.85rem;padding:0;border:0;border-radius:.35rem;background:#00000047;color:#ffffffb8;filter:drop-shadow(0 1px 3px rgba(0,0,0,.78));opacity:.74;cursor:pointer;transition:color 90ms ease-out,background-color 90ms ease-out,opacity .16s ease-out,transform .18s ease-out,top .18s ease-out}.video-stage.controls-hidden.svelte-pgqrcz .video-pip-button:where(.svelte-pgqrcz){top:.65rem;opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1.35rem))}.video-pip-button.svelte-pgqrcz:hover,.video-pip-button.svelte-pgqrcz:focus-visible{background:#00000094;color:#fff;opacity:1}.video-pip-button.svelte-pgqrcz .material-symbols-outlined:where(.svelte-pgqrcz){font-size:1.2rem}.video-status-popup.svelte-pgqrcz{position:absolute;top:calc(var(--video-theater-chrome-inset, 0px) + .68rem);right:.7rem;z-index:2;width:max-content;max-width:min(240px,70vw);padding:4px 7px;border:1px solid var(--menu-bar-border);border-radius:5px;background:var(--menu-popover-bg);color:var(--menu-popover-text, var(--text-strong));box-shadow:var(--menu-popover-shadow, 0 5px 14px rgba(0, 0, 0, .38));font-size:.68rem;font-weight:400;line-height:1.25;opacity:0;pointer-events:none;transform:translateY(-2px) scale(.98);transform-origin:top right;transition:opacity 55ms ease-out,transform 55ms ease-out,top .18s ease-out;white-space:nowrap}.video-status-popup.with-pip.svelte-pgqrcz{right:3rem}.video-status-popup.is-visible.svelte-pgqrcz{opacity:1;transform:translateY(0) scale(1)}.video-stage.controls-hidden.svelte-pgqrcz .video-status-popup:where(.svelte-pgqrcz){top:.68rem}.video-center-feedback.svelte-pgqrcz{position:absolute;z-index:2;color:#ffffffb8;font-size:clamp(3.5rem,10vmin,6.5rem);font-variation-settings:"FILL" 1;filter:drop-shadow(0 .18rem .3rem rgba(0,0,0,.8)) drop-shadow(0 0 1.2rem rgba(0,0,0,.58));opacity:0;pointer-events:none;animation:svelte-pgqrcz-video-center-feedback .65s ease-out}.video-buffering.svelte-pgqrcz{opacity:.72;animation:svelte-pgqrcz-video-buffering .9s linear infinite}@keyframes svelte-pgqrcz-video-center-feedback{0%{opacity:0;transform:scale(.9)}18%{opacity:.78;transform:scale(1)}72%{opacity:.78}to{opacity:0}}@keyframes svelte-pgqrcz-video-buffering{to{transform:rotate(360deg)}}.visualizer-viewport.svelte-bs40u8{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#000;--visualizer-high: rgba(255, 246, 210, .95);--visualizer-mid: rgba(120, 205, 255, .68);--visualizer-low: rgba(255, 121, 198, .22);--visualizer-glow: rgba(120, 205, 255, .42);--visualizer-bars: rgba(155, 220, 255, .86);--visualizer-blocks: rgba(255, 246, 210, .72);--visualizer-blend-mode: normal}.queue-tab-stack.svelte-1s4xfgv{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.queue-tab-stack.svelte-1s4xfgv .track-list-panel.fill-parent{height:auto;flex:1 1 0;min-height:0}.media-tab-stage.svelte-1s4xfgv{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#000}.media-tab-stage.is-image.svelte-1s4xfgv{background:var(--body-background)}.multiplayer-floaters.svelte-105ccj4{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.multiplayer-floater-anchor.svelte-105ccj4{position:absolute;transform-origin:center;pointer-events:auto;touch-action:none}.multiplayer-floater-drag-layer.svelte-105ccj4{position:relative;transform:translate3d(var(--float-drag-x),var(--float-drag-y),0);animation:svelte-105ccj4-multiplayer-float var(--float-duration) ease-in-out var(--float-delay) infinite alternate}.multiplayer-floater-drag-layer.is-dragging.svelte-105ccj4{animation-play-state:paused}.multiplayer-floater-drag-layer.is-dragging.svelte-105ccj4,.multiplayer-floater-drag-layer.is-inertial.svelte-105ccj4{will-change:transform}.edge-left.svelte-105ccj4{left:.75rem;top:var(--float-offset)}.edge-right.svelte-105ccj4{right:.75rem;top:var(--float-offset)}.edge-top.svelte-105ccj4{top:3rem;left:var(--float-offset)}.edge-bottom.svelte-105ccj4{bottom:1rem;left:var(--float-offset)}.multiplayer-floater-backdrop.svelte-105ccj4{position:absolute;inset:0;z-index:0;transform:scale(var(--float-scale));border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--bg-elevated) 87%,transparent);box-shadow:0 .35rem 1.1rem #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}.multiplayer-floater-anchor.is-coop.svelte-105ccj4 .multiplayer-floater-backdrop:where(.svelte-105ccj4){border-radius:.65rem}.multiplayer-floater.svelte-105ccj4{position:relative;z-index:1;display:grid;grid-template-columns:4.1rem minmax(0,1fr);gap:.65rem;width:15rem;min-height:4.1rem;padding:.42rem;box-sizing:border-box;border-radius:.8rem;color:var(--text);background:transparent;transform:scale(var(--float-scale));cursor:grab;-webkit-user-select:none;user-select:none}.multiplayer-floater.is-dragging.svelte-105ccj4{cursor:grabbing}.multiplayer-floater.is-coop.svelte-105ccj4{display:flex;align-items:center;width:max-content;max-width:9rem;min-height:0;padding:.32rem .48rem;border-radius:.65rem}.multiplayer-floater.is-coop.svelte-105ccj4 .multiplayer-floater-client:where(.svelte-105ccj4){font-size:.68rem}.multiplayer-floater.is-coop.svelte-105ccj4 .multiplayer-floater-client:where(.svelte-105ccj4) .material-symbols-outlined:where(.svelte-105ccj4){font-size:.85rem}.multiplayer-floater-artwork.svelte-105ccj4{display:grid;place-items:center;width:4.1rem;height:4.1rem;overflow:hidden;border-radius:.55rem;background:var(--bg);color:var(--text-muted)}.multiplayer-floater-artwork.svelte-105ccj4 img:where(.svelte-105ccj4){width:100%;height:100%;object-fit:cover}.multiplayer-floater-artwork.svelte-105ccj4 .material-symbols-outlined:where(.svelte-105ccj4){font-size:2rem}.multiplayer-floater-copy.svelte-105ccj4{min-width:0;align-self:center;display:flex;flex-direction:column;gap:.12rem}.multiplayer-floater-client.svelte-105ccj4{display:flex;align-items:center;gap:.28rem;min-width:0;color:var(--accent);font-size:.72rem}.multiplayer-floater-client.svelte-105ccj4 .material-symbols-outlined:where(.svelte-105ccj4){flex:0 0 auto;font-size:.95rem}.multiplayer-floater-client.svelte-105ccj4 strong:where(.svelte-105ccj4),.multiplayer-floater-title.svelte-105ccj4,.multiplayer-floater-artist.svelte-105ccj4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiplayer-floater-title.svelte-105ccj4{font-size:.82rem;font-weight:650}.multiplayer-floater-artist.svelte-105ccj4{color:var(--text-muted);font-size:.72rem}@keyframes svelte-105ccj4-multiplayer-float{0%{translate:calc(var(--float-drift-x) * -1) calc(var(--float-drift-y) * -1);rotate:calc(var(--float-rotation) * -1)}to{translate:var(--float-drift-x) var(--float-drift-y);rotate:var(--float-rotation)}}@media(max-width:900px){.multiplayer-floater.svelte-105ccj4{width:12rem;grid-template-columns:3.25rem minmax(0,1fr);min-height:3.25rem}.multiplayer-floater-artwork.svelte-105ccj4{width:3.25rem;height:3.25rem}}@media(prefers-reduced-motion:reduce){.multiplayer-floater-drag-layer.svelte-105ccj4{animation:none}}.workspace-panel-surface.svelte-hul5tq{min-width:0;min-height:0;width:100%;height:100%}.video-theater.svelte-5tas9u{position:fixed;inset-inline:0;bottom:0;z-index:39;overflow:hidden;background:#000}.video-theater.is-image.svelte-5tas9u{background:var(--body-background)}.video-theater.is-controls-hidden.svelte-5tas9u{cursor:none}.mini-player.svelte-1c9seom{display:grid;min-width:0;height:100vh;min-height:6.25rem;padding:.36rem .5rem;gap:.32rem;align-content:center;background:var(--body-background);color:var(--text);font-size:.85rem;overflow:hidden}.mini-player.svelte-1c9seom,.mini-player.svelte-1c9seom :where(.svelte-1c9seom){cursor:default}.mini-player-track-row.svelte-1c9seom,.mini-player-control-row.svelte-1c9seom,.mini-player-transport.svelte-1c9seom{display:flex;align-items:center;min-width:0}.mini-player-track-row.svelte-1c9seom{gap:.58rem}.mini-player-artwork.svelte-1c9seom{position:relative;display:grid;width:3.2rem;height:3.2rem;flex:0 0 3.2rem;place-items:center;border:1px solid var(--border-soft);border-radius:var(--track-artwork-radius);background:color-mix(in srgb,var(--bg-soft) 76%,transparent);color:var(--muted);overflow:hidden;padding:0}.mini-player-artwork.svelte-1c9seom img:where(.svelte-1c9seom){width:100%;height:100%;object-fit:cover}.mini-player-artwork.svelte-1c9seom .material-symbols-outlined:where(.svelte-1c9seom){font-size:1.55rem}.mini-player-artwork.svelte-1c9seom .mini-player-artwork-fullscreen:where(.svelte-1c9seom){position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0000006b;opacity:0;transition:opacity .12s ease}.mini-player-artwork.svelte-1c9seom:hover:not(:disabled) .mini-player-artwork-fullscreen:where(.svelte-1c9seom),.mini-player-artwork.svelte-1c9seom:focus-visible .mini-player-artwork-fullscreen:where(.svelte-1c9seom){opacity:1}.mini-player-track-copy.svelte-1c9seom{display:grid;min-width:0;flex:1;gap:.18rem}.mini-player-track-copy.svelte-1c9seom strong:where(.svelte-1c9seom),.mini-player-track-copy.svelte-1c9seom span:where(.svelte-1c9seom){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-track-copy.svelte-1c9seom strong:where(.svelte-1c9seom){color:var(--text-strong);font-size:.94rem}.mini-player-track-copy.svelte-1c9seom span:where(.svelte-1c9seom){color:var(--muted);font-size:.78rem}.mini-player-transport.svelte-1c9seom{flex:0 0 auto;gap:.16rem}button.svelte-1c9seom{display:inline-grid;width:2rem;height:2rem;padding:0;place-items:center;border-radius:999px;background:transparent;color:var(--text)}button.svelte-1c9seom:hover:not(:disabled){background:var(--hover-control)}button.svelte-1c9seom:focus-visible{outline:2px solid var(--accent-focus-border);outline-offset:1px}button.svelte-1c9seom:disabled{color:var(--muted);opacity:.44}.mini-player-transport.svelte-1c9seom button:where(.svelte-1c9seom){width:2.2rem;height:2.2rem;border-radius:0;transition:color .12s ease,filter .12s ease-out}.mini-player.mini-player-loading.svelte-1c9seom .mini-player-track-copy:where(.svelte-1c9seom),.mini-player.mini-player-loading.svelte-1c9seom .mini-player-control-row:where(.svelte-1c9seom){opacity:.66;transition:opacity .12s ease}.mini-player.mini-player-loading.svelte-1c9seom .mini-player-transport:where(.svelte-1c9seom) button:where(.svelte-1c9seom){opacity:.62}.mini-player.mini-player-loading.svelte-1c9seom .mini-player-primary-button:where(.svelte-1c9seom) .material-symbols-outlined:where(.svelte-1c9seom){color:transparent;position:relative}.mini-player.mini-player-loading.svelte-1c9seom .mini-player-primary-button:where(.svelte-1c9seom) .material-symbols-outlined:where(.svelte-1c9seom):before{content:"";position:absolute;left:50%;top:50%;width:.78em;height:.78em;margin:-.39em 0 0 -.39em;border-radius:50%;background:conic-gradient(from 0deg,var(--text) 0deg 90deg,transparent 90deg 180deg,var(--text) 180deg 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - .09em),#000 calc(100% - .06em));mask:radial-gradient(closest-side,transparent calc(100% - .09em),#000 calc(100% - .06em));animation:svelte-1c9seom-mini-player-loading-spin .9s linear infinite}@keyframes svelte-1c9seom-mini-player-loading-spin{to{transform:rotate(360deg)}}.mini-player-transport.svelte-1c9seom button:where(.svelte-1c9seom):hover:not(:disabled){background:transparent;filter:drop-shadow(0 0 .38rem color-mix(in srgb,currentColor 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,var(--accent-strong) 46%,transparent))}.mini-player-transport.svelte-1c9seom button:where(.svelte-1c9seom) .material-symbols-outlined:where(.svelte-1c9seom){font-size:1.6rem}.mini-player-transport.svelte-1c9seom .mini-player-primary-button:where(.svelte-1c9seom){width:2.7rem;height:2.7rem}.mini-player-transport.svelte-1c9seom .mini-player-primary-button:where(.svelte-1c9seom) .material-symbols-outlined:where(.svelte-1c9seom){font-size:2rem}.mini-player-control-row.svelte-1c9seom{display:grid;grid-template-columns:2.9rem minmax(5rem,1fr) 2.9rem 1.75rem 4.8rem;gap:.38rem}.mini-player-time.svelte-1c9seom{display:inline-flex;height:.82rem;align-items:center;justify-content:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.73rem;line-height:1;text-align:center;transform:translateY(-.02rem)}.mini-player-range.svelte-1c9seom{--mini-player-range-progress: 0%;--mini-player-range-fill-end: 0px;position:relative;display:flex;height:.82rem;align-items:center;min-width:3.5rem}.mini-player-range.svelte-1c9seom:before,.mini-player-range-fill.svelte-1c9seom{position:absolute;left:0;right:0;top:50%;height:.3rem;border-radius:999px;content:"";pointer-events:none;transform:translateY(-50%)}.mini-player-range.svelte-1c9seom:before{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg-soft) 82%,black)}.mini-player-range-fill.svelte-1c9seom{right:auto;width:var(--mini-player-range-fill-end);background:var(--accent-strong)}.mini-player-range.svelte-1c9seom input:where(.svelte-1c9seom){appearance:none;position:relative;z-index:1;width:100%;height:.82rem;margin:0;border:0;background:transparent}.mini-player-range.svelte-1c9seom input:where(.svelte-1c9seom)::-webkit-slider-runnable-track{height:.3rem;border-radius:999px;background:transparent}.mini-player-range.svelte-1c9seom input:where(.svelte-1c9seom)::-webkit-slider-thumb{appearance:none;width:.78rem;height:.78rem;margin-top:-.24rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--accent-strong);box-shadow:0 1px 3px #00000052}.mini-player-range.svelte-1c9seom input:where(.svelte-1c9seom):disabled{opacity:.42}.mini-player-range.svelte-1c9seom:has(input:where(.svelte-1c9seom):disabled):before,.mini-player-range.svelte-1c9seom:has(input:where(.svelte-1c9seom):disabled) .mini-player-range-fill:where(.svelte-1c9seom){opacity:.42}.mini-player-volume-button.svelte-1c9seom{width:1.75rem;height:1.75rem}.mini-player-volume-button.svelte-1c9seom .material-symbols-outlined:where(.svelte-1c9seom){font-size:1.2rem;font-variation-settings:"wght" 500}.mini-player-volume-range.svelte-1c9seom{min-width:0}.mini-player-volume-range[data-muted=true].svelte-1c9seom .mini-player-range-fill:where(.svelte-1c9seom),.mini-player-volume-range[data-muted=true].svelte-1c9seom input:where(.svelte-1c9seom)::-webkit-slider-thumb{background:color-mix(in srgb,var(--muted) 82%,transparent)}@media(max-width:360px){.mini-player.svelte-1c9seom{padding:.3rem .42rem}.mini-player-artwork.svelte-1c9seom{width:2.7rem;height:2.7rem;flex-basis:2.7rem}.mini-player-volume-range.svelte-1c9seom{display:none}.mini-player-control-row.svelte-1c9seom{grid-template-columns:2.9rem minmax(3rem,1fr) 2.9rem 1.75rem}}.image-error.svelte-1emmpxn{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;pointer-events:none}dialog.svelte-1me6aff{box-sizing:border-box;width:min(34rem,calc(100vw - 3rem));max-width:none;max-height:min(46rem,calc(100vh - 3rem));margin:0;padding:1.3rem 1.45rem 1.25rem;position:fixed;inset:auto auto max(env(safe-area-inset-bottom,0px),1.25rem) max(env(safe-area-inset-left,0px),1.25rem);overflow:auto;border:1px solid var(--oda-border-strong, var(--border-strong));border-radius:.8rem;background:color-mix(in srgb,var(--oda-bg-elevated, var(--bg-elevated)) 96%,transparent);color:var(--oda-text, var(--text));box-shadow:0 -2.5rem 6rem #0000007a,0 1rem 2.5rem #00000085;outline:none}dialog.wide.svelte-1me6aff{width:min(44rem,calc(100vw - 3rem))}dialog.svelte-1me6aff::backdrop{background:#03050894}header.svelte-1me6aff{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.3rem}.oda-modal-mark.svelte-1me6aff{display:grid;min-width:7.2rem;min-height:5.2rem;place-items:center;border-right:1px solid var(--oda-border, var(--border))}.oda-modal-heading.svelte-1me6aff{min-width:0}h2.svelte-1me6aff,p.svelte-1me6aff{margin:0}h2.svelte-1me6aff{color:var(--oda-text, var(--text-strong));font-size:clamp(1.45rem,2.7vw,2rem);font-weight:750;line-height:1.05}header.svelte-1me6aff p:where(.svelte-1me6aff){margin-top:.45rem;color:var(--oda-muted, var(--muted));font-size:clamp(.86rem,1.5vw,1.05rem);line-height:1.35}.oda-modal-content.svelte-1me6aff{margin-top:1.2rem;font-size:.92rem;line-height:1.5}footer.svelte-1me6aff{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.2rem;padding-top:.85rem;border-top:1px solid var(--oda-border, var(--border))}.oda-shell dialog.svelte-1me6aff button:where(.svelte-1me6aff),footer.svelte-1me6aff button{min-width:7rem;min-height:2.65rem;padding:.55rem 1rem;border:1px solid var(--oda-border-strong, var(--border-strong));border-radius:.45rem;background:var(--oda-surface, var(--bg-soft));color:var(--oda-text, var(--text));font:inherit;font-weight:650}footer.svelte-1me6aff button:hover,footer.svelte-1me6aff button:focus-visible{border-color:var(--oda-focus, var(--accent-strong));box-shadow:0 0 0 2px color-mix(in srgb,var(--oda-focus, var(--accent-strong)) 45%,transparent);outline:none}footer.svelte-1me6aff button.primary{border-color:var(--oda-accent-strong, var(--accent-strong));background:color-mix(in srgb,var(--oda-accent, var(--accent)) 20%,var(--oda-surface, var(--bg-soft)))}footer.svelte-1me6aff button:disabled{opacity:.48}@media(max-width:560px){dialog.svelte-1me6aff,dialog.wide.svelte-1me6aff{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);inset:auto auto max(env(safe-area-inset-bottom,0px),.75rem) max(env(safe-area-inset-left,0px),.75rem);padding:1rem}header.svelte-1me6aff{gap:.85rem}.oda-modal-mark.svelte-1me6aff{min-width:5.7rem}}.invitation-details.svelte-fxrc2l{display:grid;gap:.65rem}.invitation-details.svelte-fxrc2l>div:where(.svelte-fxrc2l){display:grid;grid-template-columns:minmax(8.5rem,.42fr) minmax(0,1fr);gap:1rem;align-items:baseline}.detail-label.svelte-fxrc2l,.hint.svelte-fxrc2l{color:var(--oda-muted, var(--muted))}.detail-label.svelte-fxrc2l{font-size:.78rem;font-weight:650}strong.svelte-fxrc2l{overflow-wrap:anywhere;color:var(--oda-text, var(--text))}.mono.svelte-fxrc2l{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.86rem}.hint.svelte-fxrc2l,.connection-status.svelte-fxrc2l,.error.svelte-fxrc2l{margin:.9rem 0 0}.join-choices-block.svelte-fxrc2l{margin-top:.9rem}.error.svelte-fxrc2l,.connection-status.error.svelte-fxrc2l{color:var(--oda-danger, var(--danger))}@media(max-width:560px){.invitation-details.svelte-fxrc2l>div:where(.svelte-fxrc2l){grid-template-columns:1fr;gap:.15rem}}:root{--window-frame-safe-top: 1px;--app-font-family: "Space Grotesk", "Segoe UI", sans-serif;--system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif}:root,:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=dark]{color-scheme:dark;font-family:var(--app-font-family);--bg-base: #18191b;--menu-bar-bg: #18191b;--window-topbar-bg: #18191b;--window-topbar-text: #e4e7eb;--window-topbar-text-strong: #f7f8fa;--window-topbar-muted: #9aa3ad;--window-topbar-hover-surface: rgba(228, 231, 235, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(41, 44, 48, .94);--bg-soft: #292c30;--menu-popover-bg: rgba(31, 33, 36, .985);--menu-popover-text: #e4e7eb;--menu-popover-muted: #9aa3ad;--menu-popover-border: rgba(170, 178, 188, .22);--menu-popover-hover: rgba(170, 178, 188, .14);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .36);--bg-tree: rgba(31, 33, 36, .96);--bg-card: rgba(54, 58, 64, .5);--bg-input: rgba(24, 25, 27, .92);--bg-search: rgba(31, 33, 36, .96);--bg-volume-popup: rgba(24, 25, 27, .84);--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #8c96a3;--accent-strong: #c5ccd6;--accent-strong-soft: rgba(197, 204, 214, .08);--accent-strong-faint: rgba(197, 204, 214, .12);--accent-strong-border-hover: rgba(197, 204, 214, .4);--accent-focus-border: rgba(197, 204, 214, .32);--accent-dashed-border: rgba(140, 150, 163, .24);--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68);--danger: #ef6f6c;--border: rgba(170, 178, 188, .26);--border-strong: rgba(170, 178, 188, .22);--border-soft: rgba(170, 178, 188, .16);--border-faint: rgba(170, 178, 188, .13);--border-subtle: rgba(170, 178, 188, .11);--border-covered: rgba(170, 178, 188, .09);--player-bar-separator: #4b5057;--menu-bar-border: rgba(170, 178, 188, .2);--hover-surface: rgba(228, 231, 235, .08);--hover-subtle: rgba(228, 231, 235, .04);--hover-control: rgba(228, 231, 235, .06);--tree-hover: rgba(116, 124, 136, .18);--selection-bg: rgba(140, 150, 163, .14);--selection-strong: rgba(140, 150, 163, .22);--resizer-track: rgba(170, 178, 188, .2);--resizer-handle: rgba(228, 231, 235, .24);--shadow: 0 18px 44px rgba(0, 0, 0, .36);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgba(148, 157, 168, .08), transparent 24%), radial-gradient(circle at top right, rgba(204, 210, 218, .05), transparent 22%), linear-gradient(180deg, #202225 0%, #18191b 100%);--options-body-background: radial-gradient(circle at top left, rgba(148, 157, 168, .09), transparent 24%), radial-gradient(circle at top right, rgba(204, 210, 218, .06), transparent 22%), linear-gradient(180deg, #202225 0%, #18191b 100%);--track-list-header-background: linear-gradient(180deg, rgba(41, 44, 48, .76) 0%, rgba(41, 44, 48, .68) 100%), rgba(24, 25, 27, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(18, 19, 21, .3), rgba(18, 19, 21, 0));--player-bar-fade: linear-gradient(180deg, rgba(18, 19, 21, 0), rgba(18, 19, 21, .3));--dropzone-background: linear-gradient(180deg, rgba(228, 231, 235, .022), transparent 18%)}:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=light]{color-scheme:light;--bg-base: #e8e7e4;--menu-bar-bg: #e4e3e0;--window-topbar-bg: #e4e3e0;--window-topbar-text: #52565a;--window-topbar-text-strong: #3e4246;--window-topbar-muted: #73777b;--window-topbar-hover-surface: rgba(57, 62, 67, .07);--window-topbar-hairline: rgba(255, 255, 255, .62);--bg-elevated: rgba(245, 244, 241, .94);--bg-soft: #deddda;--menu-popover-bg: rgba(242, 241, 238, .985);--menu-popover-text: #4d5155;--menu-popover-muted: #73777b;--menu-popover-border: rgba(74, 79, 84, .18);--menu-popover-hover: rgba(89, 102, 115, .1);--menu-popover-shadow: 0 18px 44px rgba(37, 39, 41, .16);--bg-tree: rgba(238, 237, 234, .97);--bg-card: rgba(255, 255, 255, .38);--bg-input: rgba(218, 217, 214, .92);--bg-search: rgba(242, 241, 238, .97);--bg-volume-popup: rgba(242, 241, 238, .92);--text: #4d5155;--text-strong: #3e4246;--muted: #70757a;--muted-strong: #5b6065;--accent: #6f7a85;--accent-strong: #596673;--accent-text: #f7f6f3;--accent-strong-soft: rgba(89, 102, 115, .08);--accent-strong-faint: rgba(89, 102, 115, .12);--accent-strong-border-hover: rgba(89, 102, 115, .38);--accent-focus-border: rgba(89, 102, 115, .32);--accent-dashed-border: rgba(89, 102, 115, .26);--visualizer-high: rgba(54, 58, 62, .54);--visualizer-mid: rgba(79, 91, 102, .46);--visualizer-low: rgba(115, 125, 134, .2);--visualizer-glow: rgba(79, 91, 102, .14);--visualizer-bars: rgba(68, 78, 88, .55);--visualizer-blocks: rgba(54, 58, 62, .42);--danger: #a8504d;--border: rgba(74, 79, 84, .2);--border-strong: rgba(74, 79, 84, .18);--border-soft: rgba(74, 79, 84, .13);--border-faint: rgba(74, 79, 84, .1);--border-subtle: rgba(74, 79, 84, .085);--border-covered: rgba(74, 79, 84, .07);--player-bar-separator: #c4c3c0;--menu-bar-border: rgba(74, 79, 84, .16);--hover-surface: rgba(57, 62, 67, .07);--hover-subtle: rgba(57, 62, 67, .04);--hover-control: rgba(57, 62, 67, .06);--tree-hover: rgba(89, 102, 115, .1);--selection-bg: rgba(89, 102, 115, .12);--selection-strong: rgba(89, 102, 115, .18);--resizer-track: rgba(74, 79, 84, .15);--resizer-handle: rgba(74, 79, 84, .24);--shadow: 0 18px 44px rgba(37, 39, 41, .16);--hairline: rgba(255, 255, 255, .62);--body-background: radial-gradient(circle at top left, rgba(120, 127, 134, .07), transparent 24%), radial-gradient(circle at top right, rgba(255, 255, 255, .34), transparent 22%), linear-gradient(180deg, #eeedea 0%, #e8e7e4 100%);--options-body-background: radial-gradient(circle at top left, rgba(120, 127, 134, .08), transparent 24%), radial-gradient(circle at top right, rgba(255, 255, 255, .38), transparent 22%), linear-gradient(180deg, #eeedea 0%, #e8e7e4 100%);--track-list-header-background: linear-gradient(180deg, rgba(245, 244, 241, .78) 0%, rgba(238, 237, 234, .72) 100%), rgba(232, 231, 228, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(74, 79, 84, .09), rgba(74, 79, 84, 0));--player-bar-fade: linear-gradient(180deg, rgba(74, 79, 84, 0), rgba(74, 79, 84, .09));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .16), transparent 18%)}:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=dark]{--bg-base: #101113;--menu-bar-bg: #101113;--window-topbar-bg: #101113;--window-topbar-text: #dde1e5;--window-topbar-text-strong: #f0f2f4;--window-topbar-muted: #8e97a1;--window-topbar-hover-surface: rgba(221, 225, 229, .075);--window-topbar-hairline: rgba(255, 255, 255, .035);--bg-elevated: rgba(32, 34, 38, .95);--bg-soft: #202226;--menu-popover-bg: rgba(21, 23, 26, .985);--menu-popover-text: #dde1e5;--menu-popover-muted: #8e97a1;--menu-popover-border: rgba(146, 154, 164, .2);--menu-popover-hover: rgba(146, 154, 164, .13);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .42);--bg-tree: rgba(21, 23, 26, .96);--bg-card: rgba(43, 46, 51, .48);--bg-input: rgba(16, 17, 19, .93);--bg-search: rgba(21, 23, 26, .96);--bg-volume-popup: rgba(16, 17, 19, .86);--text: #dde1e5;--text-strong: #f0f2f4;--muted: #8e97a1;--muted-strong: #b6bdc5;--accent: #7f8a96;--accent-strong: #b9c1ca;--accent-strong-soft: rgba(185, 193, 202, .08);--accent-strong-faint: rgba(185, 193, 202, .12);--accent-strong-border-hover: rgba(185, 193, 202, .38);--accent-focus-border: rgba(185, 193, 202, .3);--accent-dashed-border: rgba(127, 138, 150, .22);--visualizer-high: rgba(240, 242, 244, .88);--visualizer-mid: rgba(164, 173, 184, .58);--visualizer-low: rgba(92, 100, 110, .22);--visualizer-glow: rgba(185, 193, 202, .3);--visualizer-bars: rgba(185, 193, 202, .72);--visualizer-blocks: rgba(240, 242, 244, .64);--danger: #e06b68;--border: rgba(146, 154, 164, .24);--border-strong: rgba(146, 154, 164, .2);--border-soft: rgba(146, 154, 164, .14);--border-faint: rgba(146, 154, 164, .12);--border-subtle: rgba(146, 154, 164, .1);--border-covered: rgba(146, 154, 164, .08);--player-bar-separator: #3d4249;--menu-bar-border: rgba(146, 154, 164, .18);--hover-surface: rgba(221, 225, 229, .075);--hover-subtle: rgba(221, 225, 229, .035);--hover-control: rgba(221, 225, 229, .055);--tree-hover: rgba(92, 100, 110, .18);--selection-bg: rgba(127, 138, 150, .13);--selection-strong: rgba(127, 138, 150, .2);--resizer-track: rgba(146, 154, 164, .18);--resizer-handle: rgba(221, 225, 229, .22);--shadow: 0 18px 44px rgba(0, 0, 0, .42);--hairline: rgba(255, 255, 255, .035);--body-background: radial-gradient(circle at top left, rgba(114, 124, 136, .06), transparent 24%), radial-gradient(circle at top right, rgba(185, 193, 202, .035), transparent 22%), linear-gradient(180deg, #17191c 0%, #101113 100%);--options-body-background: radial-gradient(circle at top left, rgba(114, 124, 136, .07), transparent 24%), radial-gradient(circle at top right, rgba(185, 193, 202, .045), transparent 22%), linear-gradient(180deg, #17191c 0%, #101113 100%);--track-list-header-background: linear-gradient(180deg, rgba(32, 34, 38, .78) 0%, rgba(32, 34, 38, .68) 100%), rgba(16, 17, 19, .26);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(11, 12, 13, .34), rgba(11, 12, 13, 0));--player-bar-fade: linear-gradient(180deg, rgba(11, 12, 13, 0), rgba(11, 12, 13, .34));--dropzone-background: linear-gradient(180deg, rgba(221, 225, 229, .02), transparent 18%)}:root[data-theme=accented][data-color-scheme=dark]{--theme-color-output-lightness: 78%;--accent: hsl(var(--accented-hue) var(--accented-saturation) 64%);--accent-strong: hsl(var(--accented-hue) var(--accented-saturation) 74%);--accent-text: #101113}:root[data-theme=accented][data-color-scheme=light]{--theme-color-output-lightness: 32%;--accent: color-mix(in srgb, hsl(var(--accented-hue) var(--accented-saturation) 38%) 75%, var(--text-strong));--accent-strong: color-mix(in srgb, hsl(var(--accented-hue) var(--accented-saturation) 28%) 65%, var(--text-strong))}:root[data-theme=accented][data-color-scheme]{--accent-strong-soft: color-mix(in srgb, var(--accent-strong) 8%, transparent);--accent-strong-faint: color-mix(in srgb, var(--accent-strong) 12%, transparent);--accent-strong-border-hover: color-mix(in srgb, var(--accent-strong) 38%, transparent);--accent-focus-border: color-mix(in srgb, var(--accent-strong) 32%, transparent);--accent-dashed-border: color-mix(in srgb, var(--accent) 24%, transparent);--selection-bg: color-mix(in srgb, var(--accent) 13%, transparent);--selection-strong: color-mix(in srgb, var(--accent) 20%, transparent);--menu-popover-hover: color-mix(in srgb, var(--accent) 10%, transparent);--tree-hover: color-mix(in srgb, var(--accent) 10%, transparent)}:root[data-theme=lights-out]{--bg-base: #000000;--menu-bar-bg: #000000;--window-topbar-bg: #000000;--window-topbar-text: #d7dce1;--window-topbar-text-strong: #edf0f3;--window-topbar-muted: #858d96;--window-topbar-hover-surface: rgba(215, 220, 225, .07);--window-topbar-hairline: rgba(255, 255, 255, .03);--bg-elevated: #000000;--bg-soft: #050506;--menu-popover-bg: rgba(6, 7, 8, .99);--menu-popover-text: #d7dce1;--menu-popover-muted: #858d96;--menu-popover-border: rgba(132, 142, 152, .18);--menu-popover-hover: rgba(132, 142, 152, .12);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .55);--bg-tree: #000000;--bg-card: #000000;--bg-input: rgba(0, 0, 0, .94);--bg-search: rgba(6, 7, 8, .97);--bg-volume-popup: rgba(0, 0, 0, .88);--text: #d7dce1;--text-strong: #edf0f3;--muted: #858d96;--muted-strong: #aeb6bf;--accent: #7c8792;--accent-strong: #adb7c1;--accent-strong-soft: rgba(173, 183, 193, .075);--accent-strong-faint: rgba(173, 183, 193, .11);--accent-strong-border-hover: rgba(173, 183, 193, .34);--accent-focus-border: rgba(173, 183, 193, .28);--accent-dashed-border: rgba(124, 135, 146, .2);--visualizer-high: rgba(237, 240, 243, .82);--visualizer-mid: rgba(154, 164, 176, .52);--visualizer-low: rgba(74, 82, 92, .2);--visualizer-glow: rgba(173, 183, 193, .24);--visualizer-bars: rgba(173, 183, 193, .66);--visualizer-blocks: rgba(237, 240, 243, .58);--danger: #db6561;--border: rgba(132, 142, 152, .22);--border-strong: rgba(132, 142, 152, .18);--border-soft: rgba(132, 142, 152, .12);--border-faint: rgba(132, 142, 152, .1);--border-subtle: rgba(132, 142, 152, .085);--border-covered: rgba(132, 142, 152, .07);--player-bar-separator: #2c3036;--menu-bar-border: rgba(132, 142, 152, .16);--hover-surface: rgba(215, 220, 225, .07);--hover-subtle: rgba(215, 220, 225, .03);--hover-control: rgba(215, 220, 225, .05);--tree-hover: rgba(74, 82, 92, .16);--selection-bg: rgba(124, 135, 146, .12);--selection-strong: rgba(124, 135, 146, .18);--resizer-track: rgba(132, 142, 152, .16);--resizer-handle: rgba(215, 220, 225, .2);--shadow: 0 18px 44px rgba(0, 0, 0, .55);--hairline: rgba(255, 255, 255, .03);--body-background: radial-gradient(circle at top left, rgba(92, 102, 114, .035), transparent 24%), radial-gradient(circle at top right, rgba(173, 183, 193, .025), transparent 22%), linear-gradient(180deg, #050506 0%, #000000 100%);--options-body-background: radial-gradient(circle at top left, rgba(92, 102, 114, .045), transparent 24%), radial-gradient(circle at top right, rgba(173, 183, 193, .03), transparent 22%), linear-gradient(180deg, #050506 0%, #000000 100%);--track-list-header-background: #000000;--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .38));--dropzone-background: #000000}:root[data-theme=solarized][data-color-scheme=light]{color-scheme:light;--bg-base: #fdf6e3;--menu-bar-bg: #eee8d5;--window-topbar-bg: #eee8d5;--window-topbar-text: #586e75;--window-topbar-text-strong: #073642;--window-topbar-muted: #839496;--window-topbar-hover-surface: rgba(7, 54, 66, .07);--window-topbar-hairline: rgba(255, 255, 255, .54);--bg-elevated: rgba(255, 251, 235, .95);--bg-soft: #eee8d5;--menu-popover-bg: rgba(253, 246, 227, .985);--menu-popover-text: #586e75;--menu-popover-muted: #839496;--menu-popover-border: rgba(88, 110, 117, .22);--menu-popover-hover: rgba(38, 139, 210, .11);--menu-popover-shadow: 0 18px 44px rgba(0, 43, 54, .16);--bg-tree: rgba(238, 232, 213, .97);--bg-card: rgba(255, 255, 255, .42);--bg-input: rgba(230, 223, 201, .92);--bg-search: rgba(253, 246, 227, .97);--bg-volume-popup: rgba(253, 246, 227, .92);--text: #586e75;--text-strong: #073642;--muted: #839496;--muted-strong: #657b83;--accent: #268bd2;--accent-strong: #2aa198;--accent-text: #fdf6e3;--accent-strong-soft: rgba(42, 161, 152, .09);--accent-strong-faint: rgba(42, 161, 152, .14);--accent-strong-border-hover: rgba(42, 161, 152, .44);--accent-focus-border: rgba(42, 161, 152, .36);--accent-dashed-border: rgba(38, 139, 210, .28);--visualizer-high: rgba(7, 54, 66, .62);--visualizer-mid: rgba(38, 139, 210, .55);--visualizer-low: rgba(42, 161, 152, .22);--visualizer-glow: rgba(38, 139, 210, .2);--visualizer-bars: rgba(38, 139, 210, .66);--visualizer-blocks: rgba(7, 54, 66, .48);--danger: #dc322f;--border: rgba(88, 110, 117, .25);--border-strong: rgba(88, 110, 117, .21);--border-soft: rgba(88, 110, 117, .15);--border-faint: rgba(88, 110, 117, .12);--border-subtle: rgba(88, 110, 117, .1);--border-covered: rgba(88, 110, 117, .08);--player-bar-separator: #c8c1ab;--menu-bar-border: rgba(88, 110, 117, .19);--hover-surface: rgba(7, 54, 66, .07);--hover-subtle: rgba(7, 54, 66, .04);--hover-control: rgba(7, 54, 66, .06);--tree-hover: rgba(38, 139, 210, .12);--selection-bg: rgba(38, 139, 210, .14);--selection-strong: rgba(38, 139, 210, .21);--resizer-track: rgba(88, 110, 117, .18);--resizer-handle: rgba(88, 110, 117, .28);--shadow: 0 18px 44px rgba(0, 43, 54, .16);--hairline: rgba(255, 255, 255, .54);--body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .08), transparent 24%), radial-gradient(circle at top right, rgba(181, 137, 0, .07), transparent 22%), linear-gradient(180deg, #fffbea 0%, #fdf6e3 100%);--options-body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .09), transparent 24%), radial-gradient(circle at top right, rgba(181, 137, 0, .08), transparent 22%), linear-gradient(180deg, #fffbea 0%, #fdf6e3 100%);--track-list-header-background: linear-gradient(180deg, rgba(255, 251, 235, .8) 0%, rgba(238, 232, 213, .74) 100%), rgba(253, 246, 227, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 43, 54, .09), rgba(0, 43, 54, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 43, 54, 0), rgba(0, 43, 54, .09));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 18%)}:root[data-theme=solarized][data-color-scheme=dark]{color-scheme:dark;--bg-base: #002b36;--menu-bar-bg: #002b36;--window-topbar-bg: #002b36;--window-topbar-text: #93a1a1;--window-topbar-text-strong: #eee8d5;--window-topbar-muted: #657b83;--window-topbar-hover-surface: rgba(147, 161, 161, .09);--window-topbar-hairline: rgba(238, 232, 213, .04);--bg-elevated: rgba(7, 54, 66, .95);--bg-soft: #073642;--menu-popover-bg: rgba(0, 43, 54, .985);--menu-popover-text: #93a1a1;--menu-popover-muted: #657b83;--menu-popover-border: rgba(38, 139, 210, .25);--menu-popover-hover: rgba(38, 139, 210, .17);--menu-popover-shadow: 0 18px 44px rgba(0, 20, 25, .48);--bg-tree: rgba(0, 43, 54, .97);--bg-card: rgba(88, 110, 117, .38);--bg-input: rgba(0, 35, 44, .94);--bg-search: rgba(0, 43, 54, .97);--bg-volume-popup: rgba(0, 35, 44, .88);--text: #93a1a1;--text-strong: #eee8d5;--muted: #657b83;--muted-strong: #b6c0bd;--accent: #268bd2;--accent-strong: #2aa198;--accent-strong-soft: rgba(42, 161, 152, .09);--accent-strong-faint: rgba(42, 161, 152, .14);--accent-strong-border-hover: rgba(42, 161, 152, .44);--accent-focus-border: rgba(42, 161, 152, .35);--accent-dashed-border: rgba(38, 139, 210, .27);--visualizer-high: rgba(238, 232, 213, .94);--visualizer-mid: rgba(42, 161, 152, .68);--visualizer-low: rgba(38, 139, 210, .25);--visualizer-glow: rgba(42, 161, 152, .4);--visualizer-bars: rgba(42, 161, 152, .82);--visualizer-blocks: rgba(238, 232, 213, .7);--danger: #dc322f;--border: rgba(38, 139, 210, .3);--border-strong: rgba(38, 139, 210, .25);--border-soft: rgba(38, 139, 210, .17);--border-faint: rgba(38, 139, 210, .14);--border-subtle: rgba(38, 139, 210, .12);--border-covered: rgba(38, 139, 210, .1);--player-bar-separator: #18536a;--menu-bar-border: rgba(38, 139, 210, .23);--hover-surface: rgba(147, 161, 161, .09);--hover-subtle: rgba(147, 161, 161, .045);--hover-control: rgba(147, 161, 161, .065);--tree-hover: rgba(38, 139, 210, .22);--selection-bg: rgba(38, 139, 210, .16);--selection-strong: rgba(38, 139, 210, .25);--resizer-track: rgba(38, 139, 210, .23);--resizer-handle: rgba(147, 161, 161, .27);--shadow: 0 18px 44px rgba(0, 20, 25, .48);--hairline: rgba(238, 232, 213, .04);--body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .15), transparent 24%), radial-gradient(circle at top right, rgba(42, 161, 152, .1), transparent 22%), linear-gradient(180deg, #073642 0%, #002b36 100%);--options-body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .17), transparent 24%), radial-gradient(circle at top right, rgba(42, 161, 152, .11), transparent 22%), linear-gradient(180deg, #073642 0%, #002b36 100%);--track-list-header-background: linear-gradient(180deg, rgba(7, 54, 66, .82) 0%, rgba(7, 54, 66, .7) 100%), rgba(0, 43, 54, .25);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 20, 25, .38), rgba(0, 20, 25, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 20, 25, 0), rgba(0, 20, 25, .38));--dropzone-background: linear-gradient(180deg, rgba(147, 161, 161, .026), transparent 18%)}:root[data-theme=nordic][data-color-scheme=light]{color-scheme:light;--bg-base: #eceff4;--menu-bar-bg: #e5e9f0;--window-topbar-bg: #e5e9f0;--window-topbar-text: #4c566a;--window-topbar-text-strong: #2e3440;--window-topbar-muted: #7b8495;--window-topbar-hover-surface: rgba(46, 52, 64, .07);--window-topbar-hairline: rgba(255, 255, 255, .62);--bg-elevated: rgba(242, 244, 248, .95);--bg-soft: #d8dee9;--menu-popover-bg: rgba(236, 239, 244, .985);--menu-popover-text: #4c566a;--menu-popover-muted: #7b8495;--menu-popover-border: rgba(76, 86, 106, .21);--menu-popover-hover: rgba(94, 129, 172, .12);--menu-popover-shadow: 0 18px 44px rgba(46, 52, 64, .17);--bg-tree: rgba(229, 233, 240, .97);--bg-card: rgba(255, 255, 255, .42);--bg-input: rgba(216, 222, 233, .92);--bg-search: rgba(236, 239, 244, .97);--bg-volume-popup: rgba(236, 239, 244, .92);--text: #4c566a;--text-strong: #2e3440;--muted: #7b8495;--muted-strong: #5e687a;--accent: #5e81ac;--accent-strong: #397b91;--accent-text: #eceff4;--accent-strong-soft: rgba(57, 123, 145, .09);--accent-strong-faint: rgba(57, 123, 145, .14);--accent-strong-border-hover: rgba(57, 123, 145, .43);--accent-focus-border: rgba(57, 123, 145, .35);--accent-dashed-border: rgba(94, 129, 172, .28);--visualizer-high: rgba(46, 52, 64, .62);--visualizer-mid: rgba(57, 123, 145, .52);--visualizer-low: rgba(94, 129, 172, .22);--visualizer-glow: rgba(57, 123, 145, .2);--visualizer-bars: rgba(57, 123, 145, .64);--visualizer-blocks: rgba(46, 52, 64, .48);--danger: #bf616a;--border: rgba(76, 86, 106, .25);--border-strong: rgba(76, 86, 106, .21);--border-soft: rgba(76, 86, 106, .15);--border-faint: rgba(76, 86, 106, .12);--border-subtle: rgba(76, 86, 106, .1);--border-covered: rgba(76, 86, 106, .08);--player-bar-separator: #bdc4d0;--menu-bar-border: rgba(76, 86, 106, .19);--hover-surface: rgba(46, 52, 64, .07);--hover-subtle: rgba(46, 52, 64, .04);--hover-control: rgba(46, 52, 64, .06);--tree-hover: rgba(94, 129, 172, .13);--selection-bg: rgba(94, 129, 172, .14);--selection-strong: rgba(94, 129, 172, .22);--resizer-track: rgba(76, 86, 106, .18);--resizer-handle: rgba(76, 86, 106, .28);--shadow: 0 18px 44px rgba(46, 52, 64, .17);--hairline: rgba(255, 255, 255, .62);--body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .09), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .08), transparent 22%), linear-gradient(180deg, #f2f4f8 0%, #eceff4 100%);--options-body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .1), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .09), transparent 22%), linear-gradient(180deg, #f2f4f8 0%, #eceff4 100%);--track-list-header-background: linear-gradient(180deg, rgba(242, 244, 248, .8) 0%, rgba(229, 233, 240, .74) 100%), rgba(236, 239, 244, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(46, 52, 64, .1), rgba(46, 52, 64, 0));--player-bar-fade: linear-gradient(180deg, rgba(46, 52, 64, 0), rgba(46, 52, 64, .1));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 18%)}:root[data-theme=nordic][data-color-scheme=dark]{--bg-base: #1b222d;--menu-bar-bg: #1b222d;--window-topbar-bg: #1b222d;--window-topbar-text: #d8dee9;--window-topbar-text-strong: #eceff4;--window-topbar-muted: #9aa8ba;--window-topbar-hover-surface: rgba(216, 222, 233, .08);--window-topbar-hairline: rgba(236, 239, 244, .04);--bg-elevated: rgba(48, 57, 70, .94);--bg-soft: #303946;--menu-popover-bg: rgba(35, 42, 52, .985);--menu-popover-text: #d8dee9;--menu-popover-muted: #9aa8ba;--menu-popover-border: rgba(129, 161, 193, .24);--menu-popover-hover: rgba(129, 161, 193, .16);--menu-popover-shadow: 0 18px 44px rgba(8, 12, 17, .42);--bg-tree: rgba(35, 42, 52, .96);--bg-card: rgba(59, 69, 85, .52);--bg-input: rgba(27, 34, 45, .92);--bg-search: rgba(35, 42, 52, .96);--bg-volume-popup: rgba(27, 34, 45, .84);--text: #d8dee9;--text-strong: #eceff4;--muted: #9aa8ba;--muted-strong: #bfccdc;--accent: #81a1c1;--accent-strong: #88c0d0;--accent-strong-soft: rgba(136, 192, 208, .08);--accent-strong-faint: rgba(136, 192, 208, .12);--accent-strong-border-hover: rgba(136, 192, 208, .4);--accent-focus-border: rgba(136, 192, 208, .32);--accent-dashed-border: rgba(129, 161, 193, .24);--visualizer-high: rgba(236, 239, 244, .92);--visualizer-mid: rgba(136, 192, 208, .66);--visualizer-low: rgba(94, 129, 172, .24);--visualizer-glow: rgba(136, 192, 208, .36);--visualizer-bars: rgba(136, 192, 208, .78);--visualizer-blocks: rgba(236, 239, 244, .68);--danger: #bf616a;--border: rgba(129, 161, 193, .28);--border-strong: rgba(129, 161, 193, .24);--border-soft: rgba(129, 161, 193, .16);--border-faint: rgba(129, 161, 193, .14);--border-subtle: rgba(129, 161, 193, .12);--border-covered: rgba(129, 161, 193, .1);--player-bar-separator: #4b5a6c;--menu-bar-border: rgba(129, 161, 193, .22);--hover-surface: rgba(216, 222, 233, .08);--hover-subtle: rgba(216, 222, 233, .04);--hover-control: rgba(216, 222, 233, .06);--tree-hover: rgba(94, 129, 172, .2);--selection-bg: rgba(129, 161, 193, .14);--selection-strong: rgba(129, 161, 193, .22);--resizer-track: rgba(129, 161, 193, .22);--resizer-handle: rgba(216, 222, 233, .24);--shadow: 0 18px 44px rgba(8, 12, 17, .42);--hairline: rgba(236, 239, 244, .04);--body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .11), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .08), transparent 22%), linear-gradient(180deg, #27303c 0%, #1b222d 100%);--options-body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .12), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .09), transparent 22%), linear-gradient(180deg, #27303c 0%, #1b222d 100%);--track-list-header-background: linear-gradient(180deg, rgba(48, 57, 70, .78) 0%, rgba(48, 57, 70, .68) 100%), rgba(27, 34, 45, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(13, 18, 25, .32), rgba(13, 18, 25, 0));--player-bar-fade: linear-gradient(180deg, rgba(13, 18, 25, 0), rgba(13, 18, 25, .32));--dropzone-background: linear-gradient(180deg, rgba(216, 222, 233, .022), transparent 18%)}:root[data-theme=gruvbox]{color-scheme:dark;font-family:var(--app-font-family);--bg-base: #1d2021;--menu-bar-bg: #1c1d1e;--window-topbar-bg: #1c1d1e;--window-topbar-text: #ebdbb2;--window-topbar-text-strong: #fbf1c7;--window-topbar-muted: #bdae93;--window-topbar-hover-surface: rgba(235, 219, 178, .08);--window-topbar-hairline: rgba(255, 255, 255, .03);--bg-elevated: rgba(50, 48, 47, .94);--bg-soft: #32302f;--menu-popover-bg: rgba(40, 40, 40, .985);--menu-popover-text: #ebdbb2;--menu-popover-muted: #bdae93;--menu-popover-border: rgba(168, 153, 132, .24);--menu-popover-hover: rgba(215, 153, 33, .16);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .34);--bg-tree: rgba(40, 40, 40, .96);--bg-card: rgba(60, 56, 54, .52);--bg-input: rgba(29, 32, 33, .92);--bg-search: rgba(40, 40, 40, .96);--bg-volume-popup: rgba(28, 29, 30, .82);--text: #ebdbb2;--text-strong: #fbf1c7;--muted: #bdae93;--muted-strong: #d5c4a1;--accent: #d79921;--accent-strong: #fabd2f;--accent-strong-soft: rgba(250, 189, 47, .08);--accent-strong-faint: rgba(250, 189, 47, .12);--accent-strong-border-hover: rgba(250, 189, 47, .42);--accent-focus-border: rgba(250, 189, 47, .34);--accent-dashed-border: rgba(215, 153, 33, .24);--visualizer-high: rgba(251, 241, 199, .94);--visualizer-mid: rgba(250, 189, 47, .68);--visualizer-low: rgba(184, 187, 38, .24);--visualizer-glow: rgba(250, 189, 47, .38);--visualizer-bars: rgba(250, 189, 47, .78);--visualizer-blocks: rgba(251, 241, 199, .72);--danger: #fb4934;--border: rgba(168, 153, 132, .28);--border-strong: rgba(168, 153, 132, .24);--border-soft: rgba(168, 153, 132, .16);--border-faint: rgba(168, 153, 132, .14);--border-subtle: rgba(168, 153, 132, .12);--border-covered: rgba(168, 153, 132, .1);--player-bar-separator: #5b5447;--menu-bar-border: rgba(168, 153, 132, .22);--hover-surface: rgba(235, 219, 178, .08);--hover-subtle: rgba(235, 219, 178, .04);--hover-control: rgba(235, 219, 178, .06);--tree-hover: rgba(146, 131, 116, .16);--selection-bg: rgba(215, 153, 33, .12);--selection-strong: rgba(215, 153, 33, .2);--resizer-track: rgba(168, 153, 132, .2);--resizer-handle: rgba(235, 219, 178, .26);--shadow: 0 18px 44px rgba(0, 0, 0, .34);--hairline: rgba(255, 255, 255, .03);--body-background: radial-gradient(circle at top left, rgba(184, 187, 38, .1), transparent 24%), radial-gradient(circle at top right, rgba(250, 189, 47, .08), transparent 22%), linear-gradient(180deg, #282828 0%, #1d2021 100%);--options-body-background: radial-gradient(circle at top left, rgba(184, 187, 38, .12), transparent 24%), radial-gradient(circle at top right, rgba(250, 189, 47, .08), transparent 22%), linear-gradient(180deg, #282828 0%, #1d2021 100%);--track-list-header-background: linear-gradient(180deg, rgba(50, 48, 47, .76) 0%, rgba(50, 48, 47, .68) 100%), rgba(28, 29, 30, .22);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(26, 27, 28, .28), rgba(26, 27, 28, 0));--player-bar-fade: linear-gradient(180deg, rgba(26, 27, 28, 0), rgba(26, 27, 28, .28));--dropzone-background: linear-gradient(180deg, rgba(235, 219, 178, .02), transparent 18%)}:root[data-theme=dracula]{--bg-base: #171922;--menu-bar-bg: #1f2029;--window-topbar-bg: #1f2029;--window-topbar-text: #f8f8f2;--window-topbar-text-strong: #ffffff;--window-topbar-muted: #b7bdd6;--window-topbar-hover-surface: rgba(248, 248, 242, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(54, 57, 73, .94);--bg-soft: #343746;--menu-popover-bg: rgba(40, 42, 54, .985);--menu-popover-text: #f8f8f2;--menu-popover-muted: #b7bdd6;--menu-popover-border: rgba(189, 147, 249, .24);--menu-popover-hover: rgba(189, 147, 249, .16);--menu-popover-shadow: 0 18px 44px rgba(8, 9, 14, .42);--bg-tree: rgba(40, 42, 54, .96);--bg-card: rgba(68, 71, 90, .56);--bg-input: rgba(33, 34, 44, .92);--bg-search: rgba(40, 42, 54, .96);--bg-volume-popup: rgba(31, 32, 41, .84);--text: #f8f8f2;--text-strong: #ffffff;--muted: #b7bdd6;--muted-strong: #d8dcf0;--accent: #bd93f9;--accent-strong: #ff79c6;--accent-strong-soft: rgba(255, 121, 198, .08);--accent-strong-faint: rgba(255, 121, 198, .12);--accent-strong-border-hover: rgba(255, 121, 198, .44);--accent-focus-border: rgba(255, 121, 198, .34);--accent-dashed-border: rgba(189, 147, 249, .24);--visualizer-high: rgba(255, 246, 210, .95);--visualizer-mid: rgba(120, 205, 255, .68);--visualizer-low: rgba(255, 121, 198, .22);--visualizer-glow: rgba(120, 205, 255, .42);--visualizer-bars: rgba(155, 220, 255, .86);--visualizer-blocks: rgba(255, 246, 210, .72);--danger: #ff5555;--border: rgba(189, 147, 249, .28);--border-strong: rgba(189, 147, 249, .24);--border-soft: rgba(189, 147, 249, .16);--border-faint: rgba(189, 147, 249, .14);--border-subtle: rgba(189, 147, 249, .12);--border-covered: rgba(189, 147, 249, .1);--player-bar-separator: #625584;--menu-bar-border: rgba(189, 147, 249, .22);--hover-surface: rgba(248, 248, 242, .08);--hover-subtle: rgba(248, 248, 242, .05);--hover-control: rgba(248, 248, 242, .07);--tree-hover: rgba(98, 114, 164, .24);--selection-bg: rgba(189, 147, 249, .14);--selection-strong: rgba(189, 147, 249, .22);--resizer-track: rgba(98, 114, 164, .24);--resizer-handle: rgba(248, 248, 242, .24);--shadow: 0 18px 44px rgba(8, 9, 14, .42);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgba(139, 233, 253, .12), transparent 24%), radial-gradient(circle at top right, rgba(255, 121, 198, .12), transparent 24%), linear-gradient(180deg, #2b2d39 0%, #171922 100%);--options-body-background: radial-gradient(circle at top left, rgba(139, 233, 253, .14), transparent 24%), radial-gradient(circle at top right, rgba(255, 121, 198, .12), transparent 24%), linear-gradient(180deg, #2b2d39 0%, #171922 100%);--track-list-header-background: linear-gradient(180deg, rgba(68, 71, 90, .78) 0%, rgba(68, 71, 90, .68) 100%), rgba(31, 32, 41, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(15, 16, 22, .3), rgba(15, 16, 22, 0));--player-bar-fade: linear-gradient(180deg, rgba(15, 16, 22, 0), rgba(15, 16, 22, .3));--dropzone-background: linear-gradient(180deg, rgba(248, 248, 242, .025), transparent 18%)}:root[data-theme=ember]{--bg-base: #1a1010;--menu-bar-bg: #1c1110;--window-topbar-bg: #1c1110;--window-topbar-text: #f2d9ca;--window-topbar-text-strong: #fff0e4;--window-topbar-muted: #c79a84;--window-topbar-hover-surface: rgba(242, 217, 202, .08);--window-topbar-hairline: rgba(255, 238, 225, .04);--bg-elevated: rgba(55, 31, 27, .94);--bg-soft: #37201c;--menu-popover-bg: rgba(38, 21, 19, .985);--menu-popover-text: #f2d9ca;--menu-popover-muted: #c79a84;--menu-popover-border: rgba(219, 105, 65, .24);--menu-popover-hover: rgba(219, 105, 65, .16);--menu-popover-shadow: 0 18px 44px rgba(9, 5, 4, .44);--bg-tree: rgba(38, 21, 19, .96);--bg-card: rgba(76, 39, 31, .52);--bg-input: rgba(26, 16, 16, .92);--bg-search: rgba(38, 21, 19, .96);--bg-volume-popup: rgba(28, 17, 16, .84);--text: #f2d9ca;--text-strong: #fff0e4;--muted: #c79a84;--muted-strong: #e2b9a5;--accent: #d86a3d;--accent-strong: #f0783f;--accent-strong-soft: rgba(240, 120, 63, .08);--accent-strong-faint: rgba(240, 120, 63, .12);--accent-strong-border-hover: rgba(240, 120, 63, .42);--accent-focus-border: rgba(240, 120, 63, .34);--accent-dashed-border: rgba(216, 106, 61, .24);--visualizer-high: rgba(255, 236, 205, .94);--visualizer-mid: rgba(255, 155, 84, .68);--visualizer-low: rgba(193, 67, 43, .24);--visualizer-glow: rgba(255, 128, 64, .42);--visualizer-bars: rgba(255, 145, 78, .82);--visualizer-blocks: rgba(255, 232, 205, .7);--danger: #ff6d4d;--border: rgba(219, 105, 65, .28);--border-strong: rgba(219, 105, 65, .24);--border-soft: rgba(219, 105, 65, .16);--border-faint: rgba(219, 105, 65, .14);--border-subtle: rgba(219, 105, 65, .12);--border-covered: rgba(219, 105, 65, .1);--player-bar-separator: #65392e;--menu-bar-border: rgba(219, 105, 65, .22);--hover-surface: rgba(242, 217, 202, .08);--hover-subtle: rgba(242, 217, 202, .04);--hover-control: rgba(242, 217, 202, .06);--tree-hover: rgba(126, 61, 47, .2);--selection-bg: rgba(216, 106, 61, .13);--selection-strong: rgba(216, 106, 61, .21);--resizer-track: rgba(219, 105, 65, .22);--resizer-handle: rgba(242, 217, 202, .25);--shadow: 0 18px 44px rgba(9, 5, 4, .44);--hairline: rgba(255, 238, 225, .04);--body-background: radial-gradient(circle at top left, rgba(193, 67, 43, .14), transparent 24%), radial-gradient(circle at top right, rgba(255, 155, 84, .1), transparent 22%), linear-gradient(180deg, #2b1715 0%, #1a1010 100%);--options-body-background: radial-gradient(circle at top left, rgba(193, 67, 43, .16), transparent 24%), radial-gradient(circle at top right, rgba(255, 155, 84, .11), transparent 22%), linear-gradient(180deg, #2b1715 0%, #1a1010 100%);--track-list-header-background: linear-gradient(180deg, rgba(55, 31, 27, .78) 0%, rgba(55, 31, 27, .68) 100%), rgba(28, 17, 16, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(18, 10, 9, .34), rgba(18, 10, 9, 0));--player-bar-fade: linear-gradient(180deg, rgba(18, 10, 9, 0), rgba(18, 10, 9, .34));--dropzone-background: linear-gradient(180deg, rgba(242, 217, 202, .024), transparent 18%)}:root[data-theme=synthwave]{color-scheme:dark;font-family:var(--app-font-family);text-shadow:-1px 1px 0 rgba(0,0,0,.85);--bg-base: #150d2e;--menu-bar-bg: #150d2e;--window-topbar-bg: #150d2e;--window-topbar-text: #f3d9ff;--window-topbar-text-strong: #fdf2ff;--window-topbar-muted: #a08cc8;--window-topbar-hover-surface: rgba(243, 217, 255, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(43, 28, 78, .94);--bg-soft: #2b1c4e;--menu-popover-bg: rgba(30, 19, 58, .985);--menu-popover-text: #f3d9ff;--menu-popover-muted: #a08cc8;--menu-popover-border: rgba(255, 71, 183, .26);--menu-popover-hover: rgba(64, 220, 255, .14);--menu-popover-shadow: 0 18px 44px rgba(5, 2, 16, .5);--bg-tree: rgba(30, 19, 58, .96);--bg-card: rgba(60, 38, 108, .52);--bg-input: rgba(20, 12, 44, .92);--bg-search: rgba(30, 19, 58, .96);--bg-volume-popup: rgba(21, 13, 46, .86);--text: #f3d9ff;--text-strong: #fdf2ff;--muted: #a08cc8;--muted-strong: #c6b3ea;--accent: #ff47b7;--accent-strong: #40dcff;--accent-strong-soft: rgba(64, 220, 255, .09);--accent-strong-faint: rgba(64, 220, 255, .14);--accent-strong-border-hover: rgba(64, 220, 255, .46);--accent-focus-border: rgba(64, 220, 255, .36);--accent-dashed-border: rgba(255, 71, 183, .28);--visualizer-high: rgba(253, 242, 255, .94);--visualizer-mid: rgba(64, 220, 255, .72);--visualizer-low: rgba(255, 71, 183, .26);--visualizer-glow: rgba(255, 71, 183, .44);--visualizer-bars: rgba(64, 220, 255, .84);--visualizer-blocks: rgba(253, 242, 255, .7);--danger: #ff5d8f;--border: rgba(255, 71, 183, .3);--border-strong: rgba(255, 71, 183, .26);--border-soft: rgba(255, 71, 183, .18);--border-faint: rgba(255, 71, 183, .15);--border-subtle: rgba(255, 71, 183, .12);--border-covered: rgba(255, 71, 183, .1);--player-bar-separator: #45297c;--menu-bar-border: rgba(255, 71, 183, .24);--hover-surface: rgba(243, 217, 255, .08);--hover-subtle: rgba(243, 217, 255, .04);--hover-control: rgba(243, 217, 255, .06);--tree-hover: rgba(64, 220, 255, .16);--selection-bg: rgba(255, 71, 183, .15);--selection-strong: rgba(255, 71, 183, .23);--resizer-track: rgba(160, 140, 200, .22);--resizer-handle: rgba(64, 220, 255, .3);--shadow: 0 18px 44px rgba(5, 2, 16, .5);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgb(255 71 183 / calc(.2 * var(--synthwave-background-brightness, .5))), transparent 24%), radial-gradient(circle at top right, rgb(64 220 255 / calc(.16 * var(--synthwave-background-brightness, .5))), transparent 22%), linear-gradient(180deg, #241554 0%, #150d2e 100%);--options-body-background: linear-gradient(180deg, #241554 0%, #150d2e 100%);--track-list-header-background: linear-gradient(180deg, rgba(43, 28, 78, .78) 0%, rgba(43, 28, 78, .68) 100%), rgba(21, 13, 46, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(10, 6, 24, .34), rgba(10, 6, 24, 0));--player-bar-fade: linear-gradient(180deg, rgba(10, 6, 24, 0), rgba(10, 6, 24, .34));--dropzone-background: linear-gradient(180deg, rgba(243, 217, 255, .024), transparent 18%)}:root[data-theme=synthwave] button,:root[data-theme=synthwave] input,:root[data-theme=synthwave] select,:root[data-theme=synthwave] textarea{text-shadow:inherit}:root[data-theme=synthwave] .app-shell:before{content:"";position:absolute;left:50%;top:calc(46% - 7.5rem);width:15rem;height:7.5rem;transform:translate(-50%);z-index:-1;pointer-events:none;border-radius:15rem 15rem 0 0;background:linear-gradient(180deg,#cb5f6d,#e08657 45%,#f2ba80);opacity:calc(var(--synthwave-background-brightness, .5) * 2)}:root[data-theme=synthwave] .app-shell:after{content:"";position:absolute;inset:46% -25% -12%;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffcd9680 0 0),linear-gradient(#ffc38c61 0 0),linear-gradient(#ffb98247 0 0),linear-gradient(#ffaf7833 0 0),linear-gradient(#ffa57321 0 0),radial-gradient(7rem 30rem at 50% 1rem,rgba(255,205,150,.26) 0%,rgba(255,170,120,.12) 45%,transparent 72%),radial-gradient(34rem 16rem at 50% 0%,rgba(255,120,190,.12),transparent 70%),linear-gradient(rgba(255,71,183,.4) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(64,220,255,.32) 1.5px,transparent 1.5px);background-size:15rem 1.1rem,12.5rem .95rem,10rem .8rem,7.5rem .68rem,5rem .55rem,100% 100%,100% 100%,48px 48px,48px 48px;background-position:50% .9rem,50% 2.3rem,50% 3.6rem,50% 4.8rem,50% 5.9rem,0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;transform:perspective(26rem) rotateX(63deg);transform-origin:top center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 18%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 18%);opacity:calc(var(--synthwave-background-brightness, .5) * 2)}:root[data-theme=synthwave] .player-bar{border-image:radial-gradient(42% 260% at 50% 0%,rgba(255,210,155,.75),rgba(255,160,120,.18) 60%,transparent 85%) 1}:root[data-theme=synthwave] .player-bar{--player-control-accent: #ff63c1}:root[data-theme=synthwave] :is(section,footer).player-bar .transport-button{color:#ff63c1}:root[data-theme=synthwave] :is(section,footer).player-bar .transport-button:hover:not(:disabled){background:transparent;transition-duration:0ms;filter:drop-shadow(0 0 .38rem color-mix(in srgb,#ff63c1 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,#ff63c1 46%,transparent))}:root[data-theme=chameleon][data-color-scheme=light]{color-scheme:light;--theme-color-output-lightness: 32%;--bg-base: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%);--menu-bar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 90%);--window-topbar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 90%);--window-topbar-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 31%);--window-topbar-text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 24%);--window-topbar-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 46%);--window-topbar-hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .07);--window-topbar-hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .62);--bg-elevated: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 97% / .94);--bg-soft: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 87%);--menu-popover-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .985);--menu-popover-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 30%);--menu-popover-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 46%);--menu-popover-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 32% / .18);--menu-popover-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .1);--menu-popover-shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18% / .16);--bg-tree: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95% / .97);--bg-card: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 100% / .38);--bg-input: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 85% / .92);--bg-search: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .97);--bg-volume-popup: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .92);--text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 30%);--text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 24%);--muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 45%);--muted-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 36%);--accent: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38%);--accent-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32%);--accent-text: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 98%);--accent-strong-soft: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .08);--accent-strong-faint: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .12);--accent-strong-border-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .38);--accent-focus-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .32);--accent-dashed-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .26);--visualizer-high: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 23% / .54);--visualizer-mid: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 34% / .46);--visualizer-low: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 45% / .2);--visualizer-glow: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 34% / .14);--visualizer-bars: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 31% / .55);--visualizer-blocks: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 23% / .42);--danger: #a8504d;--border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .2);--border-strong: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .18);--border-soft: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .13);--border-faint: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .1);--border-subtle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .085);--border-covered: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .07);--player-bar-separator: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 78%);--menu-bar-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .16);--hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .07);--hover-subtle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .04);--hover-control: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .06);--tree-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .1);--selection-bg: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .12);--selection-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .18);--resizer-track: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .15);--resizer-handle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .24);--shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18% / .16);--hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .62);--body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 40% / .07), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .34), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%) 100%);--options-body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 40% / .08), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .38), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%) 100%);--track-list-header-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 97% / .78) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95% / .72) 100%), hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92% / .3);--track-list-header-shadow-gradient: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .09), transparent);--player-bar-fade: linear-gradient(180deg, transparent, hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .09));--dropzone-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .16), transparent 18%)}:root[data-theme=chameleon][data-color-scheme=dark]{color-scheme:dark;--theme-color-output-lightness: 72%;--bg-base: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%);--menu-bar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 11%);--window-topbar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 11%);--window-topbar-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--window-topbar-text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 97%);--window-topbar-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--window-topbar-hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 72% / .09);--window-topbar-hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 95% / .04);--bg-elevated: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 17% / .95);--bg-soft: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18%);--menu-popover-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .985);--menu-popover-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--menu-popover-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--menu-popover-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 64% / .25);--menu-popover-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 64% / .16);--menu-popover-shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 3% / .46);--bg-tree: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .97);--bg-card: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 23% / .52);--bg-input: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 8% / .93);--bg-search: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .97);--bg-volume-popup: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 8% / .86);--text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 97%);--muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--muted-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 79%);--accent: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 72%);--accent-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78%);--accent-text: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%);--accent-strong-soft: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .08);--accent-strong-faint: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .13);--accent-strong-border-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .44);--accent-focus-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .35);--accent-dashed-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .26);--visualizer-high: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 96% / .94);--visualizer-mid: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .7);--visualizer-low: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .25);--visualizer-glow: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 68% / .42);--visualizer-bars: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 72% / .84);--visualizer-blocks: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 96% / .72);--danger: #f06f6b;--border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .29);--border-strong: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .25);--border-soft: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .17);--border-faint: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .14);--border-subtle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .12);--border-covered: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .1);--player-bar-separator: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 31%);--menu-bar-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .23);--hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .09);--hover-subtle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .045);--hover-control: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .065);--tree-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 50% / .2);--selection-bg: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .15);--selection-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .24);--resizer-track: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .22);--resizer-handle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .27);--shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 3% / .46);--hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 95% / .04);--body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .15), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .1), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 15%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%) 100%);--options-body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .17), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .11), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 15%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%) 100%);--track-list-header-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 19% / .8) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 17% / .7) 100%), hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9% / .25);--track-list-header-shadow-gradient: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 4% / .35), transparent);--player-bar-fade: linear-gradient(180deg, transparent, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 4% / .35));--dropzone-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 88% / .024), transparent 18%)}@property --izci-scrollbar-visibility{syntax: "<number>"; inherits: true; initial-value: 0;}*{--izci-scrollbar-visibility: 0}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:color-mix(in srgb,color-mix(in srgb,var(--bg-base) 82%,transparent) calc(var(--izci-scrollbar-visibility) * 100%),transparent)}*::-webkit-scrollbar-thumb{min-width:28px;min-height:28px;border:solid transparent;border-width:calc(6px - var(--izci-scrollbar-visibility) * 4px) 2px 2px calc(6px - var(--izci-scrollbar-visibility) * 4px);border-radius:999px;background:color-mix(in srgb,color-mix(in srgb,var(--accent) 58%,var(--bg-soft)) calc(var(--izci-scrollbar-visibility) * 100%),transparent);background-clip:padding-box}.izci-scrollbar-active,.izci-scrollbar-near{--izci-scrollbar-visibility: 1}*::-webkit-scrollbar-thumb:hover{border-width:2px;background:color-mix(in srgb,var(--accent-strong) 72%,var(--bg-soft));background-clip:padding-box}*::-webkit-scrollbar-thumb:active{border-width:2px;background:var(--accent-strong);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none}html.izci-overlay-vertical-scrollbars *::-webkit-scrollbar{width:0}.izci-vertical-scrollbar-overlay{position:fixed;z-index:46;width:10px;pointer-events:none;opacity:0;transition:opacity .18s ease-out}.izci-vertical-scrollbar-overlay.is-visible{opacity:1}.izci-vertical-scrollbar-overlay:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg-base) 82%,transparent)}.izci-vertical-scrollbar-overlay-thumb{position:absolute;inset-inline:0;min-height:28px;pointer-events:auto;touch-action:none;cursor:default}.izci-vertical-scrollbar-overlay-thumb:before{content:"";position:absolute;inset:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 58%,var(--bg-soft))}.izci-vertical-scrollbar-overlay-thumb:hover:before{background:color-mix(in srgb,var(--accent-strong) 72%,var(--bg-soft))}.izci-vertical-scrollbar-overlay-thumb:active:before{background:var(--accent-strong)}@media(forced-colors:active){*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{all:revert}.izci-vertical-scrollbar-overlay{display:none}}@media(prefers-reduced-motion:reduce){.izci-vertical-scrollbar-overlay{transition:none}}:root{--player-bar-reserve: calc(6.3125rem + env(safe-area-inset-bottom, 0px)) ;--player-bar-reserve-tabbed: var(--player-bar-reserve);--video-theater-player-bottom: clamp(.7rem, 2.4vh, 1.35rem);--video-theater-player-left: max(.75rem, calc((100vw - 72rem)/2) );--track-artwork-radius: .25rem;--artwork-background-transition-duration: .32s;--artwork-ui-transition-duration: .32s;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}html,body,#app{margin:0;height:100%;min-height:100%}body{min-height:100vh;font-size:.8rem;background:var(--body-background);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}input[type=range]{width:100%;accent-color:var(--accent-strong)}.app-shell,.menu-bar,.menu-trigger,.compact-menu-trigger strong,.compact-menu-chevron,.menu-list,.menu-list button,.menu-item-shortcut,.menu-item-icon,.menu-separator,.menu-brand,.menu-brand strong,.menu-brand span,.tab-strip,.tab-strip-tab,.workspace-tabs,.dock-tab,.dock-tab-close-button,.panel,.error-banner,.panel-summary,.eyebrow,.dropzone,.empty-state,.track-list li+li,.track-row,.track-meta,.player-bar,.player-track span,.volume-label,.details-close-button,.detail-section+.detail-section,.section-heading,.section-icon,.track-artist,.metadata-row dt,.metadata-row dd,.notes-block pre{transition:color var(--artwork-ui-transition-duration) linear,background-color var(--artwork-ui-transition-duration) linear,border-color var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear,opacity var(--artwork-ui-transition-duration) linear}.app-shell{display:grid;position:relative;height:100dvh;min-height:100vh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;padding-bottom:var(--player-bar-measured-reserve, var(--player-bar-reserve));color:var(--text);background:var(--body-background);overflow:hidden;isolation:isolate}.app-shell.window-controls-overlay-active{--window-frame-safe-top: 0px;padding-top:var(--window-frame-safe-top)}.app-shell.compact-workspace{padding-bottom:var(--player-bar-measured-reserve, var(--player-bar-reserve-tabbed))}.app-shell.now-playing-mode{grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0}.app-shell.video-theater-mode{padding-bottom:0}.boot-veil{position:fixed;inset:0;z-index:100;background:var(--body-background)}.shared-artwork-host{display:contents}.shared-artwork-layer,.shared-artwork-zone,.shared-artwork-zone-image,.shared-artwork-zone-overlay{position:absolute;pointer-events:none}.shared-artwork-zone-overlay{inset:0}.shared-artwork-layer{z-index:0;opacity:0;transition:opacity var(--artwork-background-transition-duration) linear}.shared-artwork-layer.artwork-layer-visible{opacity:1}.shared-artwork-zone{overflow:hidden;--shared-artwork-blur: 36px;--shared-artwork-brightness: .42;--shared-artwork-dim-opacity: calc((1 - var(--shared-artwork-brightness)) * .72);--shared-artwork-vignette-opacity: calc((1 - var(--shared-artwork-brightness)) * .16)}.shared-artwork-zone-image{background-color:var(--body-background);background-image:var(--shared-artwork-image, none);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(var(--shared-artwork-blur)) saturate(1.18);transform:scale(1.12)}.shared-artwork-zone-overlay{background:radial-gradient(circle at top,rgba(255,255,255,calc(.04 * var(--shared-artwork-brightness))),transparent 36%),linear-gradient(180deg,rgba(8,9,13,calc(var(--shared-artwork-dim-opacity) + var(--shared-artwork-vignette-opacity))),rgba(8,9,13,var(--shared-artwork-dim-opacity)) 52%,rgba(8,9,13,calc(var(--shared-artwork-dim-opacity) + var(--shared-artwork-vignette-opacity))))}.shared-visualizer-host{display:contents}.shared-visualizer-layer{position:absolute;overflow:hidden;pointer-events:none;z-index:1}.shared-visualizer-layer>.player-visualizer{position:absolute;inset:0;z-index:0}.shared-visualizer-layer.artwork-backdrop-bright{--visualizer-high: rgba(42, 31, 20, .44);--visualizer-mid: rgba(122, 83, 26, .34);--visualizer-low: rgba(38, 78, 57, .18);--visualizer-glow: rgba(42, 31, 20, .1);--visualizer-bars: rgba(75, 53, 34, .38);--visualizer-blocks: rgba(42, 31, 20, .36);--visualizer-blend-mode: multiply}.backdrop-zone{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate}.backdrop-zone.fill-parent,.backdrop-zone-content{width:100%;height:100%;min-width:0;min-height:0}.backdrop-zone-content{position:relative;z-index:2;display:flex}.backdrop-zone.artwork-backdrop-active{color-scheme:dark;--artwork-zone-brightness: var(--shared-zone-artwork-brightness, .42);--artwork-zone-light-mix: 0%;--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #aab5c1;--accent-strong: #d1d7df;--accent-text: #1b1e22;--accent-strong-soft: rgba(209, 215, 223, .08);--accent-strong-faint: rgba(209, 215, 223, .12);--accent-strong-border-hover: rgba(209, 215, 223, .4);--accent-focus-border: rgba(209, 215, 223, .32);--accent-dashed-border: rgba(170, 181, 193, .24);--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68);--danger: #ef6f6c;--panel-backdrop-blur: var(--shared-zone-surface-blur, 28px);--panel-backdrop-saturate: 1.18;--chrome-backdrop-blur: var(--shared-zone-surface-blur, 28px);--chrome-header-backdrop-blur: var(--shared-zone-header-blur, 26px);--chrome-backdrop-saturate: 1.16;--bg-elevated: color-mix( in srgb, rgba(255, 250, 242, .48) var(--artwork-zone-light-mix), rgba(18, 19, 24, .44) );--bg-soft: color-mix( in srgb, rgba(255, 250, 242, .58) var(--artwork-zone-light-mix), rgba(18, 19, 24, .5) );--bg-tree: color-mix( in srgb, rgba(255, 250, 243, .8) var(--artwork-zone-light-mix), rgba(18, 19, 24, .68) );--bg-search: color-mix( in srgb, rgba(255, 252, 246, .82) var(--artwork-zone-light-mix), rgba(18, 19, 24, .72) );--bg-volume-popup: color-mix( in srgb, rgba(255, 250, 242, .84) var(--artwork-zone-light-mix), rgba(16, 17, 22, .76) );--border: color-mix( in srgb, rgba(52, 39, 25, .18) var(--artwork-zone-light-mix), rgba(255, 255, 255, .16) );--border-strong: color-mix( in srgb, rgba(52, 39, 25, .22) var(--artwork-zone-light-mix), rgba(255, 255, 255, .18) );--border-soft: color-mix( in srgb, rgba(52, 39, 25, .12) var(--artwork-zone-light-mix), rgba(255, 255, 255, .12) );--border-faint: color-mix( in srgb, rgba(52, 39, 25, .09) var(--artwork-zone-light-mix), rgba(255, 255, 255, .1) );--border-subtle: color-mix( in srgb, rgba(52, 39, 25, .08) var(--artwork-zone-light-mix), rgba(255, 255, 255, .08) );--border-covered: var(--border-subtle);--hover-subtle: color-mix( in srgb, rgba(52, 39, 25, .04) var(--artwork-zone-light-mix), rgba(255, 255, 255, .05) );--hover-surface: var(--hover-control);--hover-control: color-mix( in srgb, rgba(52, 39, 25, .09) var(--artwork-zone-light-mix), rgba(255, 255, 255, .08) );--selection-bg: color-mix( in srgb, color-mix(in srgb, var(--accent-strong) 18%, rgba(255, 255, 255, .1)) var(--artwork-zone-light-mix), color-mix(in srgb, var(--accent-strong) 14%, transparent) );--selection-strong: color-mix(in srgb, var(--accent-strong) 22%, transparent);--track-list-header-background: color-mix( in srgb, rgba(255, 250, 244, .88) var(--artwork-zone-light-mix), rgba(18, 19, 24, .52) );--track-list-header-artwork-background: var(--track-list-header-background);--dropzone-background: linear-gradient( 180deg, color-mix( in srgb, rgba(255, 255, 255, .18) var(--artwork-zone-light-mix), rgba(255, 255, 255, .045) ), transparent 18% );--player-bar-fade: linear-gradient( 180deg, rgba(5, 6, 10, 0), color-mix( in srgb, rgba(255, 250, 242, .28) var(--artwork-zone-light-mix), rgba(5, 6, 10, .26) ) );--hairline: color-mix( in srgb, rgba(34, 20, 8, .08) var(--artwork-zone-light-mix), rgba(255, 255, 255, .08) );--shadow: 0 20px 54px rgba(0, 0, 0, .26)}.backdrop-zone.artwork-backdrop-bright{color-scheme:light;--artwork-zone-light-mix: 100%;--text: #241b12;--text-strong: #130d08;--muted: rgba(36, 27, 18, .76);--muted-strong: rgba(36, 27, 18, .92);--accent: #65543f;--accent-strong: #4e402f;--accent-text: #fffaf2;--accent-strong-soft: rgba(78, 64, 47, .08);--accent-strong-faint: rgba(78, 64, 47, .12);--accent-strong-border-hover: rgba(78, 64, 47, .4);--accent-focus-border: rgba(78, 64, 47, .32);--accent-dashed-border: rgba(101, 84, 63, .24);--danger: #9b3f3c;--visualizer-high: rgba(42, 31, 20, .44);--visualizer-mid: rgba(122, 83, 26, .34);--visualizer-low: rgba(38, 78, 57, .18);--visualizer-glow: rgba(42, 31, 20, .1);--visualizer-bars: rgba(75, 53, 34, .38);--visualizer-blocks: rgba(42, 31, 20, .36);--visualizer-blend-mode: multiply}.backdrop-zone.visualizer-backdrop-active:not(.artwork-backdrop-bright){color-scheme:dark;--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #aab5c1;--accent-strong: #d1d7df;--accent-text: #1b1e22;--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68)}.backdrop-zone.visualizer-backdrop-active{--panel-backdrop-blur: var(--shared-zone-visualizer-surface-blur, 2px);--panel-backdrop-saturate: 1;--chrome-backdrop-blur: var(--shared-zone-visualizer-chrome-blur, 4px);--chrome-header-backdrop-blur: var(--shared-zone-visualizer-header-blur, 2px);--chrome-backdrop-saturate: 1;--bg-elevated: rgba(18, 19, 28, .24);--bg-soft: rgba(18, 19, 28, .34);--bg-search: rgba(18, 19, 28, .48);--border: rgba(255, 255, 255, .14);--border-soft: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .075);--border-covered: rgba(255, 255, 255, .075);--hover-subtle: rgba(255, 255, 255, .045);--selection-bg: color-mix(in srgb, var(--accent-strong) 24%, rgba(18, 19, 28, .28));--track-list-header-background: linear-gradient(180deg, rgba(18, 19, 28, .42) 0%, rgba(18, 19, 28, .32) 100%), rgba(255, 255, 255, .025);--track-list-header-artwork-background: linear-gradient(180deg, rgba(18, 19, 28, .34) 0%, rgba(18, 19, 28, .24) 100%), rgba(255, 255, 255, .02);--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 18%)}.backdrop-zone.artwork-backdrop-active.visualizer-backdrop-active{--bg-elevated: color-mix( in srgb, rgba(255, 250, 242, .26) var(--artwork-zone-light-mix), rgba(18, 19, 28, .24) );--bg-soft: color-mix( in srgb, rgba(255, 250, 242, .36) var(--artwork-zone-light-mix), rgba(18, 19, 28, .34) );--bg-search: color-mix( in srgb, rgba(255, 252, 246, .52) var(--artwork-zone-light-mix), rgba(18, 19, 28, .48) );--border: color-mix( in srgb, rgba(52, 39, 25, .14) var(--artwork-zone-light-mix), rgba(255, 255, 255, .14) );--border-soft: color-mix( in srgb, rgba(52, 39, 25, .1) var(--artwork-zone-light-mix), rgba(255, 255, 255, .1) );--border-subtle: color-mix( in srgb, rgba(52, 39, 25, .075) var(--artwork-zone-light-mix), rgba(255, 255, 255, .075) );--border-covered: var(--border-subtle);--hover-subtle: color-mix( in srgb, rgba(52, 39, 25, .045) var(--artwork-zone-light-mix), rgba(255, 255, 255, .045) );--selection-bg: color-mix( in srgb, color-mix(in srgb, var(--accent-strong) 24%, rgba(255, 250, 242, .3)) var(--artwork-zone-light-mix), color-mix(in srgb, var(--accent-strong) 24%, rgba(18, 19, 28, .28)) );--track-list-header-background: color-mix( in srgb, rgba(255, 250, 242, .39) var(--artwork-zone-light-mix), rgba(18, 19, 28, .37) );--track-list-header-artwork-background: color-mix( in srgb, rgba(255, 250, 242, .33) var(--artwork-zone-light-mix), rgba(18, 19, 28, .29) );--dropzone-background: linear-gradient( 180deg, color-mix( in srgb, rgba(255, 255, 255, .08) var(--artwork-zone-light-mix), rgba(255, 255, 255, .018) ), transparent 18% )}.window-frame-safe-strip{position:absolute;inset:0 0 auto;height:0;pointer-events:none;z-index:45;background:var(--window-topbar-bg)}.app-shell.window-controls-overlay-active .window-frame-safe-strip{height:var(--window-frame-safe-top)}.app-shell.video-fullscreen-mode .window-frame-safe-strip{transition:opacity .16s ease-out,transform .18s ease-out}.app-shell.video-fullscreen-mode.video-theater-controls-hidden .window-frame-safe-strip{opacity:0;transform:translateY(calc(-100% - var(--window-frame-safe-top)))}.app-shell.now-playing-theater-chrome-hidden .window-frame-safe-strip{opacity:0}@media(max-width:349px){.app-shell.compact-workspace{padding-bottom:var(--player-bar-measured-reserve, calc(4.55rem + env(safe-area-inset-bottom, 0px)) )}}.menu-bar{--text: var(--window-topbar-text);--text-strong: var(--window-topbar-text-strong);--muted: var(--window-topbar-muted);--hover-surface: var(--window-topbar-hover-surface);--hairline: var(--window-topbar-hairline);display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%;min-height:1.9rem;padding:max(env(safe-area-inset-top,0px),0px) .65rem 0 0;background-color:var(--window-topbar-bg);color:var(--window-topbar-text);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--hairline);box-shadow:none;transition:opacity .42s ease,transform .42s ease}.main-workspace-menu-bar{border-bottom:0}.main-workspace-menu-bar .menu-brand strong{color:var(--accent-strong)}.menu-bar-compact{gap:.35rem;min-height:1.7rem;padding-left:0;padding-right:.35rem}.menu-bar.window-controls-overlay-active{min-height:max(1.9rem,calc(var(--window-controls-overlay-height, env(titlebar-area-height, 1.9rem)) - var(--window-frame-safe-top)));padding-top:max(calc(var(--window-controls-overlay-y, env(titlebar-area-y, 0px)) - var(--window-frame-safe-top)),0px);padding-left:max(0px,var(--window-controls-overlay-x, env(titlebar-area-x, 0px)));padding-right:max(0px,calc(100vw - var(--window-controls-overlay-x, env(titlebar-area-x, 0px)) - var(--window-controls-overlay-width, env(titlebar-area-width, 100vw))));-webkit-app-region:drag}body:has(.menu-list[data-menu-interactive=true]) .menu-bar.window-controls-overlay-active{-webkit-app-region:no-drag}.app-shell.now-playing-theater-chrome-hidden .menu-bar{opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--window-frame-safe-top)))}.app-shell.video-fullscreen-mode .menu-bar{transition:opacity .16s ease-out,transform .18s ease-out}.app-shell.video-fullscreen-mode.video-theater-controls-hidden .menu-bar{opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--window-frame-safe-top)))}.menu-bar.window-controls-overlay-active.menu-bar-compact{min-height:max(1.55rem,calc(var(--window-controls-overlay-height, env(titlebar-area-height, 1.55rem)) - var(--window-frame-safe-top)));padding-left:max(0px,var(--window-controls-overlay-x, env(titlebar-area-x, 0px)));padding-right:max(0px,calc(100vw - var(--window-controls-overlay-x, env(titlebar-area-x, 0px)) - var(--window-controls-overlay-width, env(titlebar-area-width, 100vw))))}.app-shell.window-chrome-transition-bypass .menu-bar,.app-shell.window-chrome-transition-bypass .menu-trigger,.app-shell.window-chrome-transition-bypass .compact-menu-trigger strong,.app-shell.window-chrome-transition-bypass .compact-menu-chevron,.app-shell.window-chrome-transition-bypass .menu-brand,.app-shell.window-chrome-transition-bypass .menu-brand strong,.app-shell.window-chrome-transition-bypass .menu-brand span,.app-shell.window-chrome-transition-bypass .workspace-tabs,.app-shell.window-chrome-transition-bypass .dock-tab,.app-shell.window-chrome-transition-bypass .dock-tab-close-button{transition:none!important}.menu-groups{display:flex;align-items:stretch;align-self:stretch;gap:.15rem}.menu-root{position:relative;display:flex;align-items:stretch;-webkit-app-region:no-drag}.menu-trigger{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;border-radius:0;border:0;background:transparent;color:var(--text);-webkit-user-select:none;user-select:none;font-size:.8rem;line-height:1.1;transition:none;-webkit-app-region:no-drag}.menu-trigger.active,.menu-trigger:hover{background-color:var(--hover-surface)}.menu-trigger.menu-attention:after{width:.42rem;height:.42rem;margin-left:.18rem;border-radius:999px;background:#e5a92f;box-shadow:0 0 #e5a92f6b;content:"";animation:menu-attention-pulse 1.4s ease-out 1}@keyframes menu-attention-pulse{0%{box-shadow:0 0 #e5a92f6b}70%{box-shadow:0 0 0 .36rem #e5a92f00}to{box-shadow:0 0 #e5a92f00}}.app-menu-trigger{padding:0 .1rem 0 .5rem}.app-menu-trigger:hover,.app-menu-trigger.active,.compact-menu-trigger:hover,.compact-menu-trigger[aria-expanded=true]{background-color:transparent}.izci-menu-glyph{display:inline-block;width:1.25rem;height:1.25rem;flex:0 0 auto;background-color:currentColor;-webkit-mask:url(/icons/izci-mark.svg) center / contain no-repeat;mask:url(/icons/izci-mark.svg) center / contain no-repeat;transition:color .12s ease,filter .12s ease-out}.app-menu-trigger:hover .izci-menu-glyph,.app-menu-trigger.active .izci-menu-glyph,.compact-menu-trigger:hover .izci-menu-glyph,.compact-menu-trigger[aria-expanded=true] .izci-menu-glyph{color:var(--accent-strong);transition-duration:0ms;filter:drop-shadow(0 0 .42rem color-mix(in srgb,currentColor 88%,transparent)) drop-shadow(0 0 1.15rem color-mix(in srgb,var(--accent-strong) 72%,transparent))}.compact-menu-trigger{gap:.2rem;min-height:1.55rem;padding:.12rem .32rem .12rem .24rem;border-radius:999px;font-size:.84rem;letter-spacing:.02em}.compact-menu-trigger .izci-menu-glyph{width:1.2rem;height:1.2rem;color:var(--text-strong)}.compact-menu-trigger strong{color:var(--text-strong);font-size:.84rem;letter-spacing:.05em;text-transform:lowercase}.compact-menu-chevron{font-size:.95rem;color:var(--muted)}.menu-list{position:absolute;top:calc(100% + .35rem);left:0;width:max-content;min-width:10.5rem;max-width:calc(100vw - 1rem);padding:.12rem;background-color:var(--menu-popover-bg);border:1px solid var(--menu-popover-border);border-radius:0;box-shadow:var(--menu-popover-shadow);z-index:30;-webkit-app-region:no-drag}.menu-list button{width:100%;display:flex;align-items:center;gap:.32rem;padding:.22rem .3rem;background:transparent;border-radius:0;color:var(--menu-popover-text);text-align:left;white-space:nowrap;transition:none;-webkit-app-region:no-drag}.menu-list button .menu-item-shortcut,.menu-list button .menu-item-icon,.menu-list button .menu-item-chevron{transition:none}.menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-shortcut{min-width:3.5rem;color:var(--menu-popover-muted);font-size:.72rem;letter-spacing:.02em;text-align:right}.menu-item-check{display:inline-flex;align-items:center;justify-content:flex-end;min-width:1.05rem;color:var(--menu-popover-text);font-size:.85rem;text-align:right}.menu-item-icon{font-size:16px;color:var(--menu-popover-muted)}.menu-item-icon.favorite-filled{font-variation-settings:"FILL" 1}.menu-list button:hover{background-color:var(--menu-popover-hover)}.menu-list button:disabled{color:var(--menu-popover-muted);cursor:default}.menu-list button:disabled .menu-item-icon{color:inherit}.menu-list button:disabled:hover{background:transparent}.menu-separator{height:1px;margin:.1rem 0;background-color:var(--menu-popover-border)}.menu-brand{display:inline-flex;align-items:baseline;margin-left:auto;min-width:0;gap:.45rem;padding:.2rem .35rem;white-space:nowrap;border:0;border-radius:999px;background:transparent;color:inherit;cursor:default;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}body:has(.menu-list[data-menu-interactive=true]) .menu-brand{-webkit-app-region:no-drag}.menu-brand strong{flex:0 0 auto;color:var(--text-strong);font-size:.78rem;font-weight:600;letter-spacing:.01em}.menu-brand span{min-width:0;overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.menu-brand .menu-update-completed{color:#9ee6aa}.menu-brand .menu-update-current{color:#79dce8}.menu-brand .menu-update-failed{color:#f2bd7d}@media(prefers-reduced-motion:reduce){.menu-trigger.menu-attention:after{animation:none}}.workspace{--workspace-shell-tab-active-background: color-mix( in srgb, var(--bg-elevated) 84%, var(--accent-strong-soft) );--workspace-shell-tab-active-icon-color: var(--accent-strong);display:grid;position:relative;z-index:2;grid-template-columns:minmax(18rem,1.1fr) minmax(0,1.5fr) minmax(18rem,1fr);gap:0;min-height:0;padding:0;overflow:hidden}.workspace-resizable{display:flex;gap:0}.workspace-dock-layout{position:relative}.workspace-panel{display:flex;flex:0 0 auto;min-width:0;min-height:0;overflow:hidden}.workspace-dock-panel{position:relative}.workspace-dock-panel:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border:1px solid transparent;background-color:transparent;box-shadow:inset 0 0 0 0 transparent;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.workspace-dock-panel.is-drop-target:after{border-color:color-mix(in srgb,var(--accent-strong) 58%,transparent);background-color:color-mix(in srgb,var(--accent-strong) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 26%,transparent)}.workspace-panel>*{flex:1;width:100%;min-width:0;max-width:100%;min-height:0;height:100%}.workspace-resizable .workspace-panel .panel{border-inline:0;border-bottom:0}.workspace-dock-panel-content{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;color:var(--text);overflow:hidden}.workspace-resizer{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:0;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2}.workspace-resizable.is-resizing,.workspace-resizable.is-resizing *{cursor:col-resize}.workspace-resizer:before{content:"";width:1px;margin-block:0;background:var(--border);transition:none}.workspace-resizer:hover:before,.workspace-resizable.is-resizing .workspace-resizer:before{background:var(--accent-strong-border-hover);box-shadow:none}.workspace-resizer-handle{position:absolute;inset-inline:-4px;width:auto;height:100%}.workspace-tabs{--workspace-tab-text: var(--text);--workspace-tab-muted: var(--muted);--tab-strip-text: var(--workspace-tab-text);--tab-strip-muted: var(--workspace-tab-muted);--tab-strip-active-color: var(--text-strong);--tab-strip-hover-color: var(--text-strong);--tab-strip-active-icon-color: var(--accent-strong);--tab-strip-background: var(--menu-bar-bg);--tab-strip-active-background: color-mix(in srgb, var(--bg-elevated) 84%, var(--accent-strong-soft));--tab-strip-border: var(--border-soft);--tab-strip-gap: .1rem;--tab-strip-tab-padding: .22rem .4rem .32rem;position:sticky;top:0;z-index:10;padding:0;backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));-webkit-backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));min-width:0;max-width:100%;overflow:hidden}.app-shell.window-controls-overlay-active .workspace-tabs{--workspace-tab-text: var(--window-topbar-text);--workspace-tab-muted: var(--window-topbar-muted);--tab-strip-background: var(--window-topbar-bg);--tab-strip-border: var(--window-topbar-hairline);backdrop-filter:none;-webkit-backdrop-filter:none}.dock-tab{flex:0 1 auto}.dock-tab-shell{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}.dock-tab-shell[draggable=true]{cursor:grab}.dock-tab-shell[draggable=true]:active{cursor:grabbing}.dock-tab-shell.has-close .dock-tab{padding-right:1.4rem}.dock-tab-shell.drop-before:before,.dock-tab-shell.drop-after:after{content:"";position:absolute;top:.35rem;bottom:.3rem;z-index:2;width:2px;border-radius:999px;background:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-strong) 20%,transparent)}.dock-tab-shell.drop-before:before{left:-1px}.dock-tab-shell.drop-after:after{right:-1px}.dock-tab .material-symbols-outlined{font-size:.92rem}.dock-tab-label{min-width:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tabs.is-icon-only>.dock-tab-shell .dock-tab{justify-content:center;gap:0;padding-inline:.42rem}.workspace-tabs.is-icon-only>.dock-tab-shell.has-close .dock-tab{padding-right:1.55rem}.workspace-tabs.is-icon-only>.dock-tab-shell .dock-tab-label{display:none}.dock-tabs-measure{position:absolute;top:0;left:0;z-index:-1;display:flex;align-items:center;gap:inherit;width:max-content;max-width:none;height:0;overflow:visible;visibility:hidden;pointer-events:none}.dock-tab-close-slot{position:absolute;top:50%;right:.35rem;z-index:3;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1rem;pointer-events:none}.dock-tab-close-button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;color:var(--workspace-tab-text);background:transparent;border-radius:.24rem;opacity:0;pointer-events:none;transition:opacity .16s ease,color .16s ease,background-color .16s ease}.dock-tab-shell:hover .dock-tab-close-button,.dock-tab-shell:focus-within .dock-tab-close-button{opacity:1;pointer-events:auto}.dock-tab-close-button:hover,.dock-tab-close-button:focus-visible{color:var(--text-strong);background-color:var(--hover-control)}.dock-tab-close-button .material-symbols-outlined{font-size:.95rem}.dock-panel-tab-panel{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;color:var(--text);overflow:hidden}.dock-panel-tab-panel .panel{height:100%;border:0;border-radius:0;background-color:transparent;box-shadow:none}.dock-panel-tabs{--workspace-tab-text: var(--window-topbar-text);--workspace-tab-muted: var(--window-topbar-muted);--tab-strip-active-color: var(--window-topbar-text-strong);--tab-strip-hover-color: var(--window-topbar-text-strong);--tab-strip-active-icon-color: var(--workspace-shell-tab-active-icon-color);--tab-strip-active-background: var(--workspace-shell-tab-active-background);--tab-strip-border: var(--window-topbar-hairline);flex:0 0 auto}.workspace-empty-panel,.workspace-empty-surface{flex:1;min-width:0;min-height:0;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-elevated) 74%,transparent),color-mix(in srgb,var(--bg) 82%,transparent))}.workspace-empty-surface{width:100%;height:100%}.workspace-edge-drop-target{position:absolute;top:calc(var(--tab-strip-tab-min-height, 1.65rem) + .1rem);bottom:0;z-index:12;display:flex;align-items:center;justify-content:center;width:min(7rem,18vw);opacity:0;pointer-events:auto;color:var(--accent-strong);background-color:transparent;border:1px solid transparent;box-shadow:inset 0 0 0 1px transparent;transition:opacity .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.workspace-edge-drop-target.is-drop-target{opacity:1;background-color:color-mix(in srgb,var(--accent-strong) 16%,transparent);border-color:color-mix(in srgb,var(--accent-strong) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 18%,transparent)}.workspace-edge-drop-target-left{left:0}.workspace-edge-drop-target-center{left:50%;transform:translate(-50%)}.workspace-edge-drop-target-right{right:0}.now-playing-workspace{display:flex;min-height:0;overflow:hidden}.now-playing-workspace.is-cursor-hidden,.now-playing-workspace.is-cursor-hidden *{cursor:none!important}.now-playing-backdrop-zone{flex:1;min-width:0}.now-playing-backdrop-zone>.backdrop-zone-content{position:relative;padding:0;overflow:hidden}.now-playing-stage-shell{position:relative;z-index:0;isolation:isolate;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:2.6rem 3rem 1rem;display:flex;align-items:center}.now-playing-stage-shell.left-pinned{padding-left:calc(var(--np-left-width) + 1rem)}.now-playing-stage-shell.right-pinned{padding-right:calc(var(--np-right-width) + 1rem)}.now-playing-layout{display:grid;grid-template-columns:minmax(0,30rem);justify-content:center;align-items:center;gap:clamp(1rem,3vw,3rem);width:100%;max-width:70rem;height:min(42rem,100%);min-height:0;margin:auto}.now-playing-layout.has-context{grid-template-columns:minmax(0,28rem) minmax(0,38rem)}.now-playing-layout.has-patterns{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.now-playing-control-pane{min-width:0;min-height:0;max-width:30rem;width:100%;justify-self:center}.now-playing-context{min-width:0;min-height:0;height:100%;display:flex;overflow:hidden}.now-playing-context>.panel{flex:1;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.now-playing-workspace .now-playing-player{--now-playing-artwork-size: min(100%, 28rem, max(5rem, calc(100dvh - 22rem) ))}.now-playing-workspace .now-playing-player .player-artwork{width:var(--now-playing-artwork-size)}.now-playing-workspace :is(.player-range,.player-actions,.volume,.now-playing-context-toggle),.now-playing-close,.np-flyout-edge{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}.now-playing-workspace.is-cursor-hidden :is(.player-range,.player-actions,.volume,.now-playing-context-toggle){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.now-playing-close{position:absolute;top:.5rem;right:.5rem;z-index:8;width:2rem;height:2rem;border:0;background:transparent;color:var(--text)}.now-playing-workspace.right-flyout-visible .now-playing-close{right:calc(var(--np-right-width) + .5rem)}.now-playing-workspace.is-cursor-hidden .now-playing-close{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.np-flyout-edge{position:absolute;top:50%;left:0;z-index:7}.np-flyout-edge.right{left:auto;right:0}.np-flyout-edge.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.np-flyout-handle{width:2rem;height:3rem;padding:0;border:1px solid var(--border);color:var(--text);background:var(--bg-elevated)}.np-flyout{position:absolute;z-index:6;inset:0 auto 0 0;width:var(--np-left-width);display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-top:0;background:color-mix(in srgb,var(--bg-base) var(--np-flyout-surface-opacity),transparent);backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));-webkit-backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));transform:translate(-105%);visibility:hidden;opacity:0;transition:transform .22s ease,opacity .22s ease,visibility 0s .22s;box-shadow:0 8px 24px #0003}.np-flyout:not(.right){border-left:0}.np-flyout.right{left:auto;right:0;width:var(--np-right-width);transform:translate(105%)}.np-flyout.visible{transform:translate(0);opacity:1;visibility:visible;transition-delay:0s}.np-flyout.pinned{box-shadow:none}.np-flyout-toolbar{--np-flyout-toolbar-height: 1.65rem;display:flex;align-items:flex-end;min-width:0;background:transparent}.np-flyout-toolbar .workspace-tabs{--tab-strip-background: transparent;--tab-strip-hover-background: color-mix(in srgb, var(--hover-surface) 42%, transparent);--tab-strip-active-background: transparent;--tab-strip-radius: 0;flex:1;min-width:0;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell.window-controls-overlay-active .np-flyout-toolbar .workspace-tabs{--tab-strip-background: transparent}.np-flyout-toolbar .workspace-tabs:after{display:none}.np-flyout-toolbar .workspace-tabs .dock-tab{background:transparent}.np-flyout-toolbar .workspace-tabs .dock-tab:hover{background:color-mix(in srgb,var(--hover-surface) 42%,transparent)}.np-flyout-toolbar .workspace-tabs .dock-tab.active{background:transparent}.np-flyout-toolbar-button{position:relative;flex:0 0 var(--np-flyout-toolbar-height);width:var(--np-flyout-toolbar-height);height:var(--np-flyout-toolbar-height);padding:0;border:0;color:var(--text);background:transparent}.np-flyout-toolbar-button:hover:not(:disabled),.np-flyout-toolbar-button:focus-visible{color:var(--text-strong);background:color-mix(in srgb,var(--hover-surface) 42%,transparent)}.np-flyout-toolbar-button[aria-pressed=true]{color:var(--text-strong);background:color-mix(in srgb,var(--accent-strong) 18%,transparent);box-shadow:inset 0 -2px var(--accent-strong)}.np-flyout-toolbar-button[aria-pressed=true] .material-symbols-outlined{font-variation-settings:"FILL" 1}.np-flyout-toolbar-button:disabled{color:var(--muted);opacity:.45}.np-flyout-toolbar-button .material-symbols-outlined{font-size:1rem}.np-flyout-content{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;background:transparent}.np-flyout-content>.panel{flex:1;min-width:0}.np-flyout-content :is(.panel,.queue-panel){background-color:transparent}.np-flyout-content .panel{backdrop-filter:none;-webkit-backdrop-filter:none}.np-flyout .track-list-panel-header:before{opacity:1;background:color-mix(in srgb,color-mix(in srgb,var(--bg-base) 88%,var(--menu-bar-bg)) var(--np-flyout-surface-opacity),transparent)}@media(max-width:900px){.np-flyout{width:min(var(--np-left-width),calc(100% - 3rem))}.now-playing-stage-shell.left-pinned,.now-playing-stage-shell.right-pinned{padding-inline:2.5rem}.now-playing-layout.has-context{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:1rem}.now-playing-layout.has-context .now-playing-player{--now-playing-artwork-size: min(100%, max(3rem, calc(50dvh - 14rem) ))}}@media(prefers-reduced-motion:reduce){.now-playing-workspace :is(.np-flyout,.np-flyout-edge,.player-range,.player-actions,.volume,.now-playing-context-toggle,.now-playing-close){transition:none}}.now-playing-workspace .now-playing-player .now-playing-context-toggle{position:absolute;top:.65rem;right:calc((100% - var(--now-playing-artwork-size)) / 2 + .65rem);z-index:3;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in srgb,var(--border-strong) 55%,transparent);border-radius:.25rem;color:var(--text);background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);box-shadow:0 .1rem .3rem #0000002e;backdrop-filter:blur(.2rem);-webkit-backdrop-filter:blur(.2rem);filter:none}.now-playing-workspace .now-playing-player .now-playing-context-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--bg-elevated) 85%,var(--hover-control));filter:drop-shadow(0 0 .18rem color-mix(in srgb,currentColor 38%,transparent)) drop-shadow(0 0 .4rem color-mix(in srgb,var(--accent-strong) 18%,transparent))}.now-playing-workspace .now-playing-player .now-playing-context-toggle .material-symbols-outlined{font-size:1.05rem}.now-playing-context-toggle[aria-pressed=true]{color:var(--player-control-accent);background:color-mix(in srgb,var(--bg-elevated) 78%,var(--hover-control))}.np-flyout-resizer{position:absolute;inset:0 -3px 0 auto;width:7px;cursor:ew-resize;touch-action:none;z-index:9}.np-flyout.right .np-flyout-resizer{left:-3px;right:auto}.np-flyout-resizer:hover,.np-flyout-resizer:focus-visible{background:var(--border-strong)}.now-playing-context .lyrics-content{scrollbar-width:none}.now-playing-context .lyrics-content::-webkit-scrollbar{display:none;width:0;height:0}.panel,.player-bar,.error-banner{background-color:var(--bg-elevated);-webkit-backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));border:1px solid var(--border);border-radius:0;box-shadow:none}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--text)}.backdrop-zone:is(.artwork-backdrop-active,.visualizer-backdrop-active) .panel{border-color:transparent}.track-list-panel,.details-panel{position:relative;backdrop-filter:none;-webkit-backdrop-filter:none}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:.45rem;padding:.45rem .55rem 0}.panel-heading{min-width:0}.eyebrow{margin:0 0 .18rem;color:var(--accent);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.panel-summary{margin:0;color:var(--muted);font-size:.75rem}.dropzone{flex:1;margin:.85rem;border:1px dashed var(--accent-dashed-border);border-radius:.75rem;min-height:0;position:relative;overflow:auto}.track-list-dropzone{display:flex;flex-direction:column;margin:0;border:0;border-radius:0;background:var(--dropzone-background);overflow:hidden}.track-list-panel-header{position:relative;flex:0 0 auto;z-index:10;padding:.4rem .55rem 0;background:transparent;transition:box-shadow var(--artwork-ui-transition-duration) linear,border-color var(--artwork-ui-transition-duration) linear}.track-list-panel-header:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;background:var(--track-list-header-artwork-background, var(--track-list-header-background));backdrop-filter:blur(var(--chrome-header-backdrop-blur, calc(var(--chrome-backdrop-blur, 22px) - 2px))) saturate(var(--chrome-backdrop-saturate, 1.08));-webkit-backdrop-filter:blur(var(--chrome-header-backdrop-blur, calc(var(--chrome-backdrop-blur, 22px) - 2px))) saturate(var(--chrome-backdrop-saturate, 1.08));transition:background var(--artwork-background-transition-duration) linear}.track-list-panel-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:1.35rem;pointer-events:none;opacity:0;background:var(--track-list-header-shadow-gradient);transition:opacity .18s ease}.track-list-panel-header>*{position:relative;z-index:1}.track-list-panel-header.is-covered{box-shadow:0 1px 0 var(--border-covered)}.track-list-panel-header.is-covered:after{opacity:1}.empty-state{display:grid;place-items:center;text-align:center;color:var(--muted);padding:1rem}.align-start{place-items:start;text-align:left}.track-list{list-style:none;margin:0;padding:0 .5rem .55rem}.track-list li{position:relative}.track-list li+li:after{content:"";position:absolute;top:0;left:-.6rem;right:-.6rem;height:1px;background:var(--border-subtle);pointer-events:none}.track-row{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.6rem;text-align:left;padding:.18rem .3rem .16rem .22rem;color:var(--text);background:transparent;border:0;border-radius:4px;min-width:0}.track-row:before{content:"";position:absolute;inset:0 -.6rem;z-index:0;border-radius:4px;pointer-events:none}.track-row:hover:before{background-color:var(--hover-subtle)}.track-list li.selected .track-row:before{background-color:var(--selection-bg)}.track-list li.playing .track-row{color:var(--text-strong);font-weight:600}.track-list li.playing .track-row:before{box-shadow:inset 3px 0 0 var(--accent-strong)}.track-name{position:relative;z-index:1;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;min-width:max-content;color:var(--muted);font-size:.78rem;white-space:nowrap}.error-banner{padding:.75rem .9rem;color:var(--danger);margin:0 .75rem}.player-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "range volume";align-items:center;column-gap:0;row-gap:.3rem;padding:.45rem .65rem calc(.45rem + env(safe-area-inset-bottom,0px));position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:9rem;border-radius:0;border-top:1px solid var(--player-bar-separator);border-left:0;border-right:0;border-bottom:0;background:var(--player-bar-background, var(--menu-bar-bg));color:var(--text);-webkit-backdrop-filter:blur(var(--player-bar-backdrop-blur, var(--chrome-backdrop-blur, 16px))) saturate(var(--player-bar-backdrop-saturate, var(--chrome-backdrop-saturate, 1)));backdrop-filter:blur(var(--player-bar-backdrop-blur, var(--chrome-backdrop-blur, 16px))) saturate(var(--player-bar-backdrop-saturate, var(--chrome-backdrop-saturate, 1)));box-shadow:none;overflow:hidden;isolation:isolate;--player-range-fill: var(--accent-strong);--player-control-accent: var(--accent-strong);--player-range-track: color-mix(in srgb, var(--bg-soft) 76%, black);--player-range-buffered: color-mix(in srgb, var(--player-range-fill) 32%, var(--player-range-track));--player-range-border: var(--border-strong);--player-range-thumb: var(--accent-strong);--player-range-track-size: .52rem;--player-range-thumb-size: 1.05rem}.player-bar.artwork-background-active{color-scheme:dark;--artwork-zone-brightness: var(--shared-zone-artwork-brightness, .42);--artwork-zone-light-mix: 0%;--player-bar-backdrop-blur: var(--shared-zone-surface-blur, 28px);--player-bar-backdrop-saturate: 1.16;--menu-bar-bg: color-mix( in srgb, rgba(252, 248, 240, .46) var(--artwork-zone-light-mix), rgba(17, 18, 24, .42) );--text: rgba(248, 246, 241, .96);--text-strong: rgba(255, 255, 255, .98);--muted: rgba(248, 246, 241, .72);--muted-strong: rgba(248, 246, 241, .88);--accent: #aab5c1;--accent-strong: #d1d7df;--accent-text: #1b1e22;--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68);--bg-soft: color-mix( in srgb, rgba(255, 250, 242, .58) var(--artwork-zone-light-mix), rgba(18, 19, 24, .5) );--bg-volume-popup: color-mix( in srgb, rgba(255, 250, 242, .84) var(--artwork-zone-light-mix), rgba(16, 17, 22, .76) );--border-strong: color-mix( in srgb, rgba(52, 39, 25, .22) var(--artwork-zone-light-mix), rgba(255, 255, 255, .18) );--hover-control: color-mix( in srgb, rgba(52, 39, 25, .09) var(--artwork-zone-light-mix), rgba(255, 255, 255, .08) );--player-bar-fade: linear-gradient( 180deg, rgba(5, 6, 10, 0), color-mix( in srgb, rgba(255, 250, 242, .28) var(--artwork-zone-light-mix), rgba(5, 6, 10, .26) ) );--hairline: color-mix( in srgb, rgba(34, 20, 8, .08) var(--artwork-zone-light-mix), rgba(255, 255, 255, .08) )}.player-bar[data-backdrop-zone-id=player].artwork-background-active{--menu-bar-bg: transparent}.player-bar.visualizer-backdrop-active:not(.artwork-background-active){color-scheme:dark;--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #aab5c1;--accent-strong: #d1d7df;--accent-text: #1b1e22;--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68);--player-bar-background: linear-gradient(90deg, rgba(18, 19, 28, .28), rgba(18, 19, 28, .16) 50%, rgba(18, 19, 28, .28));--player-bar-backdrop-blur: 2px;--player-bar-backdrop-saturate: 1;--bg-soft: rgba(18, 19, 28, .34);--bg-volume-popup: rgba(18, 19, 28, .78);--border-strong: rgba(255, 255, 255, .16);--hover-control: rgba(255, 255, 255, .06);--player-bar-layer-fade: linear-gradient(180deg, rgba(18, 19, 28, 0), rgba(18, 19, 28, .16))}.player-bar.visualizer-backdrop-active{background:color-mix(in srgb,var(--player-bar-background, var(--menu-bar-bg)) 62%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.player-bar.artwork-background-active.artwork-background-bright{color-scheme:light;--artwork-zone-light-mix: 100%;--text: #241b12;--text-strong: #130d08;--muted: rgba(36, 27, 18, .76);--muted-strong: rgba(36, 27, 18, .92);--accent: #65543f;--accent-strong: #4e402f;--accent-text: #fffaf2;--visualizer-high: rgba(42, 31, 20, .44);--visualizer-mid: rgba(122, 83, 26, .34);--visualizer-low: rgba(38, 78, 57, .18);--visualizer-glow: rgba(42, 31, 20, .1);--visualizer-bars: rgba(75, 53, 34, .38);--visualizer-blocks: rgba(42, 31, 20, .36);--visualizer-blend-mode: multiply}.player-bar.artwork-background-active{box-shadow:none}.player-bar.artwork-background-active.artwork-background-bright.visualizer-backdrop-active{--player-bar-layer-fade: linear-gradient( 180deg, rgba(18, 19, 28, 0), color-mix( in srgb, rgba(255, 250, 242, .16) var(--artwork-zone-light-mix), rgba(18, 19, 28, .16) ) )}.player-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:1.35rem;pointer-events:none;opacity:0;background:var(--player-bar-layer-fade, var(--player-bar-fade));transition:opacity var(--artwork-background-transition-duration) linear;z-index:1}.player-visualizer{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:var(--visualizer-blend-mode, screen)}.player-bar>*{position:relative;z-index:2}.player-bar>.player-visualizer{position:absolute;z-index:0}.player-track-group{grid-area:track;display:flex;align-items:center;gap:.7rem;min-width:0}.player-track{display:grid;gap:.22rem;min-width:0;flex:1}.player-track>*{min-width:0}.player-track-link{display:block;justify-self:start;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artwork{position:relative;flex:0 0 auto;width:56px;height:56px;border-radius:var(--track-artwork-radius);overflow:hidden;background:linear-gradient(180deg,var(--hover-control),transparent 100%),var(--bg-soft);box-shadow:inset 0 0 0 1px var(--border-strong),0 0 0 1px #00000014;transition:background var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear}.player-artwork-fullscreen{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.75rem;background:#0000006b;opacity:0;transition:opacity .12s ease}.player-artwork-button.now-playing-entry:hover .player-artwork-fullscreen,.player-artwork-button.now-playing-entry:focus-visible .player-artwork-fullscreen{opacity:1}.player-artwork-image,.player-artwork-placeholder{display:block;width:100%;height:100%}.player-artwork-image{object-fit:contain;background:var(--bg-soft);transform:translateZ(0);backface-visibility:hidden}.player-artwork-placeholder{background:color-mix(in srgb,var(--muted) 72%,transparent);opacity:.5;-webkit-mask:url(/icons/izci-mark.svg) center / 70% no-repeat;mask:url(/icons/izci-mark.svg) center / 70% no-repeat}.player-track-title{width:100%;display:flex;align-items:baseline;gap:.42rem}.player-track-title strong{min-width:0}.player-track .player-subsong-position{flex:0 0 auto;color:var(--muted);font-size:.78rem;font-weight:500}.player-track strong{display:block;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track span,.player-track-subtitle{display:block;color:var(--muted);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-width:0;flex-wrap:nowrap}.favorite-rating-control{position:relative;display:inline-flex;align-items:center}.player-rating-picker{position:fixed;left:var(--rating-picker-x);top:var(--rating-picker-y);z-index:70;padding-bottom:.22rem;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(-100% + .18rem));transition:opacity 90ms ease,transform 90ms ease,visibility 0s linear 90ms}body:has(.favorite-rating-control:hover) .player-rating-picker,body:has(.favorite-rating-control:focus-within) .player-rating-picker,.player-rating-picker:hover,.player-rating-picker:focus-within{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-100%);transition-delay:0s}.player-control-strip{display:contents}.transport-button{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;color:var(--text);transition:color .12s ease,filter .12s ease-out}.transport-button:hover:not(:disabled){background:transparent;transition-duration:0ms;filter:drop-shadow(0 0 .38rem color-mix(in srgb,currentColor 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,var(--accent-strong) 46%,transparent))}.transport-button:disabled{opacity:.42}.transport-button .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:2rem;line-height:1}.transport-button-primary{width:3.6rem;height:3.6rem}.transport-button-primary .material-symbols-outlined{font-size:2.45rem}.player-bar.loading .player-track-group,.player-bar.loading .player-range,.player-bar.loading .volume,.player-bar.loading .player-actions :is(.favorite-rating-control,.video-theater-toggle){opacity:.66;transition:opacity .12s ease}.player-bar.loading .transport-button{opacity:.62;transition:color .12s ease,filter .12s ease-out,opacity .12s ease}.player-bar.loading .transport-button-primary .material-symbols-outlined{color:transparent;position:relative}.player-bar.loading .transport-button-primary .material-symbols-outlined:before{content:"";position:absolute;left:50%;top:50%;width:.78em;height:.78em;margin:-.39em 0 0 -.39em;border-radius:50%;background:conic-gradient(from 0deg,var(--text) 0deg 90deg,transparent 90deg 180deg,var(--text) 180deg 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - .09em),#000 calc(100% - .06em));mask:radial-gradient(closest-side,transparent calc(100% - .09em),#000 calc(100% - .06em));animation:player-bar-loading-spin .9s linear infinite}@keyframes player-bar-loading-spin{to{transform:rotate(360deg)}}.player-range,.volume{display:grid;align-items:center;gap:.55rem}.player-bar input[type=range]{--player-range-progress: 0%;--player-range-fill-end: 0px;-webkit-appearance:none;appearance:none;height:var(--player-range-thumb-size);border:0;color:var(--player-range-fill);background:transparent}.range-control{--player-range-progress: 0%;--player-range-fill-end: 0px;position:relative;display:flex;align-items:center;min-width:0;height:var(--player-range-thumb-size)}.range-control input[type=range]{position:relative;z-index:1;width:100%;color:inherit}.volume-range{width:100%}.range-control:before,.range-control-fill,.range-control-buffered{content:"";position:absolute;left:0;right:0;top:50%;height:var(--player-range-track-size);border-radius:999px;transform:translateY(-50%);pointer-events:none}.range-control-buffered{right:auto;background:var(--player-range-buffered)}.range-control:before{border:1px solid var(--player-range-border);background:var(--player-range-track)}.range-control-fill{right:auto;width:var(--player-range-fill-end);background:var(--player-range-fill)}.player-bar input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:var(--player-range-track-size);border:0;border-radius:999px;background:transparent}.range-control input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:var(--player-range-track-size);border:0;background:transparent}.player-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--player-range-thumb-size);height:var(--player-range-thumb-size);margin-top:calc((var(--player-range-track-size) - var(--player-range-thumb-size)) / 2);border:1px solid var(--player-range-border);border-radius:50%;background:var(--player-range-thumb);box-shadow:0 0 0 1px #0000002e,0 1px 4px #00000038}.player-bar input[type=range]:disabled::-webkit-slider-runnable-track{opacity:.55}.range-control:has(input[type=range]:disabled):before,.range-control:has(input[type=range]:disabled) .range-control-fill,.range-control:has(input[type=range]:disabled) .range-control-buffered{opacity:.55}.player-bar input[type=range]:disabled::-webkit-slider-thumb{opacity:.65}.player-range{grid-area:range;grid-template-columns:auto 1fr auto;min-width:0;gap:.45rem}.player-range>span{display:inline-flex;align-items:center;height:var(--player-range-thumb-size);font-size:.9rem;font-variant-numeric:tabular-nums;line-height:1;transform:translateY(-.04rem)}.volume{grid-area:volume;display:flex;align-items:center;gap:.18rem;min-width:8rem;align-self:center;padding-left:.45rem;position:relative}.volume-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;min-width:0;flex:1 1 auto;position:relative}.volume-label{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:1.65rem;height:1.65rem;padding:0;border:0;background:transparent;color:var(--text);transition:color .18s ease,background .18s ease}.favorite-toggle,.raf-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:0;background:transparent;color:var(--muted);transition:color .18s ease,background .18s ease,filter .12s ease-out}.favorite-toggle:hover:not(:disabled),.raf-toggle:hover{background-color:var(--hover-control)}.favorite-toggle:focus-visible,.raf-toggle:focus-visible{outline:2px solid var(--player-control-accent);outline-offset:2px}.favorite-toggle.active,.raf-toggle.active{color:var(--player-control-accent);filter:drop-shadow(0 0 .38rem color-mix(in srgb,var(--player-control-accent) 48%,transparent))}.favorite-toggle .material-symbols-outlined,.raf-toggle .material-symbols-outlined{font-size:1.15rem;line-height:1;font-variation-settings:"wght" 500}.favorite-toggle.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500}.favorite-toggle:disabled{cursor:default;opacity:.42}.volume-label:hover{background-color:var(--hover-control)}.volume-label:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.volume-label .material-symbols-outlined{font-size:1.45rem;line-height:1;font-variation-settings:"wght" 500}.volume[data-muted=true]{--player-range-fill: color-mix(in srgb, var(--muted) 72%, transparent);--player-range-thumb: color-mix(in srgb, var(--muted) 82%, transparent);--player-range-border: color-mix(in srgb, var(--muted) 40%, transparent)}@media(max-width:1000px){.player-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "range volume";max-height:none}}@media(max-width:349px){.player-bar:has(.volume[data-popup-open=true]){overflow:visible}.player-bar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"track actions actions" "range range volume";column-gap:.35rem}.player-track-group{gap:0}.player-artwork,.transport-button-previous{display:none}.transport-button-next{width:2.8rem;height:2.8rem;padding:0}.transport-button-next .material-symbols-outlined{font-size:1.86rem}.transport-button-primary{width:3.45rem;height:3.45rem;padding:0;align-self:center}.transport-button-primary .material-symbols-outlined{font-size:2.3rem}.volume{min-width:auto;align-self:end;justify-self:end;padding-left:0;overflow:visible}.volume-control{display:block;flex:0 0 auto;overflow:visible}.volume-popup{display:none}.volume[data-popup-open=true] .volume-popup{position:absolute;left:50%;bottom:100%;display:flex;align-items:center;justify-content:center;width:2.75rem;height:8.75rem;padding:.7rem 0 .35rem;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%);z-index:1}.volume-popup-track{display:flex;align-items:center;justify-content:center;width:2.2rem;height:7.7rem;border-radius:.5rem;background-color:var(--bg-volume-popup)}.volume-popup-track .volume-range{width:var(--player-range-thumb-size);height:7rem;align-items:center;justify-content:center}.volume-popup-track .volume-range:before,.volume-popup-track .volume-range .range-control-fill{display:block;inset:0 auto 0 50%;width:var(--player-range-track-size);height:auto;transform:translate(-50%)}.volume-popup-track .volume-range .range-control-fill{top:auto;height:var(--player-range-progress)}.volume-popup input[type=range]{width:var(--player-range-track-size);height:7rem;writing-mode:vertical-lr;direction:rtl;cursor:default}.volume-popup .range-control input[type=range]::-webkit-slider-runnable-track{width:var(--player-range-track-size);height:100%;border:0;background:transparent}.volume-popup input[type=range]::-webkit-slider-thumb{margin-left:calc((var(--player-range-track-size) - var(--player-range-thumb-size)) / 2);margin-top:0}}@media(min-width:350px){.volume-popup{display:contents;visibility:visible;pointer-events:auto}.volume-popup-track{display:contents}.volume-popup input[type=range]{width:100%;background:transparent}}.player-bar.compact-player-bar{grid-template-columns:minmax(10rem,1fr) minmax(5rem,10rem) auto;grid-template-areas:"track range controls";gap:.35rem;min-height:0;max-height:none;padding:0 .45rem env(safe-area-inset-bottom,0px) 0;--player-range-track-size: .25rem;--player-range-thumb-size: .62rem}.player-bar.compact-player-bar:has(.volume[data-popup-open=true]){overflow:visible}.compact-player-bar .player-track-group{gap:.38rem;align-self:stretch}.compact-player-bar:is(.video-track-active,.image-track-active) .player-track-group{min-height:32px;padding-left:.6rem}.compact-player-bar .player-artwork-button,.compact-player-bar .player-artwork{width:32px;height:32px;min-height:32px;max-height:32px;border-radius:0}.compact-player-bar .player-artwork-button{align-self:center;flex:0 0 32px}.compact-player-bar .player-artwork{display:block;box-shadow:none}.compact-player-bar .player-track{display:flex;align-items:baseline;gap:.35rem;font-size:.78rem;white-space:nowrap;overflow:hidden}.compact-player-bar .player-track-title{width:auto;flex:0 1 auto}.compact-player-bar .player-track strong{font-size:.8rem}.compact-player-bar .player-track-subtitle,.compact-player-bar .player-track>span{flex:1 1 auto;color:var(--muted);font-size:.75rem}.compact-player-bar .player-actions{gap:.05rem}.compact-player-bar .player-control-strip{grid-area:controls;display:flex;align-items:center;justify-content:flex-end;gap:.05rem;min-width:0}.compact-player-bar .transport-button,.compact-player-bar .transport-button-primary{width:1.65rem;height:1.65rem}.compact-player-bar .transport-button .material-symbols-outlined,.compact-player-bar .transport-button-primary .material-symbols-outlined{font-size:1.18rem}.compact-player-bar .player-range{grid-template-columns:auto minmax(3rem,1fr) auto;gap:.28rem;width:100%;max-width:10rem;justify-self:end}.compact-player-bar .player-range>span{height:var(--player-range-thumb-size);font-size:.66rem}.compact-player-bar .volume{min-width:auto;justify-self:end;padding-left:0;overflow:visible;gap:.05rem;--player-range-track-size: .52rem;--player-range-thumb-size: 1.05rem}.compact-player-bar .volume-control{display:block;flex:0 0 auto;overflow:visible}.compact-player-bar .player-control-strip :is(.transport-button,.favorite-toggle,.raf-toggle,.volume-label){display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;margin:0;padding:0;border:0;background:transparent;transition:color .12s ease,filter .12s ease-out}.compact-player-bar .player-control-strip .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:1.18rem;height:1.18rem;flex:0 0 1.18rem;font-size:1.18rem;line-height:1;font-variation-settings:"wght" 400}.compact-player-bar .favorite-toggle .material-symbols-outlined,.compact-player-bar .raf-toggle .material-symbols-outlined,.compact-player-bar .video-theater-toggle .material-symbols-outlined{font-size:.9rem}.compact-player-bar .volume-label .material-symbols-outlined{font-size:1rem}.compact-player-bar .favorite-toggle.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400}.compact-player-bar .player-control-strip :is(.transport-button,.favorite-toggle,.raf-toggle,.volume-label):hover:not(:disabled){background:transparent;filter:drop-shadow(0 0 .38rem color-mix(in srgb,currentColor 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,var(--accent-strong) 46%,transparent))}.compact-player-bar .volume-popup{display:none}.compact-player-bar .volume[data-popup-open=true] .volume-popup{position:absolute;left:50%;bottom:100%;display:flex;align-items:center;justify-content:center;width:2.75rem;height:8.75rem;padding:.7rem 0 .35rem;transform:translate(-50%);z-index:1}.compact-player-bar .volume-popup-track{display:flex;align-items:center;justify-content:center;width:2.2rem;height:7.7rem;border-radius:.5rem;background-color:var(--bg-volume-popup)}.compact-player-bar .volume-popup-track .volume-range{width:var(--player-range-thumb-size);height:7rem;align-items:center;justify-content:center}.compact-player-bar .volume-popup-track .volume-range:before,.compact-player-bar .volume-popup-track .volume-range .range-control-fill{display:block;inset:0 auto 0 50%;width:var(--player-range-track-size);height:auto;transform:translate(-50%)}.compact-player-bar .volume-popup-track .volume-range .range-control-fill{top:auto;height:var(--player-range-progress)}.compact-player-bar .volume-popup input[type=range]{width:var(--player-range-track-size);height:7rem;writing-mode:vertical-lr;direction:rtl}.compact-player-bar .volume-popup .range-control input[type=range]::-webkit-slider-runnable-track{width:var(--player-range-track-size);height:100%}.compact-player-bar .volume-popup input[type=range]::-webkit-slider-thumb{margin-left:calc((var(--player-range-track-size) - var(--player-range-thumb-size)) / 2);margin-top:0}@media(max-width:560px){.player-bar.compact-player-bar{grid-template-columns:minmax(5rem,1fr) minmax(4rem,7rem) auto}.compact-player-bar .player-range>span{display:none}.compact-player-bar .player-range{grid-template-columns:minmax(3rem,1fr)}}@media not (min-width:400px){.player-bar.compact-player-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track controls"}.compact-player-bar .player-range{display:none}}@media not (min-width:250px){.compact-player-bar .player-track-subtitle,.compact-player-bar .player-control-strip .transport-button-previous{display:none}}.player-bar:not(.compact-player-bar):not(.now-playing-player){row-gap:.2rem;padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom,0px));--player-range-track-size: .4rem;--player-range-thumb-size: .82rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-track-group{gap:.5rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-artwork{width:42px;height:42px}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-track{gap:.12rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-track strong{font-size:.875rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-track span,.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-track-subtitle{font-size:.78rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-actions{gap:.16rem;transform:translate(.35rem)}.player-bar:not(.compact-player-bar):not(.now-playing-player) .transport-button{width:2.2rem;height:2.2rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .transport-button-primary{width:2.7rem;height:2.7rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .transport-button .material-symbols-outlined{font-size:1.6rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .transport-button-primary .material-symbols-outlined{font-size:2rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .player-range>span{font-size:.75rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-toggle,.player-bar:not(.compact-player-bar):not(.now-playing-player) .raf-toggle,.player-bar:not(.compact-player-bar):not(.now-playing-player) .volume-label{width:1.45rem;height:1.45rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-toggle .material-symbols-outlined,.player-bar:not(.compact-player-bar):not(.now-playing-player) .raf-toggle .material-symbols-outlined,.player-bar:not(.compact-player-bar):not(.now-playing-player) .volume-label .material-symbols-outlined{font-size:1.2rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .image-zoom-controls .transport-button{width:1.45rem;height:1.45rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .image-zoom-controls .transport-button .material-symbols-outlined{font-size:1.2rem}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-toggle{order:-1;width:2.2rem;height:2.2rem;color:var(--text);transition:color .12s ease,filter .12s ease-out}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-rating-control{order:-1}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-toggle:hover:not(:disabled){background:transparent;transition-duration:0ms;filter:drop-shadow(0 0 .38rem color-mix(in srgb,currentColor 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,var(--accent-strong) 46%,transparent))}.player-bar:not(.compact-player-bar):not(.now-playing-player) .favorite-toggle .material-symbols-outlined{font-size:1.6rem}@media(min-width:350px){.player-bar:not(.compact-player-bar):not(.now-playing-player) .volume{width:auto;min-width:0}.player-bar:not(.compact-player-bar):not(.now-playing-player) .volume-range{width:6rem}}.player-bar.theater-player-bar{left:50%;right:auto;bottom:var(--video-theater-player-bottom);width:min(calc(100vw - 1.5rem),72rem);border:1px solid var(--player-bar-separator);border-radius:.3rem;background:color-mix(in srgb,var(--player-bar-background, var(--menu-bar-bg)) 80%,transparent);box-shadow:0 1.1rem 3.2rem #00000070,0 .2rem .7rem #00000047;transform:none;translate:-50% 0;transition:opacity .16s ease-out,transform .18s ease-out,color var(--artwork-ui-transition-duration) linear,background-color var(--artwork-ui-transition-duration) linear,border-color var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear;z-index:50}.player-bar.theater-player-bar:not(.compact-player-bar) .volume{width:100%}.player-bar.theater-player-bar:not(.compact-player-bar) .volume-range{width:100%;min-width:6rem}.app-shell.video-theater-controls-hidden .player-bar.theater-player-bar{opacity:0;pointer-events:none;transform:translateY(calc(100% + 1.5rem))}.player-bar.now-playing-player{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"track" "range" "actions" "volume";gap:.9rem;width:100%;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.player-bar.now-playing-player:before{display:none}.player-bar:is(.artwork-background-active,.visualizer-backdrop-active){border-color:transparent}.player-bar[data-backdrop-zone-id=player]:is(.artwork-background-active,.visualizer-backdrop-active){border-top-width:0}.player-bar.now-playing-player .player-track-group{flex-direction:column;align-items:stretch;gap:1rem}.player-bar.now-playing-player .player-artwork-button{width:100%}.player-bar.now-playing-player .player-artwork-button:disabled{cursor:default}.player-bar.now-playing-player .player-artwork{display:block;width:min(100%,28rem);height:auto;aspect-ratio:1;margin-inline:auto;border-radius:8px;box-shadow:inset 0 0 0 1px var(--border-strong),0 1.2rem 3.2rem #00000038}.player-bar.now-playing-player .player-track{justify-items:center;gap:.3rem;text-align:center}.player-bar.now-playing-player .player-track-link{justify-self:center}.player-bar.now-playing-player .player-track-title,.player-bar.now-playing-player .player-track-subtitle{text-align:center}.player-bar.now-playing-player .player-track-title{justify-content:center}.player-bar.now-playing-player .player-track strong{font-size:1.24rem}.player-bar.now-playing-player .player-track span{font-size:.96rem}.player-bar.now-playing-player .player-range{width:100%}.player-bar.now-playing-player .player-actions{justify-content:center;gap:.65rem}.player-bar.now-playing-player .transport-button,.player-bar.now-playing-player .transport-button-previous,.player-bar.now-playing-player .transport-button-next{display:inline-flex;width:3.6rem;height:3.6rem}.player-bar.now-playing-player .transport-button-primary{width:4.3rem;height:4.3rem}.player-bar.now-playing-player .transport-button .material-symbols-outlined{font-size:2.25rem}.player-bar.now-playing-player .transport-button-primary .material-symbols-outlined{font-size:2.9rem}.player-bar.now-playing-player .volume{width:min(100%,22rem);min-width:0;justify-self:center;padding-left:0}@media(max-height:720px)and (min-width:901px){.player-bar.now-playing-player{gap:.65rem}.player-bar.now-playing-player .player-artwork{width:min(100%,22rem)}}html[data-izci-mobile=true]{--mobile-header-height: calc(3.55rem + env(safe-area-inset-top, 0px)) ;--mobile-bottom-nav-height: calc(4.45rem + env(safe-area-inset-bottom, 0px)) ;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}html[data-izci-mobile=true] body{overscroll-behavior:none;touch-action:manipulation}html[data-izci-mobile=true] button,html[data-izci-mobile=true] input,html[data-izci-mobile=true] select{font-family:inherit}.app-shell.mobile-mode{grid-template-rows:minmax(0,1fr);padding-top:0;padding-bottom:calc(var(--player-bar-measured-reserve, 5.3rem) + var(--mobile-bottom-nav-height));background:var(--bg-base)}.app-shell.mobile-mode.now-playing-mode{grid-template-rows:minmax(0,1fr);padding-bottom:var(--mobile-bottom-nav-height)}.app-shell.mobile-mode.video-theater-mode{padding-bottom:0}.mobile-workspace{position:relative;z-index:3;display:grid;grid-template-rows:var(--mobile-header-height) minmax(0,1fr);width:100%;min-width:0;min-height:0;overflow:hidden;background:transparent}.mobile-app-header{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:end;gap:.35rem;min-width:0;padding:env(safe-area-inset-top,0px) max(.35rem,env(safe-area-inset-right,0px)) .35rem max(.35rem,env(safe-area-inset-left,0px));color:var(--text-strong);background:color-mix(in srgb,var(--menu-bar-bg) 91%,transparent);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.mobile-header-button,.mobile-header-spacer{width:3rem;height:3rem}.mobile-header-button{display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-strong)}.mobile-header-button:active{background:var(--hover-control);transform:scale(.94)}.mobile-header-actions{display:flex;align-items:center}.mobile-app-header.has-search{grid-template-columns:6rem minmax(0,1fr) 6rem}.mobile-header-button.active{color:var(--accent-strong);background:var(--accent-strong-soft)}.mobile-header-button .material-symbols-outlined{font-size:1.55rem}.mobile-header-title{align-self:center;min-width:0;padding-top:env(safe-area-inset-top,0px);text-align:center}.mobile-header-title span,.mobile-header-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-title span{font-size:1.04rem;font-weight:750;letter-spacing:-.015em}.mobile-header-title small{margin-top:.08rem;color:var(--muted);font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.mobile-tab-viewport,.mobile-swipe-page,.mobile-swipe-page>.backdrop-zone,.mobile-tab-page{width:100%;height:100%;min-width:0;min-height:0}.mobile-tab-viewport{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom}.mobile-tab-page,.mobile-swipe-page{display:flex;overflow:hidden}.mobile-swipe-page.swipe-forward{animation:mobile-page-in-forward .22s cubic-bezier(.2,.75,.2,1)}.mobile-swipe-page.swipe-backward{animation:mobile-page-in-backward .22s cubic-bezier(.2,.75,.2,1)}@keyframes mobile-page-in-forward{0%{opacity:.7;transform:translate(16%)}to{opacity:1;transform:translate(0)}}@keyframes mobile-page-in-backward{0%{opacity:.7;transform:translate(-16%)}to{opacity:1;transform:translate(0)}}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:32;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--mobile-bottom-nav-height);padding:.32rem max(.2rem,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(.2rem,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--menu-bar-bg) 94%,transparent);border-top:1px solid var(--border-soft);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:0;min-height:3.45rem;padding:.1rem;border:0;border-radius:.85rem;background:transparent;color:var(--muted)}.mobile-bottom-nav button.active{color:var(--accent-strong)}.mobile-nav-icon{display:grid;place-items:center;width:3rem;height:1.9rem;flex:0 0 1.9rem;border-radius:999px;background:transparent;transition:background-color .15s ease,transform .16s cubic-bezier(.2,.8,.2,1)}.mobile-bottom-nav button.active .mobile-nav-icon{background:var(--accent-strong-faint);transform:scale(1.02)}.mobile-bottom-nav .material-symbols-outlined{font-size:1.38rem}.mobile-bottom-nav button>span:last-child{max-width:100%;overflow:hidden;font-size:.64rem;font-weight:650;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-scrim{position:fixed;inset:0;z-index:79;width:100%;height:100%;padding:0;border:0;background:#00000085;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mobile-scrim-in .16s ease-out}.mobile-drawer{position:fixed;inset:0 auto 0 0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(86vw,22.5rem);padding-left:env(safe-area-inset-left,0px);color:var(--text);background:var(--bg-elevated);border-right:1px solid var(--border-soft);box-shadow:1.2rem 0 3rem #00000047;transform:translate(-105%);transition:transform .23s cubic-bezier(.2,.8,.2,1);visibility:hidden}.mobile-drawer.is-open{transform:translate(0);visibility:visible}.mobile-drawer-header{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 2.8rem;align-items:center;gap:.7rem;padding:calc(.75rem + env(safe-area-inset-top,0px)) .7rem .8rem 1rem;border-bottom:1px solid var(--border-soft)}.mobile-drawer-header img{width:3.5rem;height:3.5rem}.mobile-drawer-header strong,.mobile-drawer-header span{display:block}.mobile-drawer-header strong{color:var(--text-strong);font-size:1.12rem}.mobile-drawer-header div span{margin-top:.12rem;color:var(--muted);font-size:.76rem}.mobile-drawer-header button{display:grid;place-items:center;width:2.8rem;height:2.8rem;padding:0;border-radius:50%;background:transparent;color:var(--text)}.mobile-drawer-content{overflow:auto;padding:.7rem .7rem calc(1rem + env(safe-area-inset-bottom,0px))}.mobile-drawer-content section+section{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border-soft)}.mobile-drawer-content h2{margin:0 0 .35rem .55rem;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.mobile-drawer-content button{display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;width:100%;min-height:3.25rem;padding:.45rem .65rem;border-radius:.8rem;background:transparent;color:var(--text);text-align:left}.mobile-drawer-content button:active,.mobile-drawer-content button.active{background:var(--accent-strong-faint);color:var(--accent-strong)}.mobile-drawer-content .material-symbols-outlined{font-size:1.35rem}.mobile-drawer-subheading{margin:.45rem 0 .2rem .65rem;color:var(--muted);font-size:.72rem;font-weight:650}.mobile-drawer-status{display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;min-height:3.25rem;padding:.45rem .65rem;color:var(--accent-strong)}.mobile-drawer-status>span:last-child,.mobile-drawer-status strong,.mobile-drawer-status small{display:block;min-width:0}.mobile-drawer-status strong,.mobile-drawer-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-status small{margin-top:.08rem;color:var(--muted);font-size:.72rem;font-weight:500}.mobile-drawer-status.is-disconnected{color:var(--danger)}.mobile-drawer-status.is-reconnecting{color:light-dark(rgb(164 76 0),rgb(255 184 92))}.mobile-drawer-status.is-relayed{color:light-dark(rgb(0 107 126),rgb(116 230 255))}@keyframes mobile-scrim-in{0%{opacity:0}to{opacity:1}}.app-shell.mobile-mode .player-bar:not(.now-playing-player){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "range range";bottom:var(--mobile-bottom-nav-height);min-height:5.2rem;max-height:5.5rem;gap:.28rem .35rem;padding:.45rem max(.55rem,env(safe-area-inset-right,0px)) .42rem max(.55rem,env(safe-area-inset-left,0px));border-top-color:var(--border-soft);box-shadow:0 -.5rem 1.4rem #00000014}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-artwork{width:3rem;height:3rem;border-radius:.72rem}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-artwork-fullscreen,.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-track-subtitle,.app-shell.mobile-mode .player-bar:not(.now-playing-player) .favorite-rating-control,.app-shell.mobile-mode .player-bar:not(.now-playing-player) .raf-toggle,.app-shell.mobile-mode .player-bar:not(.now-playing-player) .volume{display:none}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-track strong{font-size:.91rem}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-control-strip{display:contents}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-actions{gap:.05rem}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .transport-button{width:2.7rem;height:2.7rem;min-width:2.7rem;border-radius:50%}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .transport-button-primary{background:var(--accent-strong);color:var(--accent-text)}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-range{grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:none;justify-self:stretch;padding:0 .15rem}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .player-range>span{display:none}.app-shell.mobile-mode .player-bar:not(.now-playing-player) .range-control{width:100%;--player-range-track-size: .34rem;--player-range-thumb-size: .86rem}.mobile-now-playing,.mobile-now-playing .backdrop-zone-content,.mobile-now-playing-content{width:100%;height:100%;min-height:0}.mobile-now-playing-content{display:flex;flex-direction:column;justify-content:center;gap:clamp(1rem,4vh,2.1rem);padding:clamp(1rem,4vw,1.5rem) max(1rem,env(safe-area-inset-right,0px)) 1.1rem max(1rem,env(safe-area-inset-left,0px));overflow:auto}.mobile-now-playing-artwork{width:min(78vw,22rem,44vh);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:clamp(1rem,4vw,1.5rem);background:var(--bg-soft);box-shadow:0 1.2rem 3rem #0000003d,inset 0 0 0 1px var(--border-soft)}.mobile-now-playing-artwork img,.mobile-artwork-placeholder{width:100%;height:100%}.mobile-now-playing-artwork img{display:block;object-fit:contain}.mobile-artwork-placeholder{display:block;background:color-mix(in srgb,var(--muted) 65%,transparent);-webkit-mask:url(/icons/izci-mark.svg) center / 55% no-repeat;mask:url(/icons/izci-mark.svg) center / 55% no-repeat}.mobile-now-playing-content .now-playing-player{position:static;display:grid;width:100%;max-width:34rem;max-height:none;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-now-playing-content .now-playing-player .player-artwork-button,.mobile-now-playing-content .now-playing-player .player-artwork,.mobile-now-playing-content .now-playing-player .volume{display:none}.mobile-now-playing-content .now-playing-player .player-track{text-align:center}.mobile-now-playing-content .now-playing-player .player-track-link{justify-self:center;text-align:center}.mobile-now-playing-content .now-playing-player .player-track strong{font-size:clamp(1.18rem,5vw,1.5rem)}.mobile-now-playing-content .now-playing-player .player-track-subtitle{margin-top:.12rem;font-size:.92rem}.mobile-now-playing-content .now-playing-player .player-actions{justify-content:center;gap:clamp(1rem,7vw,2rem);margin-top:.5rem}.mobile-now-playing-content .now-playing-player .transport-button{width:3.35rem;height:3.35rem;min-width:3.35rem;border-radius:50%}.mobile-now-playing-content .now-playing-player .transport-button-primary{width:4.25rem;height:4.25rem;min-width:4.25rem;background:var(--accent-strong);color:var(--accent-text)}.mobile-multiplayer-pill{display:flex;align-items:center;align-self:center;gap:.38rem;max-width:min(80vw,20rem);min-height:1.75rem;margin:-.45rem auto 0;padding:.2rem .7rem;overflow:hidden;color:var(--accent-strong);background:color-mix(in srgb,var(--accent-strong-faint) 88%,transparent);border:1px solid color-mix(in srgb,var(--accent-strong) 30%,transparent);border-radius:999px;font-size:.75rem;font-weight:700}.mobile-multiplayer-pill .material-symbols-outlined{flex:0 0 auto;font-size:1rem}.mobile-multiplayer-pill>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-multiplayer-pill.is-disconnected{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 32%,transparent)}.mobile-multiplayer-pill.is-reconnecting{--mobile-multiplayer-state-color: light-dark(rgb(164 76 0), rgb(255 184 92));color:var(--mobile-multiplayer-state-color);background:color-mix(in srgb,var(--mobile-multiplayer-state-color) 10%,transparent);border-color:color-mix(in srgb,var(--mobile-multiplayer-state-color) 32%,transparent)}.mobile-multiplayer-pill.is-relayed{--mobile-multiplayer-state-color: light-dark(rgb(0 107 126), rgb(116 230 255));color:var(--mobile-multiplayer-state-color);background:color-mix(in srgb,var(--mobile-multiplayer-state-color) 10%,transparent);border-color:color-mix(in srgb,var(--mobile-multiplayer-state-color) 32%,transparent)}.mobile-stats-scrim{position:fixed;inset:0;z-index:79;width:100%;height:100%;padding:0;border:0;background:#00000085;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mobile-scrim-in .16s ease-out}.mobile-stats-sheet{position:fixed;right:0;bottom:0;left:0;z-index:80;max-width:34rem;margin:0 auto;padding:.6rem .85rem calc(1rem + env(safe-area-inset-bottom,0px));color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-soft);border-bottom:0;border-radius:1.1rem 1.1rem 0 0;box-shadow:0 -1rem 3rem #00000052;animation:mobile-sheet-in .23s cubic-bezier(.2,.8,.2,1);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.mobile-stats-sheet.is-dragging{transition:none}.mobile-stats-drag-surface{touch-action:none;cursor:grab}.mobile-stats-grabber{width:2.6rem;height:.28rem;margin:0 auto .6rem;border-radius:999px;background:var(--border-strong)}.mobile-stats-header{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;align-items:center;gap:.6rem;margin-bottom:.4rem}.mobile-stats-header>.material-symbols-outlined{color:var(--accent-strong);font-size:1.5rem}.mobile-stats-header strong,.mobile-stats-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-stats-header strong{color:var(--text-strong);font-size:1rem}.mobile-stats-header small{margin-top:.1rem;color:var(--muted);font-size:.72rem}.mobile-stats-header button{display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;background:transparent;color:var(--text)}.mobile-stats-rows{display:grid;gap:.15rem;max-height:min(52vh,22rem);margin:0;overflow-y:auto;overscroll-behavior:contain}.mobile-stats-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:2.9rem;padding:.35rem .5rem;border-radius:.7rem}.mobile-stats-row dt{display:flex;align-items:center;gap:.55rem;min-width:0;color:var(--muted);font-size:.8rem}.mobile-stats-row dt .material-symbols-outlined{flex:0 0 auto;font-size:1.15rem}.mobile-stats-row dd{margin:0;color:var(--text-strong);font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}@keyframes mobile-sheet-in{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.app-shell.mobile-mode .track-list-panel-header{height:auto!important;min-height:3.35rem;padding:.25rem .75rem;gap:0;border-bottom:1px solid var(--border-soft);box-shadow:none}.app-shell.mobile-mode .track-list-panel-header:after{display:none}.app-shell.mobile-mode .track-list-header-main{align-items:center;min-height:2.85rem}.app-shell.mobile-mode .track-list-header-main .panel-summary{font-size:.9rem;line-height:1.3}.app-shell.mobile-mode .track-list-actions{gap:.2rem}.app-shell.mobile-mode .track-list-actions button{min-width:2.75rem;min-height:2.75rem}.app-shell.mobile-mode .track-list-actions .material-symbols-outlined{font-size:1.4rem}.app-shell.mobile-mode .track-row{min-height:4.1rem;padding:.58rem .75rem .55rem;column-gap:.8rem}.app-shell.mobile-mode .mobile-track-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.18rem;min-width:0}.app-shell.mobile-mode .mobile-track-title,.app-shell.mobile-mode .mobile-track-artist{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell.mobile-mode .mobile-track-title{color:var(--text-strong);font-size:1.02rem;font-weight:560;line-height:1.2}.app-shell.mobile-mode .mobile-track-artist{color:var(--muted);font-size:.82rem;font-weight:450;line-height:1.15}.app-shell.mobile-mode .track-meta{align-self:center;font-size:.76rem}.app-shell.mobile-mode .track-list-panel-header.library-mode{min-height:0;padding:.25rem .45rem;overflow:hidden}.app-shell.mobile-mode .track-list-panel-header.library-mode .library-header,.app-shell.mobile-mode .track-list-panel-header.library-mode .library-toolbar{width:100%;min-width:0}.app-shell.mobile-mode .library-toolbar{gap:0}.app-shell.mobile-mode .library-toolbar:after{display:none}.app-shell.mobile-mode .library-view-tabs{align-items:stretch;gap:.28rem;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-shell.mobile-mode .library-view-tabs::-webkit-scrollbar{display:none}.app-shell.mobile-mode .library-view-tabs .library-toolbar-button{flex:0 0 4.15rem;flex-direction:column;gap:.25rem;width:4.15rem;min-width:4.15rem;max-width:none;height:3.25rem;padding:.25rem .2rem;border-radius:.72rem}.app-shell.mobile-mode .library-view-tabs .library-toolbar-button .material-symbols-outlined{font-size:1.32rem}.app-shell.mobile-mode .library-view-tabs .library-view-label{display:block;width:100%;overflow:hidden;font-size:.64rem;font-weight:650;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-shell.mobile-mode .library-search-row{height:2.75rem;gap:.5rem;padding:0 .2rem 0 .6rem}.app-shell.mobile-mode .library-search-row input{font-size:1rem}.app-shell.mobile-mode .library-search-close{width:2.5rem;height:2.5rem}.app-shell.mobile-mode .library-search-row .material-symbols-outlined{font-size:1.35rem}.app-shell.mobile-mode .library-group-row{min-height:3.25rem;gap:.62rem;padding:.35rem .65rem;border-radius:.7rem}.app-shell.mobile-mode .library-group-row.album-row{min-height:3.5rem;padding-block:.35rem}.app-shell.mobile-mode .library-group-copy{flex-direction:column;align-items:stretch;gap:.15rem}.app-shell.mobile-mode .library-group-name{font-size:1rem}.app-shell.mobile-mode .library-group-secondary,.app-shell.mobile-mode .library-group-meta{font-size:.78rem}.app-shell.mobile-mode .library-group-icon{font-size:1.32rem}.app-shell.mobile-mode .library-group-icon.album-placeholder,.app-shell.mobile-mode .library-group-artwork{width:2.5rem;height:2.5rem;border-radius:.55rem}.app-shell.mobile-mode .library-group-open{font-size:1.35rem}@media(orientation:landscape)and (max-height:520px){html[data-izci-mobile=true]{--mobile-header-height: calc(3.15rem + env(safe-area-inset-top, 0px)) ;--mobile-bottom-nav-height: calc(3.8rem + env(safe-area-inset-bottom, 0px)) }.mobile-bottom-nav button>span:last-child{display:none}.mobile-now-playing-content{display:grid;grid-template-columns:minmax(0,42vh) minmax(0,1fr);align-items:center}.mobile-now-playing-artwork{width:min(42vh,15rem)}}@media(prefers-reduced-motion:reduce){.mobile-swipe-page,.mobile-drawer,.mobile-drawer-scrim,.mobile-nav-icon{animation:none;transition:none}}.oda-shell{--oda-bg: var(--bg-base);--oda-bg-elevated: var(--bg-elevated, var(--bg-base));--oda-surface: var(--bg-soft);--oda-surface-strong: var(--bg-card, var(--bg-soft));--oda-border: var(--border);--oda-border-strong: var(--border-strong);--oda-text: var(--text);--oda-muted: var(--muted);--oda-accent: var(--accent);--oda-accent-strong: var(--accent-strong);--oda-focus: var(--accent-strong);--oda-danger: var(--danger)}.oda-shell{position:fixed;inset:0;z-index:200;display:block;overflow:hidden;background:var(--body-background, var(--oda-bg));color:var(--oda-text);font-family:var(--app-font-family, Inter, ui-sans-serif, system-ui, sans-serif);-webkit-user-select:none;user-select:none}.oda-overscan{--oda-inset: calc(var(--oda-overscan-percent, 0) * 1%);position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(var(--oda-inset) + max(env(safe-area-inset-top,0px),.5rem)) calc(var(--oda-inset) + max(env(safe-area-inset-right,0px),.5rem)) calc(var(--oda-inset) + max(env(safe-area-inset-bottom,0px),.5rem)) calc(var(--oda-inset) + max(env(safe-area-inset-left,0px),.5rem))}.oda-background{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.oda-placeholder{display:grid;place-content:center;gap:.75rem;width:100%;height:100%;text-align:center;padding:2rem}.oda-placeholder h2{margin:0;font-size:clamp(1.6rem,3.6vw,3rem);font-weight:700;letter-spacing:.01em}.oda-placeholder p{margin:0;color:var(--oda-muted);font-size:clamp(.95rem,1.3vw,1.25rem)}.oda-waterfall{position:relative;width:100%;height:100%;padding:1rem clamp(1rem,5vw,5rem);overflow:hidden}.oda-waterfall-track{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(.4rem,1.4vh,1.1rem);will-change:transform;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.oda-waterfall-track:not(.center-ready){transition:none}.oda-waterfall-section{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;opacity:.32;transform:scale(.96);transform-origin:left center;transition:opacity .16s ease,transform .16s ease}.oda-waterfall-section.is-focused{opacity:1;transform:scale(1)}.oda-waterfall-header{margin:0;font-size:clamp(1.1rem,2.3vw,2.4rem);font-weight:640;letter-spacing:.06em;text-transform:uppercase;color:var(--oda-muted);text-align:left}.oda-waterfall-section.is-focused .oda-waterfall-header{color:var(--oda-accent-strong)}.oda-card-row{display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:clamp(.6rem,1.4vw,1.2rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 7rem),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 7rem),transparent 100%)}.oda-card-row::-webkit-scrollbar{display:none}.oda-card{display:flex;position:relative;flex:none;flex-direction:column;justify-content:flex-end;gap:.3rem;height:clamp(7.5rem,17vh,11.5rem);aspect-ratio:16 / 9;padding:.8rem 1rem;overflow:hidden;scroll-margin:0 7rem 0 .5rem;border:1px solid var(--oda-border);border-radius:2px;background:linear-gradient(180deg,var(--oda-surface) 0%,var(--oda-bg-elevated) 100%);color:var(--oda-text);text-align:left;font:inherit}.oda-card.is-focused{border-color:var(--oda-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--oda-focus) 55%,transparent);background:linear-gradient(180deg,var(--oda-surface-strong) 0%,var(--oda-surface) 100%)}.oda-card-label{position:relative;z-index:1;font-size:clamp(.95rem,1.4vw,1.4rem);font-weight:640}.oda-card-meta{position:relative;z-index:1;color:var(--oda-muted);font-size:clamp(.72rem,.95vw,.95rem)}.oda-card.is-empty .oda-card-meta{color:color-mix(in srgb,var(--oda-muted) 70%,transparent)}.oda-card .oda-card-glyph{position:absolute;top:-1.1rem;right:-1.1rem;z-index:0;color:color-mix(in srgb,var(--oda-accent-strong) 38%,transparent);font-size:clamp(4.5rem,10vh,7rem);line-height:1;transform:rotate(12deg);pointer-events:none}.oda-card.has-art .oda-card-glyph{display:none}.oda-card.has-art{padding:0;background:#000 center / cover no-repeat}.oda-card-strip{display:contents}.oda-card.has-art .oda-card-strip{display:flex;flex-direction:column;gap:.2rem;width:100%;margin-top:auto;padding:1.2rem .9rem .7rem;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,#000 78%,transparent) 72%);color:#f4f6fa;text-shadow:0 1px 8px rgba(0,0,0,.65)}.oda-card.has-art .oda-card-strip .oda-card-label,.oda-card.has-art .oda-card-strip .oda-card-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oda-card.has-art .oda-card-strip .oda-card-meta{color:#f4f6fac7}.oda-list-route{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;padding:1.2rem clamp(1rem,4vw,4rem)}.oda-route-header{display:flex;align-items:baseline;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--oda-border)}.oda-route-header h2{margin:0;font-size:clamp(1.3rem,2.6vw,2.4rem);font-weight:680}.oda-route-header p{margin:0;color:var(--oda-muted);font-size:clamp(.85rem,1.1vw,1.1rem)}.oda-rows{overflow-y:auto;padding:.5rem 0}.oda-list-viewport{position:relative;min-height:0;height:100%;overflow-y:auto;padding:.5rem 0}.oda-list-inner{position:relative;width:100%}.oda-row-slot{position:absolute;left:0;right:0;display:flex;align-items:stretch;gap:.25rem}.oda-row-slot>.oda-row{flex:1 1 auto;min-width:0}.oda-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.6rem .8rem;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text);font:inherit;text-align:left}.oda-row-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.oda-row-end{display:inline-flex;align-items:center;flex:none;gap:.35rem}.oda-row-trailing{flex:none;color:var(--oda-muted);font-variant-numeric:tabular-nums;font-size:clamp(.88rem,.95vw,1rem)}.oda-row-action-chevron{color:color-mix(in srgb,var(--oda-muted) 72%,transparent);font-size:1.25rem}.oda-row.is-playing{box-shadow:inset 3px 0 0 var(--oda-accent-strong)}.oda-row.is-playing .oda-row-title{color:var(--oda-accent-strong);font-weight:650}.oda-row-actions{position:absolute;top:50%;right:.35rem;z-index:2;display:flex;align-items:center;flex:none;gap:.2rem;padding-left:1.5rem;background:linear-gradient(90deg,transparent,var(--oda-bg) 18%);transform:translateY(-50%)}.oda-row-action{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-muted)}.oda-row-action:hover,.oda-row-action:focus-visible,.oda-row-action.is-focused{border-color:var(--oda-border-strong);color:var(--oda-text);outline:none}.oda-row:is(.is-focused,.is-action-parent){border-color:var(--oda-focus);background:var(--oda-surface)}.oda-row.is-focused .oda-row-action-chevron{color:var(--oda-text)}.oda-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,1.25vw,1.3rem)}.oda-row-meta{flex:none;color:var(--oda-muted);font-size:clamp(.9rem,1vw,1.05rem)}.oda-options-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}.oda-options-breadcrumb{display:flex;align-items:center;gap:.3rem;margin:0 auto 0 0;color:var(--oda-muted);font-size:clamp(.8rem,1vw,1rem)}.oda-options-breadcrumb strong{color:var(--oda-text)}.oda-options-toolbar>button{padding:.3rem .6rem;border:1px solid var(--oda-border);border-radius:2px;background:transparent;color:var(--oda-text);font:inherit;font-size:.85rem}.oda-options-toolbar>button.is-active{border-color:var(--oda-focus);color:var(--oda-accent-strong)}.oda-options-toolbar>button:disabled{opacity:.4}.oda-placeholder-hint{color:color-mix(in srgb,var(--oda-muted) 75%,transparent)!important;font-size:.95rem!important}.oda-options-content.options-shell{display:block;height:auto;min-height:0;overflow:visible;background:transparent;font-size:clamp(.85rem,1vw,1rem)}.oda-options{display:grid;grid-template-columns:minmax(12rem,20vw) minmax(0,1fr);width:100%;height:100%;min-height:0}.oda-options-categories{display:flex;flex-direction:column;gap:.15rem;min-height:0;padding:1rem;border-right:1px solid var(--oda-border);overflow-y:auto}.oda-options-category{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text);font:inherit;font-size:clamp(.9rem,1.15vw,1.15rem);text-align:left}.oda-options-category.is-focused{border-color:var(--oda-focus);background:var(--oda-surface)}.oda-options-category.is-child{padding-left:1.9rem;color:var(--oda-muted);font-size:clamp(.85rem,1.05vw,1.05rem)}.oda-options-category.is-active{color:var(--oda-accent-strong)}.oda-options-category .material-symbols-outlined{font-size:1.2em;color:var(--oda-muted)}.oda-options-content{min-width:0;min-height:0;overflow-y:auto;padding:1rem clamp(1rem,2vw,2rem) 3rem;color:var(--oda-text);background:color-mix(in srgb,#000 25%,transparent)}.oda-options-content .options-content{background:transparent}.oda-options-content .view,.oda-options-content .section{max-width:60rem;color:var(--oda-text)}.oda-theater{position:absolute;inset:0;overflow:hidden;background:#000}.oda-screensaver{position:absolute;inset:0;z-index:100;overflow:hidden;background:var(--oda-bg);pointer-events:none}.oda-screensaver-theme,.oda-screensaver>img,.oda-screensaver-shade{position:absolute;inset:0;width:100%;height:100%}.oda-screensaver-theme{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--oda-accent) 45%,transparent),transparent 42%),radial-gradient(circle at 78% 75%,color-mix(in srgb,var(--oda-accent-strong) 32%,transparent),transparent 48%),var(--body-background, var(--oda-bg))}.oda-screensaver>img{object-fit:contain;opacity:0;transition:opacity 4s ease-in-out}.oda-screensaver>img.visible{opacity:1}.oda-screensaver-shade{background:linear-gradient(135deg,rgb(0 0 0 / .3),transparent 38%,transparent 62%,rgb(0 0 0 / .34))}.oda-screensaver-clock,.oda-screensaver-track{position:absolute;z-index:1;display:flex;flex-direction:column;max-width:min(44rem,62vw);opacity:0;color:#fff;text-shadow:0 .12em .5em rgb(0 0 0 / .78);transition:opacity 1.2s ease}.oda-screensaver-clock.visible,.oda-screensaver-track.visible{opacity:1}.oda-screensaver-clock{top:var(--move-y);left:var(--move-x);align-items:flex-start}.oda-screensaver-clock time{font-size:clamp(4rem,10vw,10rem);font-weight:260;line-height:.9;letter-spacing:-.045em}.oda-screensaver-clock span{margin-top:.65rem;font-size:clamp(1.1rem,2.2vw,2.2rem);font-weight:520}.oda-screensaver-track{right:var(--move-x);bottom:var(--move-y);align-items:flex-end;text-align:right}.oda-screensaver-track strong{overflow:hidden;max-width:100%;font-size:clamp(1.8rem,4vw,4rem);line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.oda-screensaver-track span{overflow:hidden;max-width:100%;margin-top:.45rem;font-size:clamp(1rem,2vw,2rem);text-overflow:ellipsis;white-space:nowrap}html.oda-theater-cursor-hidden .oda-theater,html.oda-theater-cursor-hidden .oda-theater *{cursor:none!important}.oda-theater-chrome{position:absolute;inset:0;z-index:10;pointer-events:none}.oda-theater-top-shadow,.oda-theater-bottom-shadow{position:absolute;z-index:10;left:0;width:100%;pointer-events:none;transition:opacity .22s ease,transform .28s ease}.oda-theater-top-shadow{top:0;height:clamp(7rem,24vh,14rem);background:linear-gradient(to bottom,#000000c2,#0000)}.oda-theater-bottom-shadow{bottom:0;height:clamp(8.5rem,30vh,17rem);background:linear-gradient(to top,#000000e0,#0000)}.oda-theater-heading{position:absolute;z-index:20;top:clamp(1.25rem,3.5vh,2.5rem);left:clamp(1.5rem,4vw,4rem);right:clamp(1.5rem,4vw,4rem);color:#fff;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.72);transition:opacity .18s ease,transform .26s ease}.oda-theater-heading h1{overflow:hidden;margin:0;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:500;line-height:1.08;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.oda-theater-heading p{overflow:hidden;margin:.35rem 0 0;color:#ffffffad;font-size:clamp(.72rem,1vw,.95rem);text-overflow:ellipsis;white-space:nowrap}.oda-theater-transport{position:absolute;z-index:20;right:clamp(1.15rem,3vw,3rem);bottom:calc(.8rem + env(safe-area-inset-bottom,0px));left:clamp(1.15rem,3vw,3rem);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;color:#fff;pointer-events:auto;transition:opacity .18s ease,transform .26s ease}.oda-theater-video .oda-theater-transport{bottom:calc(2.55rem + env(safe-area-inset-bottom,0px))}.oda-theater-transport-center,.oda-theater-transport-edge{display:flex;align-items:center}.oda-theater-transport-center{justify-content:center;gap:clamp(.15rem,1vw,.8rem)}.oda-theater-transport-right{justify-content:flex-end}.oda-theater-transport button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:clamp(2.8rem,4vw,3.8rem);height:clamp(2.8rem,4vw,3.8rem);padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text);font:inherit;filter:drop-shadow(0 1px 5px rgba(0,0,0,.82))}.oda-theater-transport button .material-symbols-outlined{font-size:clamp(1.8rem,2.2vw,2.35rem)}.oda-theater-transport button.oda-theater-primary-control{width:clamp(3.8rem,5vw,4.8rem);height:clamp(3.8rem,5vw,4.8rem)}.oda-theater-transport button.oda-theater-primary-control .material-symbols-outlined{font-size:clamp(2.8rem,3.4vw,3.5rem)}.oda-theater-transport button.oda-theater-edge-control{color:var(--oda-muted)}.oda-theater-transport button:hover{color:var(--oda-text)}.oda-theater-transport button.is-focused{border-color:var(--oda-focus);outline:1px solid color-mix(in srgb,var(--oda-focus) 38%,transparent);background:color-mix(in srgb,var(--oda-surface) 72%,transparent);color:var(--oda-text)}.oda-theater-transport button.is-active{color:var(--oda-accent-strong)}.oda-theater-timeline{position:absolute;z-index:21;right:clamp(.65rem,1.2vw,1.15rem);bottom:calc(.45rem + env(safe-area-inset-bottom,0px));left:clamp(.65rem,1.2vw,1.15rem);height:1.65rem;pointer-events:auto;transition:opacity .18s ease,transform .26s ease}.oda-theater-time{position:absolute;right:.25rem;bottom:.7rem;left:.25rem;display:flex;justify-content:space-between;color:#ffffffad;font-size:clamp(.72rem,1vw,.9rem);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.oda-theater-progress{position:absolute;right:0;bottom:0;left:0;width:100%;height:.5rem;padding:0;overflow:hidden;border:0;border-radius:2px;outline:0;background:color-mix(in srgb,var(--oda-muted) 28%,transparent)}.oda-theater-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--oda-accent-strong)}.oda-theater-progress.is-focused{outline:2px solid var(--oda-focus);outline-offset:3px}.oda-theater-chrome.is-hidden .oda-theater-heading,.oda-theater-chrome.is-hidden .oda-theater-top-shadow{opacity:0;transform:translateY(-1rem)}.oda-theater-chrome.is-hidden .oda-theater-transport,.oda-theater-chrome.is-hidden .oda-theater-timeline,.oda-theater-chrome.is-hidden .oda-theater-bottom-shadow{opacity:0;transform:translateY(1rem)}.oda-theater-chrome.is-hidden .oda-theater-transport,.oda-theater-chrome.is-hidden .oda-theater-timeline{pointer-events:none}.oda-notices{position:absolute;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:grid;gap:.5rem;width:min(42rem,90vw);z-index:2}.oda-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;border:1px solid var(--oda-border-strong);border-radius:2px;background:color-mix(in srgb,var(--oda-bg) 92%,transparent);font-size:.95rem}.oda-notice.is-error{border-color:var(--oda-danger);color:var(--oda-danger)}.oda-notice button{flex:none;padding:.25rem .6rem;border:1px solid var(--oda-border-strong);border-radius:2px;background:transparent;color:inherit;font:inherit}.oda-top-chrome{position:absolute;top:calc(var(--oda-overscan-percent, 0) * 1% + max(env(safe-area-inset-top,0px),.5rem));left:calc(var(--oda-overscan-percent, 0) * 1% + max(env(safe-area-inset-left,0px),1rem));right:calc(var(--oda-overscan-percent, 0) * 1% + max(env(safe-area-inset-right,0px),1rem));z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.oda-top-glyph{flex:none;width:clamp(1.6rem,2.4vw,2.4rem);height:clamp(1.6rem,2.4vw,2.4rem);background-color:var(--oda-text);-webkit-mask:url(/icons/izci-mark.svg) center / contain no-repeat;mask:url(/icons/izci-mark.svg) center / contain no-repeat}.oda-top-clock{color:var(--oda-text);font-size:clamp(.85rem,1.1vw,1.15rem);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap}.oda-top-clock strong{font-weight:700}.oda-version{position:absolute;left:calc(var(--oda-overscan-percent, 0) * 1% + max(env(safe-area-inset-left,0px),1rem));bottom:calc(var(--oda-overscan-percent, 0) * 1% + max(env(safe-area-inset-bottom,0px),.8rem));z-index:10;pointer-events:none;color:var(--oda-muted);font-size:clamp(.8rem,1vw,1rem);letter-spacing:.06em;white-space:nowrap}.oda-version strong{font-weight:700}@media(prefers-reduced-motion:reduce){.oda-waterfall-track,.oda-waterfall-section,.oda-card,.oda-row{transition:none}}@media(max-width:900px){.oda-now-playing{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,.8fr)}.oda-options{grid-template-columns:minmax(9rem,30vw) minmax(0,1fr)}}.oda-overscan:has(>.oda-library-browser){padding:0}.oda-library-browser{--oda-browser-inset: calc(var(--oda-overscan-percent, 0) * 1vw);--oda-browser-sidebar-collapsed: calc( var(--oda-browser-inset) + max(env(safe-area-inset-left, 0px), .5rem) + clamp(4.25rem, 6vw, 5rem) );--oda-browser-sidebar-expanded: clamp(13.5rem, 20vw, 19rem);display:grid;grid-template-columns:var(--oda-browser-sidebar-collapsed) minmax(0,1fr);width:100%;height:100%;min-height:0;background:linear-gradient(90deg,color-mix(in srgb,var(--oda-bg-elevated) 88%,transparent),transparent 40%),color-mix(in srgb,var(--oda-bg) 90%,transparent);overflow:hidden;transition:grid-template-columns .18s ease-out}.oda-library-browser.is-sidebar-focused{grid-template-columns:var(--oda-browser-sidebar-expanded) minmax(0,1fr)}.oda-browser-sidebar{display:flex;flex-direction:column;min-height:0;padding:calc(var(--oda-browser-inset) + max(env(safe-area-inset-top,0px),.5rem) + clamp(3.1rem,7vh,4.5rem)) .85rem calc(var(--oda-browser-inset) + max(env(safe-area-inset-bottom,0px),.8rem) + 1.6rem) calc(var(--oda-browser-inset) + max(env(safe-area-inset-left,0px),.5rem) + .85rem);overflow:hidden;border-right:1px solid var(--oda-border);background:color-mix(in srgb,var(--oda-bg-elevated) 82%,transparent)}.oda-browser-brand{display:flex;align-items:center;gap:.65rem;padding:0 .65rem .75rem;border-bottom:1px solid var(--oda-border)}.oda-browser-brand strong,.oda-browser-filter>span:last-child{min-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:opacity .1s ease-out}.oda-library-browser.is-sidebar-focused .oda-browser-brand strong,.oda-library-browser.is-sidebar-focused .oda-browser-filter>span:last-child{opacity:1;transition-delay:70ms}.oda-browser-brand>.material-symbols-outlined{color:var(--oda-accent-strong);font-size:clamp(1.8rem,2.5vw,2.5rem)}.oda-browser-brand strong{font-size:clamp(1.05rem,1.35vw,1.35rem);letter-spacing:.025em}.oda-browser-sidebar nav{display:flex;flex:1 1 auto;flex-direction:column;gap:.18rem;min-height:0;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.oda-browser-filter{display:grid;grid-template-columns:1.65rem 0fr;align-items:center;gap:0;width:100%;min-height:2.85rem;padding:.5rem .65rem;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-muted);font:inherit;font-size:clamp(.9rem,1.12vw,1.12rem);text-align:left}.oda-browser-filter .material-symbols-outlined{font-size:1.25em}.oda-browser-filter.is-active{color:var(--oda-text);background:color-mix(in srgb,var(--oda-surface) 72%,transparent)}.oda-browser-filter.is-active:after{content:"";position:absolute;right:0;width:3px;height:1.6rem;background:var(--oda-accent-strong)}.oda-browser-filter{position:relative}.oda-browser-filter.is-focused{border-color:var(--oda-focus);color:var(--oda-accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--oda-focus) 38%,transparent)}.oda-browser-content{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:calc(var(--oda-browser-inset) + max(env(safe-area-inset-top,0px),.5rem) + clamp(3.1rem,7vh,4.5rem)) calc(var(--oda-browser-inset) + max(env(safe-area-inset-right,0px),.5rem) + clamp(1.1rem,2.2vw,2.2rem)) calc(var(--oda-browser-inset) + max(env(safe-area-inset-bottom,0px),.5rem) + 1rem) clamp(1.1rem,2.2vw,2.2rem);overflow:hidden}.oda-browser-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;min-height:5.4rem;padding:0 .2rem 1rem;border-bottom:1px solid var(--oda-border)}.oda-browser-heading>span{display:block;margin-bottom:.15rem;color:var(--oda-accent-strong);font-size:clamp(.72rem,.85vw,.88rem);font-weight:700;letter-spacing:.11em;text-transform:uppercase}.oda-browser-heading h1{margin:0;font-size:clamp(1.8rem,3.1vw,3.15rem);font-weight:690;letter-spacing:-.035em;line-height:1}.oda-browser-heading p{margin:.35rem 0 0;color:var(--oda-muted);font-size:clamp(.78rem,1vw,1rem)}.oda-browser-layout-switch{display:flex;gap:.25rem;padding:.2rem;border:1px solid var(--oda-border);background:var(--oda-bg-elevated)}.oda-library-browser.is-sidebar-focused .oda-browser-filter{grid-template-columns:1.65rem minmax(0,1fr);gap:.7rem}.oda-browser-view-controls{display:flex;align-items:center;gap:.55rem}.oda-browser-layout-switch button{display:grid;place-items:center;width:2.7rem;height:2.35rem;border:0;border-radius:1px;background:transparent;color:var(--oda-muted)}.oda-row-action .material-symbols-outlined{font-size:1.7rem}.oda-browser-layout-switch button.is-active{background:var(--oda-surface-strong);color:var(--oda-accent-strong)}.oda-browser-layout-switch button.is-focused{outline:2px solid var(--oda-focus);outline-offset:1px;color:var(--oda-accent-strong)}.oda-browser-layout-switch button.is-disabled{opacity:.36}.oda-browser-grid{display:grid;grid-template-columns:repeat(var(--oda-browser-columns, 4),minmax(0,1fr));align-content:start;gap:clamp(.75rem,1.4vw,1.35rem);min-height:0;padding:1.1rem .2rem 3rem;overflow-y:auto;overflow-x:hidden}.oda-browser-grid-virtual{display:block;padding:0}.oda-browser-grid-inner{position:relative;min-height:100%}.oda-browser-grid-window{position:absolute;left:.2rem;right:.2rem;display:grid;grid-template-columns:repeat(var(--oda-browser-columns, 4),minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.35rem);align-content:start}.oda-library-browser[data-layout=list] .oda-row{padding-block:calc(.6rem * var(--oda-browser-zoom-scale))}.oda-library-browser[data-layout=list] .oda-row-title{font-size:clamp(.78rem,calc(1.25vw * var(--oda-browser-zoom-scale)),1.6rem)}.oda-library-browser[data-layout=list] .oda-row-meta,.oda-library-browser[data-layout=list] .oda-row-trailing{font-size:clamp(.68rem,calc(1vw * var(--oda-browser-zoom-scale)),1.25rem)}.oda-library-tile{display:flex;flex-direction:column;gap:.65rem;min-width:0;padding:0;border:2px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text);font:inherit;text-align:left}.oda-library-tile.is-focused{border-color:var(--oda-focus);outline:2px solid color-mix(in srgb,var(--oda-focus) 25%,transparent);outline-offset:2px;background:color-mix(in srgb,var(--oda-surface) 58%,transparent)}.oda-tile-visual{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--oda-border);background:linear-gradient(145deg,color-mix(in srgb,var(--oda-surface-strong) 86%,transparent),var(--oda-bg-elevated))}.oda-library-browser.is-visual .oda-library-tile:not(.is-group) .oda-tile-visual{aspect-ratio:16 / 10}.oda-browser-gallery{display:block;columns:var(--oda-browser-columns, 5);column-gap:clamp(.4rem,.8vw,.8rem);padding-top:.8rem}.oda-browser-gallery .oda-gallery-tile{display:block;break-inside:avoid;width:100%;margin:0 0 clamp(.4rem,.8vw,.8rem);line-height:0}.oda-library-browser.is-visual .oda-browser-gallery .oda-gallery-tile .oda-tile-visual{display:block;aspect-ratio:auto;border:0}.oda-browser-gallery .thumbnail-host{position:relative;display:block;width:100%;aspect-ratio:var(--thumbnail-aspect, 4 / 3);overflow:hidden;background:var(--oda-bg-elevated)}.oda-browser-gallery .thumbnail-image{position:absolute;inset:0;object-fit:cover}.oda-browser-gallery .thumbnail-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2rem,4vw,4rem)}:where(.oda-shell) .thumbnail-image{width:100%;height:100%;object-fit:cover}:where(.oda-shell) .thumbnail-host{position:absolute;inset:0;display:grid;place-items:center}:where(.oda-shell) .thumbnail-placeholder{color:color-mix(in srgb,var(--oda-accent-strong) 55%,var(--oda-muted));font-size:clamp(3rem,6vw,6rem);opacity:.7}:where(.oda-shell) .thumbnail-brand-glyph{width:clamp(3.4rem,7vw,7rem);aspect-ratio:1;background:currentColor;-webkit-mask:url(/icons/izci-mark.svg) center / contain no-repeat;mask:url(/icons/izci-mark.svg) center / contain no-repeat}html.izci-overlay-vertical-scrollbars .oda-shell .oda-list-viewport::-webkit-scrollbar,html.izci-overlay-vertical-scrollbars .oda-shell .oda-browser-grid::-webkit-scrollbar,html.izci-overlay-vertical-scrollbars .oda-shell .oda-browser-sidebar nav::-webkit-scrollbar{width:10px}.oda-list-viewport,.oda-browser-grid{overscroll-behavior:contain;scrollbar-gutter:stable}.oda-tile-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding:0 .4rem .55rem}.oda-tile-copy strong,.oda-tile-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oda-tile-copy strong{font-size:clamp(.88rem,1.08vw,1.1rem);font-weight:650}.oda-tile-copy span{color:var(--oda-muted);font-size:clamp(.7rem,.82vw,.85rem)}.oda-tile-count,.oda-playing-badge{position:absolute;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--oda-text) 24%,transparent);background:color-mix(in srgb,#000 68%,transparent);color:#fff;box-shadow:0 2px 12px #00000047}.oda-tile-count{right:.55rem;bottom:.55rem;min-width:2rem;height:1.6rem;padding:0 .4rem;font-size:.78rem;font-variant-numeric:tabular-nums}.oda-playing-badge{right:.55rem;top:.55rem;width:2rem;height:2rem;color:var(--oda-accent-strong)}.oda-empty-glyph{margin:0 auto .5rem;color:var(--oda-muted);font-size:clamp(3rem,7vw,6rem);opacity:.35}.oda-now-playing{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"hero";gap:clamp(1.5rem,3vw,3.5rem);width:100%;height:100%;padding:clamp(3.4rem,6.5vh,5rem) clamp(1.2rem,2.5vw,3rem) 2.4rem;overflow:hidden}.oda-now-playing.has-lyrics{grid-template-columns:minmax(0,1fr) minmax(20rem,36vw);grid-template-areas:"hero lyrics"}.oda-now-playing-ambient{position:fixed;inset:-12%;z-index:-2;background:center / cover no-repeat;filter:blur(70px) saturate(.9);opacity:.16;transform:scale(1.08)}.oda-now-playing:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--oda-bg) 72%,transparent),color-mix(in srgb,var(--oda-bg) 91%,transparent))}.oda-now-playing-hero{grid-area:hero;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:clamp(.8rem,1.5vh,1.3rem);min-height:0}.oda-artwork{display:grid;place-items:center;width:min(51vh,38vw,42rem);height:auto;max-width:100%;aspect-ratio:1;border:0;background:color-mix(in srgb,var(--oda-surface) 75%,transparent) center / cover no-repeat;color:var(--oda-muted);border-radius:8px;box-shadow:inset 0 0 0 1px var(--oda-border-strong),0 1.2rem 3.2rem #00000038}.oda-artwork>.material-symbols-outlined{font-size:clamp(5rem,11vw,10rem);opacity:.32}.oda-now-playing-info{width:min(100%,42rem);min-width:0;text-align:center}.oda-now-playing-info h1{display:-webkit-box;margin:0;overflow:hidden;font-size:clamp(1.55rem,2.4vw,2.75rem);font-weight:650;letter-spacing:-.025em;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oda-now-playing-byline{margin:.35rem 0 0!important;overflow:hidden;color:var(--oda-muted);font-size:clamp(.95rem,1.2vw,1.2rem)!important;text-overflow:ellipsis;white-space:nowrap}.oda-now-playing-timeline{margin-top:clamp(.85rem,1.5vh,1.2rem)}.oda-progress{display:block;width:100%;height:.5rem;margin:0;padding:0;overflow:hidden;border:0;background:color-mix(in srgb,var(--oda-muted) 28%,transparent)}.oda-progress-fill{display:block;height:100%;background:var(--oda-accent-strong)}.oda-progress.is-focused{outline:2px solid var(--oda-focus);outline-offset:3px}.oda-progress-time{display:flex;justify-content:space-between;margin-top:.35rem!important;color:var(--oda-muted);font-size:clamp(.75rem,.9vw,.9rem);font-variant-numeric:tabular-nums}.oda-transport{display:flex;align-items:center;gap:clamp(.35rem,.7vw,.7rem);margin-top:1rem;justify-content:center}.oda-transport-main{position:relative;width:100%;min-height:clamp(3.8rem,5vw,4.8rem)}.oda-transport-left{position:absolute;top:50%;left:0;display:flex;align-items:center;gap:clamp(.2rem,.5vw,.45rem);transform:translateY(-50%)}.oda-transport-left button{display:grid;place-items:center;width:clamp(2.8rem,4vw,3.8rem);min-width:0;padding:0}.oda-transport button.oda-lyrics-toggle:disabled{opacity:.32}.oda-transport button.oda-lyrics-toggle:disabled.is-focused{opacity:.55}.oda-transport-core{display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,.7vw,.7rem);margin-inline:auto}.oda-transport button{display:grid;place-items:center;width:clamp(2.8rem,4vw,3.8rem);height:clamp(2.8rem,4vw,3.8rem);border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text)}.oda-transport button .material-symbols-outlined{font-size:clamp(1.8rem,2.2vw,2.35rem)}.oda-transport button.is-focused{border-color:var(--oda-focus);outline:1px solid color-mix(in srgb,var(--oda-focus) 38%,transparent);color:var(--oda-text);background:color-mix(in srgb,var(--oda-surface) 72%,transparent)}.oda-transport button.is-active{color:var(--oda-accent-strong)}.oda-transport .oda-transport-primary{width:clamp(3.8rem,5vw,4.8rem);height:clamp(3.8rem,5vw,4.8rem);border:1px solid transparent;background:transparent;color:var(--oda-text)}.oda-transport-primary .material-symbols-outlined{font-size:clamp(2.8rem,3.4vw,3.5rem)!important}.oda-volume-control{position:absolute;top:50%;right:0;display:grid;place-items:center;width:clamp(2.8rem,4vw,3.8rem);height:clamp(2.8rem,4vw,3.8rem);transform:translateY(-50%)}.oda-transport button.oda-volume-ring{position:relative;width:100%;height:100%;padding:0;overflow:visible;border-radius:50%;background:transparent}.oda-volume-ring.is-focused{background:color-mix(in srgb,var(--oda-surface) 72%,transparent)}.oda-volume-ring-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg)}.oda-volume-ring-track,.oda-volume-ring-value{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.oda-volume-ring-track{stroke:color-mix(in srgb,var(--oda-muted) 28%,transparent)}.oda-volume-ring-value{stroke:var(--oda-accent-strong)}.oda-volume-ring .material-symbols-outlined{position:relative;z-index:2}.oda-volume-step-hint{position:absolute;left:50%;z-index:2;color:var(--oda-focus);font-size:1.15rem;opacity:0;transform:translate(-50%)}.oda-volume-step-up{top:-1rem}.oda-volume-step-down{bottom:-1rem}.oda-volume-control:has(.oda-volume-ring.is-focused) .oda-volume-step-hint{opacity:1}.oda-lyrics{grid-area:lyrics;display:grid;grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;border-left:1px solid var(--oda-border);padding-left:clamp(1.2rem,2vw,2.2rem)}.oda-lyrics-scroller{min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,black 14%,black 86%,transparent);mask-image:linear-gradient(transparent,black 14%,black 86%,transparent)}.oda-lyrics-scroller::-webkit-scrollbar{display:none}.oda-lyrics-list{list-style:none;display:grid;align-content:start;gap:.8rem;width:100%;min-height:100%;margin:0;padding:max(1rem,22%) 0}.oda-lyrics-list li{padding:.15rem 0;color:color-mix(in srgb,var(--oda-text) 72%,transparent);font-size:clamp(1.15rem,1.7vw,2rem);font-weight:650;line-height:1.12;opacity:var(--lyric-opacity, .58);transform:scale(var(--lyric-scale, .95));transform-origin:left center;transition:opacity .16s ease,transform .18s ease,color .16s ease}.oda-lyrics-list li.active{color:var(--oda-text);font-weight:700;opacity:1;transform:scale(1)}.oda-lyrics-list li:not(.active){color:var(--oda-muted)}.oda-lyric-line{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;overflow-wrap:break-word}.oda-lyric-line:focus-visible{outline:2px solid var(--oda-focus);outline-offset:2px}.oda-lyrics-downtime{display:flex;justify-content:center;min-height:1.05em;transform-origin:center;text-align:center}.oda-lyrics-dots{display:inline-flex;align-items:center;justify-content:center;gap:.42em;padding:.18em 0;color:currentColor}.oda-lyrics-dots span{width:.32em;height:.32em;border-radius:999px;background:currentColor;opacity:.28;animation:oda-lyrics-dot-fade 1.35s ease-in-out infinite;animation-play-state:paused}.oda-lyrics-dots.is-playing span{animation-play-state:running}.oda-lyrics-dots span:nth-child(2){animation-delay:.16s}.oda-lyrics-dots span:nth-child(3){animation-delay:.32s}@keyframes oda-lyrics-dot-fade{0%,70%,to{opacity:.25}25%{opacity:.95}}.oda-lyrics-plain{margin:0;color:var(--oda-text);font:inherit;font-size:clamp(1.05rem,1.4vw,1.6rem);line-height:1.55;white-space:pre-wrap;word-break:break-word}.oda-lyrics-empty{align-self:center;color:var(--oda-muted);font-size:clamp(1rem,1.4vw,1.5rem);text-align:center}.oda-lyrics-empty p{margin:0}.oda-queue-flyout .oda-row-actions{opacity:0;pointer-events:none;transition:opacity .1s ease}.oda-queue-flyout .oda-row-slot:hover .oda-row-actions,.oda-queue-flyout .oda-row-slot.is-action-open .oda-row-actions,.oda-queue-flyout .oda-row-actions:focus-within{opacity:1;pointer-events:auto}.oda-queue-flyout .oda-row-slot.is-action-open .oda-row-actions{background:linear-gradient(90deg,transparent,var(--oda-surface) 18%)}.oda-queue-scrim{position:absolute;inset:0;z-index:39;border:0;background:#00000085}.oda-queue-flyout{position:absolute;top:0;right:0;bottom:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr);width:clamp(32rem,38vw,45rem);max-width:92vw;min-height:0;padding:max(1.4rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.2rem,env(safe-area-inset-bottom,0px)) 1.25rem;border-left:1px solid var(--oda-border-strong);background:color-mix(in srgb,var(--oda-bg) 96%,#000);box-shadow:-1.4rem 0 4rem #00000073}.oda-queue-flyout-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:5rem;padding:0 .4rem 1rem;border-bottom:1px solid var(--oda-border)}.oda-queue-flyout-header h1{margin:0;font-size:clamp(1.25rem,1.5vw,1.6rem);font-weight:450;line-height:1}.oda-queue-flyout-header p{margin:.45rem 0 0;color:var(--oda-muted);font-size:clamp(.88rem,.98vw,1rem)}.oda-queue-flyout-header button{display:grid;place-items:center;width:clamp(2.6rem,3vw,3.2rem);height:clamp(2.6rem,3vw,3.2rem);padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--oda-text)}.oda-queue-flyout-header button:hover,.oda-queue-flyout-header button.is-focused{border-color:var(--oda-focus);outline:1px solid color-mix(in srgb,var(--oda-focus) 38%,transparent);background:color-mix(in srgb,var(--oda-surface) 72%,transparent)}.oda-queue-flyout-header button .material-symbols-outlined{font-size:clamp(1.65rem,1.9vw,2rem)}.oda-queue-flyout .oda-list-viewport{min-height:0;margin-top:.8rem}.oda-queue-flyout .oda-row{font-size:clamp(1rem,1.2vw,1.25rem)}.oda-queue-flyout-empty{align-self:center;padding:2rem;color:var(--oda-muted);text-align:center}.oda-queue-flyout-empty>.material-symbols-outlined{font-size:clamp(4rem,7vw,7rem);opacity:.35}.oda-queue-flyout-empty h2{margin:.8rem 0 0;color:var(--oda-text);font-size:clamp(1.5rem,2vw,2.2rem)}.oda-queue-flyout-empty p{margin:.65rem auto 0;max-width:28rem;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.5}.oda-options{grid-template-columns:clamp(15rem,23vw,22rem) minmax(0,1fr);padding-top:clamp(3.2rem,7vh,4.8rem)}.oda-options-categories{padding:.9rem 1rem 3rem}.oda-options-category{min-height:2.75rem;padding:.55rem .75rem;font-size:clamp(.95rem,1.18vw,1.2rem)}.oda-options-category.is-child{padding-left:2.2rem;font-size:clamp(.88rem,1.05vw,1.06rem)}.oda-options-content{padding:1rem clamp(1.5rem,3.5vw,4rem) 4rem;background:color-mix(in srgb,var(--oda-bg) 76%,transparent)}.oda-options-content.options-shell{height:100%;overflow-y:auto;font-size:clamp(.98rem,1.15vw,1.18rem)}.oda-options-content.options-shell.about-content-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden;container-type:inline-size}.oda-options-content.about-content-panel .oda-options-toolbar{margin:0;padding:1rem clamp(1.5rem,3.5vw,4rem)}.oda-options-content.about-content-panel .about-view{max-width:none}.oda-options-content .view,.oda-options-content .section{max-width:76rem}.oda-options-content .section+.section{margin-top:1.6rem}.oda-options-content .section h2{margin-bottom:.7rem;font-size:clamp(.82rem,.95vw,.98rem)}.oda-options-content .field{grid-template-columns:minmax(0,1fr) minmax(15rem,auto);gap:1.2rem;min-height:3.5rem;padding:.7rem 0}.oda-options-content .field-title{font-size:clamp(.95rem,1.12vw,1.14rem)}.oda-options-content .field-hint{font-size:clamp(.78rem,.9vw,.92rem);line-height:1.45}.oda-options-content input[type=checkbox]{inline-size:1.45rem;block-size:1.45rem}.oda-options-content input[type=range]{width:min(19rem,26vw)}.oda-options-content select,.oda-options-content input,.oda-options-content button{min-height:2.35rem;font-size:clamp(.9rem,1.05vw,1.06rem)}.oda-options-content :is(input,select,textarea,button):focus-visible{outline:2px solid var(--oda-focus);outline-offset:3px}.oda-options-toolbar{min-height:3rem;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--oda-border)}.oda-options-toolbar>button{min-height:2.2rem;padding:.35rem .75rem;font-size:clamp(.78rem,.9vw,.92rem)}.oda-options-nav-hint{width:100%;color:var(--oda-muted);font-size:clamp(.68rem,.8vw,.82rem);text-align:right}@media(max-width:1050px){.oda-now-playing.has-lyrics{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hero" "lyrics";overflow-y:auto}.oda-lyrics{border-left:0;border-top:1px solid var(--oda-border);padding-left:0;padding-top:1rem;min-height:12rem}.oda-now-playing-hero{grid-template-columns:minmax(0,1fr);gap:.8rem}.oda-artwork{width:min(38vh,55vw)}}