@font-face{font-family:"Liberation Serif";font-style:normal;font-weight:400;font-display:swap;src:url(./LiberationSerif-Regular-UoWnvZPB.ttf) format("truetype")}@font-face{font-family:"Liberation Serif";font-style:normal;font-weight:700;font-display:swap;src:url(./LiberationSerif-Bold-Du6M6mBm.ttf) format("truetype")}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(./Anton-Regular-Do_6Vmin.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./IBMPlexMono-Regular-D0edADd_.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(./IBMPlexMono-SemiBold-BMdyzRRH.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(./Cinzel-SemiBold-Dd5YO2UX.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(./Spectral-Regular-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(./Orbitron-Bold-4jsRXGGJ.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(./Rajdhani-Medium-ByNUCHrt.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(./Rajdhani-Bold-BPDUZo87.woff2) format("woff2")}:root{--paint-dewy-lilac: #E0DCF0;--paint-twilight-plum: #43306B;--paint-violet-slate: #6A6385;--paint-lavender-grey: #8B84A8;--paint-fae-mint: #2FB089;--paint-lilac-white: #F2EFFA;--paint-lilac-tint: #E7E1F5;--paint-purple-cactus-flower:#A63A79;--paint-lemon-chrome: #F6C700;--paint-parchment: #F5EFE6;--paint-espresso: #3E2C1C;--paint-cocoa: #5C4733;--paint-faded-tan: #B8A583;--paint-olive-leaf: #6B8E4E;--paint-terracotta: #A8432F;--paint-amber-glow: #D4A017;--paint-parchment-light: #FBF6EE;--paint-parchment-tint: #EFE6D6;--paint-deep-slate: #1A2436;--paint-slate-bright: #C7D3E3;--paint-slate-mid: #93A2B8;--paint-slate-dim: #5E6E84;--paint-moonlight-white: #EEF2F7;--paint-moonlight-silver: #C4CCD6;--paint-moonlight-gray: #9AA3AF;--paint-slate-surface: #232F40;--paint-slate-surface-tint: #2E3C50;--paint-dewy-chartreuse: #E9F0C0;--paint-forest: #1E4D2B;--paint-moss: #54664B;--paint-sage-grey: #87977A;--paint-fern: #4C9A46;--paint-foxglove: #B04A6E;--paint-chartreuse-white: #F4F8E3;--paint-chartreuse-tint: #EAF1D0;--paint-siren: #FF2B2B;--paint-blood: #C01020;--paint-ember: #D8837A;--paint-ash-white: #EFE2DE;--paint-pitch: #0F0F0F;--paint-onyx: #1A1A1A;--paint-onyx-tint: #242424;--paint-hazard: #FFD400;--paint-amber-wax: #E0B100;--paint-straw: #D8C97A;--paint-paper-warm: #ECE6CF;--paint-apple-music-black: #000000;--paint-apple-music-white: #FFFFFF}:root{--album-bg: var(--surface);--album-c1: var(--go);--album-c2: var(--stop);--np-title: var(--title);--np-subtext: var(--subtext);--np-accent: var(--title);--ink-2: var(--go);--picked: color-mix(in srgb, var(--title) var(--picked-strength), transparent);--apple-music-mark: light-dark(var(--paint-apple-music-black), var(--paint-apple-music-white));--discord-mark: var(--apple-music-mark);--new-badge: var(--apple-music-mark);--new-badge-ink: light-dark(var(--paint-apple-music-white), var(--paint-apple-music-black));--eq-curve: var(--title);--eq-fill: color-mix(in srgb, var(--title) var(--sound-fill-strength), transparent);--eq-grid: color-mix(in srgb, var(--subtext) var(--sound-grid-strength), transparent);--eq-song: color-mix(in srgb, var(--ink-2) var(--sound-song-strength), transparent);--eq-heard: var(--ink-2);--eq-zone-alt: color-mix(in srgb, var(--subtext) var(--sound-zone-strength), transparent);--eq-zone-lit: color-mix(in srgb, var(--title) var(--sound-zone-lit-strength), transparent);--eq-handle: var(--title);--eq-handle-ink: var(--surface);--eq-plot-bg: var(--canvas);--grow-zone-bar: var(--title);--rail-ink: var(--subtext);--rail-ink-lit: var(--title);--glint: light-dark(rgba(255, 255, 255, .85), rgba(255, 255, 255, .65))}[data-theme=lilac]{color-scheme:light;--canvas: var(--paint-dewy-lilac);--go: var(--paint-fae-mint);--stop: var(--paint-purple-cactus-flower);--pause: var(--paint-lemon-chrome);--traffic-glyph: rgba(0, 0, 0, .55);--title: var(--paint-twilight-plum);--text: var(--paint-violet-slate);--subtext: var(--paint-lavender-grey);--ink-2: var(--stop);--surface: var(--paint-lilac-white);--surface-hover: var(--paint-lilac-tint);--border: rgba(67, 48, 107, .16);--panel-border: rgba(67, 48, 107, .3);--scrollbar: rgba(67, 48, 107, .26);--scrollbar-hover: rgba(67, 48, 107, .44)}[data-theme=green]{color-scheme:light;--canvas: var(--paint-dewy-chartreuse);--go: var(--paint-fern);--stop: var(--paint-foxglove);--pause: var(--paint-lemon-chrome);--traffic-glyph: rgba(0, 0, 0, .55);--title: var(--paint-forest);--text: var(--paint-moss);--subtext: var(--paint-sage-grey);--ink-2: var(--stop);--surface: var(--paint-chartreuse-white);--surface-hover: var(--paint-chartreuse-tint);--border: rgba(30, 77, 43, .16);--panel-border: rgba(30, 77, 43, .3);--scrollbar: rgba(30, 77, 43, .26);--scrollbar-hover: rgba(30, 77, 43, .44)}[data-theme=sepia]{color-scheme:light;--canvas: var(--paint-parchment);--go: var(--paint-olive-leaf);--stop: var(--paint-terracotta);--pause: var(--paint-amber-glow);--traffic-glyph: rgba(0, 0, 0, .55);--title: var(--paint-espresso);--text: var(--paint-cocoa);--subtext: var(--paint-faded-tan);--ink-2: var(--stop);--surface: var(--paint-parchment-light);--surface-hover: var(--paint-parchment-tint);--border: rgba(62, 44, 28, .16);--panel-border: rgba(62, 44, 28, .3);--scrollbar: rgba(62, 44, 28, .26);--scrollbar-hover: rgba(62, 44, 28, .44)}[data-theme=moonlight]{color-scheme:dark;--canvas: var(--paint-deep-slate);--go: var(--paint-moonlight-white);--stop: var(--paint-moonlight-gray);--pause: var(--paint-moonlight-silver);--traffic-glyph: rgba(0, 0, 0, .55);--title: var(--paint-slate-bright);--text: var(--paint-slate-mid);--subtext: var(--paint-slate-dim);--ink-2: color-mix(in srgb, var(--pause) 55%, var(--canvas));--surface: var(--paint-slate-surface);--surface-hover: var(--paint-slate-surface-tint);--border: rgba(199, 211, 227, .14);--panel-border: rgba(199, 211, 227, .3);--scrollbar: rgba(199, 211, 227, .22);--scrollbar-hover: rgba(199, 211, 227, .4)}[data-theme=black-yellow]{color-scheme:dark;--canvas: var(--paint-pitch);--go: var(--paint-hazard);--stop: var(--paint-straw);--pause: var(--paint-amber-wax);--traffic-glyph: rgba(0, 0, 0, .7);--title: var(--paint-hazard);--text: var(--paint-paper-warm);--subtext: var(--paint-straw);--ink-2: var(--go);--surface: var(--paint-onyx);--surface-hover: var(--paint-onyx-tint);--border: rgba(255, 212, 0, .14);--panel-border: rgba(255, 212, 0, .3);--scrollbar: rgba(255, 212, 0, .22);--scrollbar-hover: rgba(255, 212, 0, .4)}[data-theme=black-red]{color-scheme:dark;--canvas: var(--paint-pitch);--go: var(--paint-siren);--stop: var(--paint-ember);--pause: var(--paint-blood);--traffic-glyph: rgba(0, 0, 0, .7);--title: var(--paint-siren);--text: var(--paint-ash-white);--subtext: var(--paint-ember);--ink-2: var(--go);--surface: var(--paint-onyx);--surface-hover: var(--paint-onyx-tint);--border: rgba(255, 43, 43, .14);--panel-border: rgba(255, 43, 43, .3);--scrollbar: rgba(255, 43, 43, .22);--scrollbar-hover: rgba(255, 43, 43, .4)}[data-skin]{--font-title: "Liberation Serif", Georgia, "Times New Roman", serif;--font-body: "Liberation Sans", Arial, Helvetica, sans-serif;--fs-title: 20px;--fs-text: 14px;--fs-subtext: 12px;--fw-title: 700;--fw-text: 400;--fw-subtext: 400;--lh-text: 1.45;--title-underline: none;--title-underline-w: auto;--title-underline-offset: auto;--midi-w: 480px;--midi-h: 864px;--titlebar-h: 40px;--traffic-size: 16px;--traffic-gap: 8px;--traffic-glyph-fs: 11px;--vol-pill-w: 32px;--vol-pill-radius: 999px;--vol-pill-fs: 9px;--vol-fill-strength: 30%;--vol-icon-size: calc(var(--traffic-size) - 4px);--vol-pill-grown-w: 120px;--vol-pill-grown-h: var(--traffic-size);--vol-pill-pad: 2px;--vol-grow: var(--dur-med);--sleep-btn-size: var(--traffic-size);--title-hit-x: calc(var(--space-2) / 2);--title-hit-y: 6px;--sleep-panel-w: 224px;--sleep-panel-pad: var(--space-2);--sleep-dial-size: 172px;--sleep-tick-w: 1px;--sleep-tick-major-w: 2px;--sleep-num-fs: 11px;--sleep-readout-fs: 22px;--sleep-chip-radius: var(--radius-control);--sleep-turn: 1s linear;--sleep-line-h: 26px;--sleep-swap: .42s;--room-btn-size: var(--traffic-size);--room-panel-w: 248px;--room-panel-pad: var(--sound-panel-pad);--room-panel-max-h: min(560px, calc(100vh - 48px) );--room-title-tracking: var(--sound-title-tracking);--room-code-fs: 22px;--room-code-space: .08em;--room-field-w: 132px;--room-chip-min-w: var(--sound-pill-min-w);--room-members-max-h: 132px;--room-radius: var(--sound-chip-radius);--room-gutter-open: var(--dur-med);--room-half-pad-x: var(--space-1);--room-fold-bg: var(--sound-fold-bg);--room-dim: var(--sound-dim);--friend-radius: var(--room-radius);--friend-chip-min-w: var(--room-chip-min-w);--friend-list-max-h: 180px;--friend-art: 38px;--friend-gap: var(--space-2);--friend-dim: var(--room-dim);--room-part-slide: .26s;--room-stage-h: 104px;--room-fig-w: 62px;--room-fig-step-x: 34px;--room-fig-stroke: 3.2px;--room-grid-size: 14px;--room-grid-line: color-mix(in srgb, var(--border) 55%, transparent);--room-fig-step-s: .14;--room-fig-dim: .34;--room-bob-glide: .12s;--room-fill: .28s var(--ease-ui);--sound-btn-size: var(--traffic-size);--sound-panel-w: 300px;--sound-panel-max-h: min(620px, calc(100vh - 48px) );--sound-panel-pad: var(--space-2);--panel-edge-gap: 6px;--compass-max-h: max(calc(var(--compass-row-h) * 3), min(560px, calc(100vh - var(--titlebar-h) - var(--compass-drop, 0px) - 24px)));--compass-field-h: 36px;--compass-row-h: 34px;--compass-icon: 16px;--compass-btn-size: var(--traffic-size);--compass-spin: .42s cubic-bezier(.34, 1.26, .64, 1);--cog-btn-size: var(--traffic-size);--cog-step: 120deg;--cog-spin: .42s cubic-bezier(.34, 1.26, .64, 1);--quick-icons: 10;--quick-panel-w: calc(var(--quick-icons) * (var(--quick-logo-size) + var(--space-2)) + 2 * var(--quick-panel-pad) + 2px + var(--scrollbar-w));--quick-panel-max-h: var(--sound-panel-max-h);--quick-panel-pad: var(--sound-panel-pad);--quick-logo-size: var(--icon-lg);--quick-mark-size: var(--icon-sm);--new-badge-size: 11px;--new-badge-fs: 8px;--new-badge-off: -4px;--new-badge-ring: 1.5px;--sound-title-tracking: .02em;--sound-chip-radius: var(--radius-control);--sound-pill-min-w: 44px;--sound-part-pill-w: 60px;--sound-grow: .22s;--sound-icon-btn: 24px;--sound-step-pad: 6px;--sound-strong-fw: 600;--sound-tabs-pad: 2px;--sound-tab-radius: calc(var(--radius-control) - 2px);--sound-foot-fs: 11px;--sound-foot-pill-w: 64px;--sound-reset-w: 56px;--sound-meter-w: 172px;--sound-meter-pad-y: 2px;--sound-dim: .5;--sound-graph-h: 128px;--sound-graph-radius: var(--radius-control);--sound-axis-h: 12px;--sound-axis-gap: 2px;--sound-axis-fs: 9px;--sound-zone-h: 20px;--sound-zone-fs: 11px;--sound-heard-w: 1.5px;--sound-heard-dash: 3 2;--sound-key-size: 8px;--sound-key-radius: 2px;--sound-key-line: 14px;--sound-song-strength: 22%;--sound-zone-strength: 5%;--sound-zone-lit-strength: 14%;--sound-balance-label-w: 48px;--sound-balance-bar-h: 6px;--sound-curve-w: 2px;--sound-curve-glow: none;--sound-grid-w: 1px;--sound-grid-dash: none;--sound-zero-w: 1px;--sound-fill-strength: 16%;--sound-grid-strength: 24%;--sound-handle-size: 16px;--sound-handle-hit: 28px;--sound-handle-ring: 2px;--sound-handle-fs: 9px;--sound-handle-shadow: 0 1px 3px rgba(0, 0, 0, .25);--sound-handle-hover-scale: 1.18;--sound-fader-w: 18px;--sound-fader-inset: 8px;--sound-fader-track-w: 2px;--sound-fader-knob-h: 8px;--sound-fader-knob-radius: 3px;--sound-glide: var(--dur-fast);--sound-readout-min-w: 56px;--sound-status-lh: 1.35;--sound-status-gap: 2px;--sound-fold-bg: color-mix(in srgb, var(--surface-hover) 60%, transparent);--web-panel-w: 256px;--web-panel-max-h: 480px;--web-panel-pad: var(--space-2);--web-row-h: 32px;--web-hit-art: 24px;--web-cover-radius: var(--lib-row-art-radius);--web-hit-line-max-w: 50%;--web-days-min-w: 56px;--web-opt-min-w: 32px;--web-chip-radius: var(--radius-control);--web-title-tracking: .06em;--web-icon-stroke: 1.8;--web-link-offset: 2px;--web-shrink-dur: .32s;--web-shrink-ease: var(--pop-ease);--radius-panel: 10px;--radius-control: 6px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .18);--menu-min-w: 122px;--menu-surface: var(--surface);--menu-backdrop: none;--hint-max-w: 236px;--hint-row-max-w: 290px;--hint-credit-gap: var(--space-1);--credit-flat-opacity: .6;--hint-pad-x: var(--space-2);--hint-pad-y: calc(var(--space-1) + 1px);--hint-radius: var(--radius-control);--hint-gap: 8px;--hint-fs: var(--fs-subtext);--hint-shift: 3px;--toast-w: 304px;--toast-stripe: 3px;--toast-bar: 2px;--toast-shift: 30%;--walk-card-w: var(--toast-w);--walk-card-pad: var(--space-2) var(--space-3);--walk-scale: 2;--walk-frame-w: 32px;--walk-deets-w: 32px;--walk-deets-h: 64px;--walk-happy-w: 32px;--walk-happy-h: 32px;--walk-frames: 4;--walk-cycle: .571s;--walk-travel: .75s;--walk-gap: 10px;--walk-card-gap: var(--space-2);--walk-point: 14px;--walk-pair-gap: 4px;--spane-bg: var(--panel);--panel-gap: var(--space-3);--panel-radius: 12px;--panel-pad: var(--space-3);--panel-border-width: 0;--panel: var(--canvas);--shadow-card: none;--panel-backdrop: none;--scroller-layer: auto;--panel-isolation: auto;--canvas-bg: none;--canvas-bg-size: auto;--canvas-bg-repeat: repeat;--app-canvas-bg: var(--canvas-bg);--canvas-dim: 0;--aurora-display: none;--aurora-1: none;--aurora-2: none;--aurora-3: none;--aurora-drift-1-x: 0px;--aurora-drift-1-y: 0px;--aurora-drift-2-x: 0px;--aurora-drift-2-y: 0px;--aurora-drift-3-x: 0px;--aurora-drift-3-y: 0px;--aurora-slack: 0px;--aurora-dur: 60s;--aurora-drift: aurora-drift;--ambient-fps: 30;--ocean-display: none;--ocean-ink-1: var(--border);--ocean-ink-2: var(--border);--ocean-ink-3: var(--border);--panel-paint: var(--panel);--sand-display: none;--sand-reach: 0px;--sand-ink: transparent;--transport-size: 22px;--transport-gap: var(--space-3);--np-cover: 120px;--np-cover-glyph: 40px;--np-meta-gap: var(--space-1);--np-chip-pad: var(--space-1) var(--space-2);--np-chip-strength: 82%;--np-vol-gap: var(--space-2);--vinyl-stage: 0;--vinyl-strip: 0;--vinyl-tray: 0;--vinyl-inset: 0px;--vinyl-plate-shadow: none;--vinyl-hole: 5%;--vinyl-label: 33%;--vinyl-ring-w: 1px;--vinyl-ring-ink: var(--title);--vinyl-ring-alpha: 30%;--vinyl-groove-pitch: 3px;--vinyl-groove-w: 1px;--vinyl-groove-ink: var(--title);--vinyl-groove-alpha: 9%;--vinyl-sheen-ink: var(--surface);--vinyl-sheen-alpha: 35%;--vinyl-sheen-from: 300deg;--vinyl-sheen-spread: 28deg;--vinyl-swap-dur: .4s;--vinyl-swap-ease: ease-in-out;--vinyl-swap-travel: 110%;--vinyl-swap-fade: 0;--ap-panel-w: 220px;--ap-row-h: var(--icon-lg);--ap-dot: .9em;--ap-pulse: 1.2s;--ap-stroke: 2;--ap-caret-rise: 13px;--ap-cut-w: 6;--ap-caret-dur: .32s;--ap-ask-radius: var(--sound-chip-radius);--ap-ask-btn-w: 72px;--pop-in: var(--dur-med);--pop-out: var(--dur-fast);--pop-grow: var(--dur-med);--pop-stagger: .03s;--pop-shift: var(--space-1);--pop-scale: .97;--pop-ease: cubic-bezier(.2, .8, .2, 1);--set-section-gap: var(--space-3);--set-row-h: var(--icon-lg);--set-log-rows: 5;--set-log-max-h: calc((var(--set-row-h) + var(--space-2)) * var(--set-log-rows));--set-range-w: 120px;--set-range-val-w: 3.5em;--set-pill-pad: var(--space-1) var(--space-2);--set-pill-radius: 999px;--set-menu-min-w: 120px;--set-menu-max-h: 280px;--set-flash-dur: 1.6s;--set-textarea-min-h: 96px;--set-preview-max-h: 180px;--font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;--max-stage-w: 340px;--np-stage-glyph: 96px;--qcard-now-art: 48px;--qcard-idle-dim: .6;--qcard-loading-dim: .55;--album-aurora-display: none;--album-aurora-strength: 36%;--album-aurora-reach: 3;--album-spin-dur: 48s;--album-fade-dur: .6s;--storm-display: none;--storm-ink: var(--title);--storm-glow: none;--storm-w: 2px;--storm-path-1: none;--storm-path-2: none;--storm-cycle-1: 8s;--storm-cycle-2: 12s;--scrub-fancy-size: 14px;--scrub-nib-w: 2px;--scrub-nib-hover-w: 4px;--scrub-nib-bar: 8px;--scrub-float-size: 11px;--scrub-ripple-scale: 1.8;--scrub-bob-dur: 2.4s;--scrub-sheen-dur: 6s;--scrub-lens-scale: 1.2;--scrub-breathe-dur: 3s;--scrubber-track-h: 3px;--scrubber-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23000'/%3E%3C/svg%3E");--scrubber-handle-size: 12px;--lib-pill-radius: 999px;--lib-pop-radius: var(--radius-panel);--lib-grid-gap: var(--space-2);--lib-tile-small: 84px;--lib-tile-large: 132px;--lib-tile-radius: 8px;--tile-badge-size: 20px;--tile-badge-inset: var(--space-1);--tile-badge-radius: var(--lib-tile-radius);--lib-tile-lh: 1.3em;--lib-row-art: 36px;--lib-row-h: 46px;--hero-cover: 180px;--hero-gap: var(--space-1);--hero-cover-hover: .85;--hero-artist-radius: 50%;--sticky-bar-surface: var(--panel);--sticky-bar-backdrop: var(--panel-backdrop);--lib-row-art-radius: 4px;--scrollbar-w: 8px;--scrollbar-radius: 999px;--nav-dur: .26s;--nav-ease: cubic-bezier(.4, 0, .2, 1);--nav-at-center: translateX(0);--nav-at-left: translateX(-100%);--nav-at-right: translateX(100%);--nav-off-opacity: 1;--memory-wait: .4s;--swap-dur: var(--nav-dur);--swap-ease: var(--nav-ease);--swap-out-dur: 0s;--swap-out-to: scale(1);--swap-out-fade: 1;--swap-travel: 1;--swap-from: scale(1);--swap-mid: scale(1);--swap-fade: 1;--swap-stagger: 0s;--grow-dur: .34s;--grow-ease: var(--pop-ease);--grow-body-fade: .09s;--grow-rows-stagger: 12ms;--grow-clip-pad: 0px;--grow-zone-bar-w: 3px;--grow-zone-bar-gap: 0px;--grow-zone-bar-trim: var(--panel-radius);--grow-zone-bar-radius: 999px;--grow-zone-bar-glow: none;--grow-zone-resize-inset: 5px;--grow-btn-gap: var(--space-2);--grow-rail-w: 20px;--grow-rail-fs: 10px;--grow-col-time: 3.6em;--grow-col-heart: 2em;--grow-col-year: 3.4em;--grow-col-plays: 3.6em;--fly-dur: .42s;--fly-ease: var(--nav-ease);--fly-mid: scale(1.04);--fly-land: scale(.4);--fly-land-fade: 0;--boot-dur: .8s;--boot-cover-out: var(--boot-dur);--boot-ease: cubic-bezier(.22, 1, .36, 1);--boot-rise: translateY(12px);--boot-stagger: 70ms;--boot-safety: 4s;--cover-in-dur: .22s;--cover-in-ease: cubic-bezier(.4, 0, 1, 1);--agent-motion: 1.6;--np-album-text: 0;--search-pin-size: var(--icon-sm);--dur-fast: .12s;--dur-med: .18s;--dur-spin: .7s;--ease-ui: ease;--sh-cross-dur: .42s;--sh-cross-gap: 3px;--rp-loop-dur: .5s;--hover-lift: none;--drag-lift: scale(1.02);--drag-ghost-opacity: .85;--drag-nodrop-opacity: .5;--drag-source-opacity: .4;--drop-line-w: 2px;--hold-ms: .4s;--hold-swell: 1.015;--tile-art: 96px;--grip-w: 18px;--grip-inset: 2px;--grip-height: .72;--grip-radius: var(--radius-control);--grip-dot: 3px;--grip-dot-gap: 4px;--grip-bg-alpha: 62%;--disabled-alpha: .6;--empty-slot-rim-w: 1px;--empty-slot-rim-style: dashed;--empty-slot-rim-alpha: 80%;--picked-strength: 14%;--focus-ring-w: 2px;--focus-ring-off: 2px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 24px;--action-text-pad: var(--space-2);--action-text-fs: var(--fs-subtext);--action-text-weight: var(--fw-title);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px}[data-skin=vanilla]{--title-underline: underline;--title-underline-w: 1px;--title-underline-offset: 5px}[data-skin=press]{--sound-curve-w: 1.5px;--sound-graph-radius: 0px;--sound-fill-strength: 10%;--sound-grid-dash: 2 3;--lib-row-h: 49px;--font-title: "Anton", "Haettenschweiler", "Arial Narrow", sans-serif;--font-body: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--fw-title: 400;--fs-title: 22px;--fs-text: 13px;--fs-subtext: 11px;--lh-text: 1.7;--radius-panel: 0;--radius-control: 0;--panel-radius: 0;--lib-pill-radius: 0;--vol-pill-radius: 0;--lib-pop-radius: 0;--lib-tile-radius: 0;--lib-row-art-radius: 0;--scrollbar-radius: 0;--panel: var(--surface);--panel-border-width: 1px;--panel-backdrop: none;--shadow-card: 4px 4px 0 var(--ink-2);--grow-clip-pad: 6px;--grow-zone-bar-w: 4px;--grow-zone-bar-radius: 0;--menu-surface: var(--surface);--shadow-panel: 5px 5px 0 var(--ink-2);--canvas-bg: radial-gradient(circle, var(--panel-border) 1.1px, transparent 1.4px);--canvas-bg-size: 7px 7px;--canvas-bg-repeat: repeat;--dur-fast: .1s;--dur-med: .16s;--hover-lift: translate(-1px, -1px);--drag-lift: translate(-2px, -2px) scale(1.01);--drop-line-w: 3px;--boot-dur: .5s;--boot-ease: cubic-bezier(.3, 0, .1, 1);--boot-rise: translateY(6px);--boot-stagger: 40ms;--cover-in-dur: .16s;--vinyl-inset: 5px;--vinyl-plate-shadow: 4px 4px 0 var(--ink-2);--vinyl-swap-dur: .42s;--vinyl-swap-ease: cubic-bezier(.85, 0, .15, 1);--nav-dur: .16s;--nav-ease: cubic-bezier(.85, 0, .15, 1);--nav-at-center: translateX(0);--nav-at-left: translateX(-100%);--nav-at-right: translateX(100%);--nav-off-opacity: 1;--swap-travel: 0;--swap-from: scale(1.03);--swap-mid: scale(1.01);--swap-stagger: .06s;--fly-dur: .34s;--fly-ease: cubic-bezier(.2, .9, .3, 1);--fly-mid: scale(1.1);--fly-land: scale(.85);--scrubber-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='2' width='12' height='20' fill='%23000'/%3E%3C/svg%3E");--scrubber-handle-size: 12px;--scrubber-track-h: 4px}[data-skin=ocean]{--sound-curve-glow: drop-shadow(0 0 4px var(--eq-curve));--sound-fill-strength: 22%;--sound-song-strength: 28%;--scroller-layer: scroll-position;--font-title: "Cinzel", Georgia, "Times New Roman", serif;--font-body: "Spectral", Georgia, "Times New Roman", serif;--fw-title: 600;--fs-title: 18px;--panel: color-mix(in srgb, var(--surface), black 18%);--panel-border-width: 0;--shadow-card: 0 0 8px 1px var(--border), 0 12px 32px rgba(0, 0, 0, .16);--grow-clip-pad: 44px;--grow-zone-bar-gap: 1px;--grow-zone-bar-radius: 3px;--grow-zone-bar-glow: 0 0 6px var(--grow-zone-bar);--panel-radius: 14px;--ocean-display: block;--ocean-ink-1: var(--border);--ocean-ink-2: color-mix(in srgb, var(--border) 70%, var(--canvas));--ocean-ink-3: color-mix(in srgb, var(--border) 45%, var(--canvas));--hover-lift: translateY(-1px);--boot-dur: 1.05s;--boot-ease: cubic-bezier(.25, .8, .35, 1);--boot-rise: translateY(22px) scale(.99);--boot-stagger: 95ms;--cover-in-dur: .3s;--cover-in-ease: cubic-bezier(.37, 0, .63, 1);--nav-dur: .42s;--nav-ease: cubic-bezier(.37, 0, .63, 1);--nav-at-center: translateY(0) scale(1);--nav-at-left: translateY(45%) scale(.92);--nav-at-right: translateY(45%) scale(.92);--nav-off-opacity: 0;--swap-mid: scale(.94);--fly-dur: .5s;--fly-ease: cubic-bezier(.45, 0, .25, 1);--fly-mid: translateY(18px) scale(.96);--fly-land: translateY(8px) scale(.5);--scrubber-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 12Q12 5 23 12Q12 19 1 12Z' fill='%23000'/%3E%3C/svg%3E")}[data-skin=press]:is([data-press-vinyl=spin],[data-press-vinyl=still]){--vinyl-stage: 1}[data-skin=press]:is([data-press-vinyl=spin],[data-press-vinyl=still]):is([data-press-vinyl-where=card],[data-press-vinyl-where=everywhere]){--vinyl-strip: 1}[data-skin=press]:is([data-press-vinyl=spin],[data-press-vinyl=still])[data-press-vinyl-where=everywhere]{--vinyl-tray: 1}[data-skin=press][data-press-vinyl-plate=off]{--vinyl-plate-shadow: none;--vinyl-inset: 0px}:root[data-skin=ocean][data-ocean-edges=sand]{--panel-paint: transparent;--sand-display: block;--sand-reach-min: 4px;--sand-reach-max: 40px;--sand-reach: calc(var(--sand-reach-min) + (var(--sand-reach-max) - var(--sand-reach-min)) * var(--ocean-sand, 15) / 100);--sand-ink: color-mix(in srgb, var(--border) 70%, transparent);--shadow-card: none;--spane-bg: transparent}@keyframes ocean-roll{to{transform:translate(var(--roll-dist, 0px))}}@keyframes ocean-bob{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--bob-amp, 0px) * .0955))}40%{transform:translateY(calc(var(--bob-amp, 0px) * .3455))}60%{transform:translateY(calc(var(--bob-amp, 0px) * .6545))}80%{transform:translateY(calc(var(--bob-amp, 0px) * .9045))}to{transform:translateY(var(--bob-amp, 0px))}}[data-skin=glass]{--sound-curve-glow: drop-shadow(0 0 2px var(--glint));--sound-fill-strength: 24%;--sound-handle-shadow: 0 0 0 1px var(--glint), 0 2px 6px rgba(0, 0, 0, .25);--scroller-layer: scroll-position;--font-title: var(--font-body);--fw-title: 600;--fs-title: 19px;--glass-glow: calc(var(--glass-canvas, 40) / 50);--glass-dim: calc(var(--glass-canvas-dim, 10) / 100 * .9);--canvas-dim: var(--glass-dim);--glass-frost-sat: 1.5;--panel-backdrop: none;--panel-isolation: isolate;--aurora-drift: none;--glass-frost-layer: calc(-1 * var(--aurora-slack)) calc(var(--titlebar-h) - var(--aurora-slack)) / calc(100% + 2 * var(--aurora-slack)) calc(100% - var(--titlebar-h) + 2 * var(--aurora-slack)) no-repeat fixed;--glass-frost-paint: radial-gradient(42% 52% at 16% 10%, color-mix(in srgb, var(--glass-frost-go) min(100%, 50% * var(--glass-glow)), transparent), color-mix(in srgb, var(--glass-frost-go) min(100%, 20% * var(--glass-glow)), transparent) 45%, transparent 80%) var(--glass-frost-layer), radial-gradient(46% 56% at 86% 22%, color-mix(in srgb, var(--glass-frost-stop) min(100%, 44% * var(--glass-glow)), transparent), color-mix(in srgb, var(--glass-frost-stop) min(100%, 18% * var(--glass-glow)), transparent) 45%, transparent 80%) var(--glass-frost-layer), radial-gradient(52% 52% at 60% 96%, color-mix(in srgb, var(--glass-frost-pause) min(100%, 38% * var(--glass-glow)), transparent), color-mix(in srgb, var(--glass-frost-pause) min(100%, 15% * var(--glass-glow)), transparent) 45%, transparent 82%) var(--glass-frost-layer), oklch(from var(--canvas) l calc(c * var(--glass-frost-sat)) h);--glass-frost-go: oklch(from var(--go) l calc(c * var(--glass-frost-sat)) h);--glass-frost-stop: oklch(from var(--stop) l calc(c * var(--glass-frost-sat)) h);--glass-frost-pause: oklch(from var(--pause) l calc(c * var(--glass-frost-sat)) h);--sticky-bar-backdrop: blur(14px) saturate(var(--glass-frost-sat));--glass-light: calc(var(--glass-backlight, 85) / 100);--glass-backlight-paint: radial-gradient(140% 100% at 50% 0%, color-mix(in srgb, var(--go) calc(60% * var(--glass-light)), transparent), color-mix(in srgb, var(--stop) calc(40% * var(--glass-light)), transparent) 55%, color-mix(in srgb, var(--pause) calc(30% * var(--glass-light)), transparent));--panel-paint: var(--glass-backlight-paint), var(--glass-frost-paint);--panel: color-mix(in srgb, var(--surface) var(--glass-tint, 65%), transparent);--panel-border-width: 1px;--panel-radius: 18px;--shadow-card: 0 0 28px color-mix(in srgb, var(--go) calc(30% * var(--glass-light)), transparent), 0 8px 32px rgba(0, 0, 0, .18), inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent), inset 0 0 0 100vmax var(--panel);--grow-clip-pad: 40px;--grow-zone-bar-w: 2px;--grow-zone-bar-gap: 2px;--grow-zone-bar-radius: 2px;--grow-zone-bar-glow: 0 0 8px color-mix(in srgb, var(--grow-zone-bar) 60%, transparent);--lib-pill-radius: 12px;--vol-pill-radius: 12px;--lib-tile-radius: 12px;--lib-row-art-radius: 8px;--album-aurora-display: block;--album-aurora-strength: 52%;--album-aurora-reach: 3.5;--album-spin-dur: 30s;--menu-surface: color-mix(in srgb, var(--surface) 90%, transparent);--menu-backdrop: blur(16px) saturate(1.4);--np-album-text: 1;--boot-dur: .9s;--boot-ease: cubic-bezier(.4, 0, .2, 1);--boot-rise: translateY(6px) scale(.985);--boot-stagger: 60ms;--cover-in-dur: .26s;--spane-bg: transparent;--dur-fast: .2s;--hover-lift: translateY(-1px);--drag-lift: scale(1.04);--aurora-1: radial-gradient(42% 52% at 16% 10%, color-mix(in srgb, var(--go) min(100%, 50% * var(--glass-glow)), transparent), color-mix(in srgb, var(--go) min(100%, 20% * var(--glass-glow)), transparent) 45%, transparent 80%);--aurora-2: radial-gradient(46% 56% at 86% 22%, color-mix(in srgb, var(--stop) min(100%, 44% * var(--glass-glow)), transparent), color-mix(in srgb, var(--stop) min(100%, 18% * var(--glass-glow)), transparent) 45%, transparent 80%);--aurora-3: radial-gradient(52% 52% at 60% 96%, color-mix(in srgb, var(--pause) min(100%, 38% * var(--glass-glow)), transparent), color-mix(in srgb, var(--pause) min(100%, 15% * var(--glass-glow)), transparent) 45%, transparent 82%);--aurora-display: block;--aurora-slack: 64px;--aurora-drift-1-x: 48px;--aurora-drift-1-y: 32px;--aurora-drift-2-x: -56px;--aurora-drift-2-y: 24px;--aurora-drift-3-x: 36px;--aurora-drift-3-y: -44px;--aurora-dur: 60s;--app-canvas-bg: none;--canvas-bg: var(--aurora-1), var(--aurora-2), var(--aurora-3);--canvas-bg-size: calc(100% + 128px) calc(100% + 128px) ;--canvas-bg-repeat: no-repeat;--nav-dur: .34s;--nav-ease: cubic-bezier(.4, 0, .2, 1);--nav-at-center: scale(1);--nav-at-left: scale(.96);--nav-at-right: scale(.96);--nav-off-opacity: 0;--scrubber-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11z' fill='%23000'/%3E%3C/svg%3E")}[data-skin=glass][data-glass-fancy=on]{--panel-backdrop: blur(14px) saturate(var(--glass-frost-sat)) brightness(calc(1 / (1 - var(--glass-dim))));--panel-isolation: auto;--aurora-drift: aurora-drift;--panel-paint: var(--glass-backlight-paint)}[data-skin=cyber]{--sound-curve-glow: drop-shadow(0 0 3px var(--eq-curve)) drop-shadow(0 0 8px var(--eq-curve));--sound-curve-w: 1.5px;--sound-grid-dash: 1 3;--sound-grid-strength: 34%;--sound-song-strength: 30%;--scroller-layer: scroll-position;--lib-row-h: 49px;--font-title: "Orbitron", "Segoe UI", system-ui, sans-serif;--font-body: "Rajdhani", "Segoe UI", system-ui, sans-serif;--fw-title: 700;--fs-title: 17px;--fs-text: 15px;--fw-text: 500;--fs-subtext: 13px;--fw-subtext: 500;--radius-panel: 0;--radius-control: 2px;--panel-radius: 0;--lib-pill-radius: 2px;--vol-pill-radius: 2px;--lib-pop-radius: 0;--lib-tile-radius: 0;--lib-row-art-radius: 0;--scrollbar-radius: 0;--panel: color-mix(in srgb, var(--canvas) 86%, transparent);--sticky-bar-backdrop: blur(10px);--panel-border-width: 1px;--shadow-card: none;--spane-bg: transparent;--storm-display: block;--storm-glow: drop-shadow(0 0 6px color-mix(in srgb, var(--title) 60%, transparent));--storm-path-1: path("M 0 -2 L 5 14 L -3 27 L -9 36 L -12 45 L -9 36 L -3 27 L 4 41 L -2 55 L 3 70 L 10 80 L 16 92 L 10 80 L 3 70 L -4 85 L 1 102");--storm-path-2: path("M 0 -2 L -4 15 L 3 28 L 9 37 L 13 47 L 9 37 L 3 28 L -2 42 L 5 56 L -3 71 L -10 80 L -15 90 L -10 80 L -3 71 L 2 86 L -1 102");--canvas-bg: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);--canvas-bg-size: 28px 28px;--canvas-bg-repeat: repeat;--boot-dur: .6s;--boot-cover-out: .18s;--boot-ease: cubic-bezier(.2, .9, .3, 1);--boot-rise: translateX(18px) skewX(-10deg);--boot-stagger: 50ms;--cover-in-dur: .1s;--nav-dur: .14s;--nav-ease: cubic-bezier(.7, 0, .3, 1);--grow-zone-bar-radius: 0;--nav-at-center: translateX(0) skewX(0deg);--nav-at-left: translateX(-100%) skewX(6deg);--nav-at-right: translateX(100%) skewX(-6deg);--nav-off-opacity: 0;--swap-out-dur: var(--nav-dur);--swap-out-to: skewX(-10deg);--swap-out-fade: 0;--swap-travel: 0;--swap-from: skewX(10deg);--swap-mid: skewX(4deg);--swap-fade: 0;--fly-ease: cubic-bezier(.7, 0, .3, 1);--fly-mid: skewX(-12deg);--fly-land: skewX(8deg) scale(.5);--dur-fast: .08s;--hover-lift: translateY(-1px);--drag-lift: scale(1.02) skewX(-2deg);--drop-line-w: 3px;--scrubber-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2 L6 14 h5 l-2 8 L18 9 h-5 l3 -7 Z' fill='%23000'/%3E%3C/svg%3E");--scrubber-handle-size: 14px}@keyframes storm-strike{0%{transform:translateY(-100%);opacity:0}2%{opacity:1}60%{transform:translateY(0);opacity:1}64%{opacity:.4}68%{opacity:1}74%,to{transform:translateY(0);opacity:0}}@keyframes storm-hold{0%{transform:translateY(100%)}60%,to{transform:translateY(0)}}:root[data-bg-motion=reduced]{--ambient-fps: 15}@keyframes aurora-drift{0%,to{transform:translate(0)}10%,90%{transform:translate(calc(var(--drift-x) * .0955),calc(var(--drift-y) * .0955))}20%,80%{transform:translate(calc(var(--drift-x) * .3455),calc(var(--drift-y) * .3455))}30%,70%{transform:translate(calc(var(--drift-x) * .6545),calc(var(--drift-y) * .6545))}40%,60%{transform:translate(calc(var(--drift-x) * .9045),calc(var(--drift-y) * .9045))}50%{transform:translate(var(--drift-x),var(--drift-y))}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);line-height:var(--lh-text);overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.titlebar{position:relative;flex:0 0 var(--titlebar-h);height:var(--titlebar-h);display:flex;align-items:center;padding:0 var(--space-3)}.drag-region{flex:1 1 auto;align-self:stretch}.settings{position:relative;display:inline-flex;align-items:center;height:100%}.app-title{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-title);color:var(--title);background:none;border:none;margin:0;padding:2px var(--space-2);border-radius:var(--radius-control);line-height:1.1;cursor:pointer;text-decoration-line:var(--title-underline);text-decoration-thickness:var(--title-underline-w);text-underline-offset:var(--title-underline-offset)}.app-title:hover{background:var(--surface-hover)}.app-title:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.quick{position:relative;display:flex;align-items:center;margin-left:var(--space-2)}.cog__btn{width:var(--cog-btn-size);height:var(--cog-btn-size);padding:0;border:none;background:none;color:var(--subtext);cursor:pointer;display:grid;place-items:center;transition:color var(--dur-fast) var(--ease-ui)}.cog__btn:hover{color:var(--title)}.cog__btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cog__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.cog__btn svg{transform:rotate(var(--cog-angle, 0deg));transition:transform var(--cog-spin)}@media(prefers-reduced-motion:reduce){.cog__btn svg{transition:none}}.quick__panel{position:absolute;top:100%;left:0;--pop-origin: top left;margin-top:var(--space-1);width:var(--quick-panel-w);max-height:var(--quick-panel-max-h);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--quick-panel-pad);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);z-index:20}.quick__panel[hidden],.quick__panel [hidden]{display:none}.quick__panel.is-growing{overflow:hidden}.quick__bar{display:flex;align-items:center;gap:var(--space-2)}.quick__logo,.quick__all{box-sizing:border-box;height:var(--quick-logo-size);font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--sound-chip-radius);padding:var(--space-1) var(--space-2);cursor:pointer}.quick__logo{width:var(--quick-logo-size);padding:0;display:grid;place-items:center}.quick__right{margin-left:auto}.quick__logo:hover{background:var(--surface-hover)}.quick__logo[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--title)}.quick__logo:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.quick__mark{display:block;width:var(--quick-mark-size);height:var(--quick-mark-size)}.quick__glyph,.quick__all svg{display:block;width:var(--quick-mark-size);height:var(--quick-mark-size);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.quick__glyph-back{stroke:var(--subtext)}.quick__glyph-fill{fill:currentColor;stroke:none}.quick__mark--apple{fill:var(--apple-music-mark)}.quick__mark--discord{fill:var(--discord-mark)}.quick__body{display:flex;flex-direction:column;gap:var(--space-2)}.quick__tips{align-self:flex-start;padding:0;border:0;background:none;font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--subtext);text-decoration:underline;cursor:pointer}.quick__tips:hover{color:var(--title)}.quick__tips:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.quick__logo,.cog__btn{position:relative}.quick__logo[data-new]:after,.cog__btn[data-new]:after,.new-badge{box-sizing:border-box;width:var(--new-badge-size);height:var(--new-badge-size);place-items:center;border-radius:50%;background:var(--new-badge);color:var(--new-badge-ink);font-family:var(--font-body);font-size:var(--new-badge-fs);font-weight:600;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;pointer-events:none}.quick__logo[data-new]:after{content:"N";position:absolute;top:var(--new-badge-off);right:var(--new-badge-off);display:grid;box-shadow:0 0 0 var(--new-badge-ring) var(--menu-surface)}.cog__btn[data-new]:after{content:"N";position:absolute;top:var(--new-badge-off);right:var(--new-badge-off);display:grid}.new-badge{display:inline-grid;flex:0 0 auto;margin-left:var(--space-1);vertical-align:middle}.menu{position:absolute;top:100%;left:0;margin-top:0;min-width:var(--menu-min-w);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-1);z-index:20}.menu[hidden]{display:none}.menu{--pop-origin: top left}.menu__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);white-space:nowrap;cursor:default}.menu__row:hover{background:var(--surface-hover)}.menu__chev{color:var(--subtext)}.menu__row--toggle{width:100%;background:none;border:none;cursor:pointer}.menu__dot{width:.9em;text-align:center;line-height:1;color:var(--title)}.menu__row--toggle[aria-checked=true] .menu__dot:after{content:"•"}.flyout{position:absolute;top:calc(-1 * var(--space-1));left:100%;min-width:var(--menu-min-w);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-1);display:none;flex-direction:column;gap:var(--space-1);opacity:0;transform:translate(calc(-1 * var(--pop-shift))) scale(var(--pop-scale));transform-origin:top left;pointer-events:none;transition:opacity var(--pop-out) var(--pop-ease),transform var(--pop-out) var(--pop-ease),display var(--pop-out) allow-discrete}.menu__row:hover .flyout{display:flex;opacity:1;transform:none;pointer-events:auto;transition-duration:var(--pop-in)}@starting-style{.menu__row:hover .flyout{opacity:0;transform:translate(calc(-1 * var(--pop-shift))) scale(var(--pop-scale))}}.flyout__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;text-align:left;background:var(--canvas);color:var(--title);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-ui)}.flyout__item:after{content:"";width:.9em;text-align:center;line-height:1}.flyout__item:hover{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.flyout__item[aria-checked=true]:after{content:"•"}.flyout__item[data-surface-choice],.flyout__split{line-height:var(--fs-title)}.flyout__split{font-size:var(--fs-subtext)}.flyout__item[data-surface-choice=max]{font-size:var(--fs-title)}.flyout__split{padding:0;gap:0;overflow:hidden;cursor:default}.flyout__split:after{content:none}.flyout__split:hover{box-shadow:none}.flyout__half{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;padding:var(--space-2) var(--space-3);background:none;border:none;font:inherit;line-height:inherit;color:inherit;text-align:center;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-ui)}.flyout__half+.flyout__half{border-left:1px solid var(--border)}.flyout__half[aria-checked=true]:after{content:"•";position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);line-height:1;pointer-events:none}.flyout__half:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 2px var(--text)}.flyout--account{min-width:200px}.account{display:flex;flex-direction:column;gap:var(--space-2)}.account+.account{margin-top:var(--space-3)}.account__status{font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--subtext);padding:0 var(--space-1)}.account__link{display:block;margin-top:var(--space-1);padding:0;border:0;background:none;font:inherit;color:var(--subtext);text-decoration:underline;cursor:pointer}.account__link:hover{color:var(--title)}.account__link--inline{display:inline;margin-top:0}.account__btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;text-align:left;background:var(--surface-hover);color:var(--title);border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--fs-text);cursor:pointer}.account__btn:hover{filter:brightness(.97)}.account__btn[disabled]{cursor:default}.account__icon{flex:0 0 auto;width:var(--icon-md);height:var(--icon-md);display:grid;place-items:center}.account__icon svg{width:var(--icon-md);height:var(--icon-md);display:block}.account__btn[data-state=in] .account__icon{color:var(--go)}.account__btn[data-state=out] .account__icon{color:var(--stop)}.account__spinner{width:var(--icon-sm);height:var(--icon-sm);border-radius:50%;border:2px solid var(--border);border-top-color:var(--title);animation:acct-spin var(--dur-spin) linear infinite}@keyframes acct-spin{to{transform:rotate(360deg)}}.chrome-right{display:flex;align-items:center;gap:var(--space-2)}.sleep{position:relative;display:flex;align-items:center}.sleep__btn{width:var(--sleep-btn-size);height:var(--sleep-btn-size);padding:0;border:none;background:none;color:var(--subtext);cursor:pointer;display:grid;place-items:center;transition:color var(--dur-fast) var(--ease-ui)}.sleep__btn:hover{color:var(--text)}.sleep__btn,.sound__btn{position:relative}.sleep__btn:before,.sound__btn:before{content:"";position:absolute;inset:calc(-1 * var(--title-hit-y)) calc(-1 * var(--title-hit-x))}.sleep__btn[data-armed]{color:var(--title)}.sleep__btn svg{width:100%;height:100%}.sleep__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sleep__panel{position:absolute;top:100%;right:0;margin-top:var(--space-1);width:var(--sleep-panel-w);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--sleep-panel-pad);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);z-index:20}.sleep__panel[hidden]{display:none}.sleep__dial{position:relative;width:var(--sleep-dial-size);height:var(--sleep-dial-size);margin:0 auto;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sleep__dial[data-dragging]{cursor:grabbing}.sleep__dial:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sleep__face{width:100%;height:100%;display:block;overflow:visible}.sleep__ring{transform-origin:100px 100px;transform:rotate(var(--sleep-angle, 0deg));transition:transform var(--sleep-turn)}.sleep__dial[data-dragging] .sleep__ring{transition:none}.sleep__tick{stroke:color-mix(in srgb,var(--subtext) 55%,transparent);stroke-width:var(--sleep-tick-w)}.sleep__tick--med{stroke:var(--subtext);stroke-width:var(--sleep-tick-w)}.sleep__tick--major{stroke:var(--title);stroke-width:var(--sleep-tick-major-w)}.sleep__num{fill:var(--title);font-family:var(--font-body);font-size:var(--sleep-num-fs)}.sleep__mark{fill:var(--title)}.sleep__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.sleep__readout{font-family:var(--font-title);font-size:var(--sleep-readout-fs);font-weight:var(--fw-title);color:var(--title);line-height:1.1;font-variant-numeric:tabular-nums}.sleep__caption{font-size:var(--fs-subtext);color:var(--subtext);margin-top:var(--space-1)}.sleep__caption[hidden]{display:none}.sleep__line{min-height:var(--sleep-line-h);margin-top:var(--space-1);display:grid;place-items:center}.sleep__fade{animation:sleep-fade var(--sleep-swap) var(--pop-ease) both}@keyframes sleep-fade{0%{opacity:0;transform:translateY(var(--pop-shift))}}.sleep__off{pointer-events:auto}.sleep__chips{display:flex;gap:var(--space-1)}.sleep__chip,.sleep__pill,.sleep__off,.sleep__step{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--sleep-chip-radius);padding:var(--space-1) var(--space-2);cursor:pointer}.sleep__chip{flex:1 1 0}.sleep__chip:hover,.sleep__pill:hover,.sleep__off:hover,.sleep__step:hover{background:var(--surface-hover)}.sleep__chip[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--title)}.sleep__chip:focus-visible,.sleep__pill:focus-visible,.sleep__off:focus-visible,.sleep__step:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sleep__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sleep__row[hidden]{display:none}.sleep__label{font-size:var(--fs-subtext);color:var(--subtext)}.sleep__row--time{justify-content:center}.sleep__time{font-size:var(--fs-subtext);min-width:5.5em;text-align:center;font-variant-numeric:tabular-nums}.sleep__status{font-size:var(--fs-subtext);color:var(--subtext);text-align:center}.sleep__status[hidden],.sleep__off[hidden]{display:none}.room{position:relative;display:flex;align-items:center}.room__btn{width:var(--room-btn-size);height:var(--room-btn-size);padding:0;border:none;background:none;color:var(--subtext);cursor:pointer;display:grid;place-items:center;position:relative;transition:color var(--dur-fast) var(--ease-ui)}.room__btn:hover{color:var(--text)}.room__btn:before{content:"";position:absolute;inset:calc(-1 * var(--title-hit-y)) calc(-1 * var(--title-hit-x))}.room__btn svg{width:100%;height:100%}.room__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.room__btn[data-in]{color:var(--title)}.room__fig-body,.room__fig-head{fill:transparent;transition:fill var(--room-fill),opacity var(--room-fill)}.room__btn[data-in] .room__fig-head--mid{fill:currentColor}.room__btn[data-in] .room__fig-body--side,.room__btn[data-in] .room__fig-head--side{opacity:.6;transition-delay:calc(var(--room-fill) / 3)}.room__btn[data-away] svg{animation:room-away 1.6s var(--ease-ui) infinite}@keyframes room-away{50%{opacity:.45}}.room__panel{position:absolute;top:100%;right:0;margin-top:var(--space-1);width:var(--room-panel-w);max-height:var(--room-panel-max-h);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--room-panel-pad);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);z-index:20}.room__panel[hidden],.room__panel [hidden]{display:none}.room__panel{transition:width var(--room-gutter-open) var(--ease-ui)}.room__panel[data-scrolls]{width:calc(var(--room-panel-w) + var(--scrollbar-w));scrollbar-gutter:stable}.room__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.room__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title);letter-spacing:var(--room-title-tracking)}.room__head-end{display:flex;align-items:center;gap:var(--space-1)}.room__stage{position:relative;height:var(--room-stage-h);border:1px solid var(--border);border-radius:var(--room-radius);background:var(--surface);overflow:hidden}.room__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,var(--room-grid-line) 0 1px,transparent 1px var(--room-grid-size)),repeating-linear-gradient(to bottom,var(--room-grid-line) 0 1px,transparent 1px var(--room-grid-size))}.room__figure{position:absolute;bottom:0;left:50%;width:var(--room-fig-w);color:var(--text);stroke-width:var(--room-fig-stroke);opacity:calc(var(--room-fig-dim) - var(--fig-depth, 0) * .06);transform:translate(calc(-50% + var(--fig-x, 0) * var(--room-fig-step-x))) scale(calc(1 - var(--fig-depth, 0) * var(--room-fig-step-s)));transform-origin:50% 100%}.room__figure,.room__stage-more{z-index:1}.room__figure--you{color:var(--title);opacity:1}.room__figure svg{display:block;width:100%;height:auto;overflow:visible}.room__figure-head{transform-box:fill-box;transform-origin:50% 100%;transform:translateY(calc(-1 * var(--room-bob, 0px) * var(--fig-bob, 1)));transition:transform var(--room-bob-glide) linear}.room__figure{--fig-bob: calc(1 - var(--fig-depth, 0) * .22)}.room__figure:not(.room__figure--you) .room__figure-head{transition-delay:calc(var(--fig-depth, 0) * 40ms)}.room__stage-more{position:absolute;right:var(--space-1);bottom:var(--space-1);font-size:var(--fs-subtext);color:var(--subtext)}.room__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.room__label{color:var(--subtext);white-space:nowrap}.room__row--control{display:grid;grid-template-columns:minmax(0,1fr) auto}.room__row--control .room__label{color:var(--text);overflow:hidden;text-overflow:ellipsis}.room__section{color:var(--subtext);margin-top:var(--space-1)}.room__section--first{margin-top:0}.room__note{color:var(--subtext);text-align:center}.room__code{font-family:var(--font-title);font-size:var(--room-code-fs);font-weight:var(--fw-title);letter-spacing:var(--room-code-space);color:var(--title);text-align:center;font-variant-numeric:tabular-nums}.room__field,.room__chip{box-sizing:border-box;height:var(--icon-lg);font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--room-radius);padding:var(--space-1) var(--space-2)}.room__field{width:var(--room-field-w);min-width:0;flex:0 0 auto}.room__field--name[data-empty]{border-color:var(--title)}.room__field--name[data-empty]::placeholder{color:var(--title);opacity:.75}.room__field--code{flex:1 1 auto;letter-spacing:var(--room-code-space);text-transform:uppercase}.room__field:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.room__chip{min-width:var(--room-chip-min-w);white-space:nowrap;text-align:center;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.room__chip:hover:not(:disabled){background:var(--surface-hover)}.room__chip:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.room__chip:disabled{opacity:var(--room-dim);cursor:default}.room__chip--wide{width:100%}.room__chip--small{height:auto;min-width:0;padding:2px var(--space-1)}.room__chip--leave{color:var(--title);border-color:var(--title);background:transparent}.room__chip--leave:hover:not(:disabled){background:var(--picked)}.room__row--copies{gap:var(--space-1)}.room__row--copies .room__chip{flex:1 1 0;min-width:0}.room__row--join{gap:var(--space-1)}.room__divider{display:flex;align-items:center;gap:var(--space-1);color:var(--subtext)}.room__divider:before,.room__divider:after{content:"";flex:1 1 auto;height:1px;background:var(--panel-border)}.room__members{max-height:var(--room-members-max-h);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);transition:margin-right var(--room-gutter-open) var(--ease-ui)}.room__members[data-scrolls]{scrollbar-gutter:stable;margin-right:calc(-1 * var(--scrollbar-w))}.room__member{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);min-height:var(--icon-lg)}.room__who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room__tag{color:var(--title)}.friend__list{max-height:var(--friend-list-max-h);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);transition:margin-right var(--room-gutter-open) var(--ease-ui)}.friend__list[data-scrolls]{scrollbar-gutter:stable;margin-right:calc(-1 * var(--scrollbar-w))}.friend__box{display:flex;align-items:center;gap:var(--friend-gap);width:100%;box-sizing:border-box;text-align:left;padding:var(--space-1);font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1.25;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--friend-radius);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),border-color var(--dur-fast) var(--ease-ui)}.friend__box:hover:not(:disabled){background:var(--surface-hover);border-color:var(--title)}.friend__box:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.friend__box:disabled{cursor:default}.friend__box[data-offline]{opacity:var(--friend-dim)}.friend__art{flex:0 0 auto;width:var(--friend-art);height:var(--friend-art);border-radius:calc(var(--friend-radius) - 2px);background:var(--surface-hover);overflow:hidden}.friend__img{width:100%;height:100%;object-fit:cover;display:block}.friend__lines{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.friend__name{color:var(--title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend__song{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend__song--quiet,.friend__sub{color:var(--subtext)}.friend__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend__tag{flex:0 0 auto;color:var(--title);font-size:var(--fs-subtext)}.friend__code{font-family:var(--font-title);font-weight:var(--fw-title);letter-spacing:var(--room-code-space);font-variant-numeric:tabular-nums;color:var(--title);background:transparent;border:1px solid transparent;padding:0 var(--space-1);margin-left:auto;cursor:pointer}.friend__code:hover{text-decoration:underline}.friend__code:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.friend__inline{font:inherit;color:var(--title);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.friend__quiet{text-align:center}.room__fold-btn{align-self:flex-start;font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--subtext);background:transparent;border:1px solid transparent;padding:var(--space-1) 0;margin-top:var(--space-1);cursor:pointer;transition:color var(--dur-fast) var(--ease-ui)}.room__fold-btn:hover{color:var(--text)}.room__fold-btn:before{content:"›";display:inline-block;margin-right:var(--space-1);transition:transform var(--dur-fast) var(--ease-ui)}.room__fold-btn[aria-expanded=true]:before{transform:rotate(90deg)}.room__fold-btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.room__part,.room__part-body{display:flex;flex-direction:column;gap:var(--space-2)}.room__fold-btn--part{color:var(--subtext);margin-top:0}.room__fold-btn--part[aria-expanded=true]{color:var(--text)}.room__part{transition:transform var(--room-part-slide) var(--ease-ui)}.room__fold{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-radius:var(--room-radius);background:var(--room-fold-bg)}.room__pill{box-sizing:border-box;height:var(--icon-lg);display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;border:1px solid var(--panel-border);border-radius:var(--room-radius);overflow:hidden}.room__half{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--subtext);background:var(--surface);border:none;border-radius:0;padding:var(--space-1) var(--room-half-pad-x);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.room__half+.room__half{border-left:1px solid var(--panel-border)}.room__half:hover{color:var(--text)}.room__half[aria-pressed=true]{background:var(--picked);color:var(--title)}.room__half:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-w))}@media(prefers-reduced-motion:reduce){.room__figure-head{transition:none;transform:none}.room__fig-body,.room__fig-head{transition:none}.room__btn[data-away] svg{animation:none}.room__half,.room__fold-btn,.room__fold-btn:before{transition:none}.room__part,.room__panel,.room__members{transition:none}}.sound{position:relative;display:flex;align-items:center}.sound__btn{width:var(--sound-btn-size);height:var(--sound-btn-size);padding:0;border:none;background:none;color:var(--subtext);cursor:pointer;display:grid;place-items:center;transition:color var(--dur-fast) var(--ease-ui)}.sound__btn:hover{color:var(--text)}.sound__btn[data-armed]{color:var(--title)}.sound__btn svg{width:100%;height:100%}.sound__btn svg rect{transition:y var(--sound-glide) var(--pop-ease)}.sound__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sound__panel{position:absolute;top:100%;right:0;margin-top:var(--space-1);width:var(--sound-panel-w);max-height:var(--sound-panel-max-h);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--sound-panel-pad);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);z-index:20}.sound__panel[hidden],.sound__panel [hidden]{display:none}.sound__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.sound__tabs{box-sizing:border-box;height:var(--icon-lg);align-items:stretch;display:flex;padding:var(--sound-tabs-pad);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--sound-chip-radius)}.sound__tab{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--subtext);background:transparent;border:1px solid transparent;border-radius:var(--sound-tab-radius);padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.sound__tab:hover{color:var(--text)}.sound__tab[aria-selected=true]{background:var(--surface);border-color:var(--panel-border);color:var(--title)}.sound__tab:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sound__view{display:flex;flex-direction:column;gap:var(--space-2)}.sound__row-end{display:flex;align-items:center;gap:var(--space-1)}.sound__part{display:flex;flex-direction:column;gap:var(--sound-status-gap)}.sound__part-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sound__part-head .sound__label{color:var(--text)}.sound__panel[data-adaptive-off] .sound__part{opacity:var(--sound-dim)}.sound__footer{display:flex;flex-direction:column;gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-2)}.sound__foot-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sound__foot-texts{display:flex;flex-wrap:wrap;gap:0 var(--space-2);min-width:0}.sound__foot-text{color:var(--subtext);font-size:var(--sound-foot-fs);font-variant-numeric:tabular-nums}.sound__meter{display:inline-block;min-width:var(--sound-meter-w);padding:var(--sound-meter-pad-y) var(--space-1);border:1px solid var(--border);border-radius:var(--sound-chip-radius);background:var(--surface);color:var(--subtext);font-size:var(--sound-foot-fs);font-variant-numeric:tabular-nums;white-space:nowrap}.sound__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title);letter-spacing:var(--sound-title-tracking)}.sound__compare{box-sizing:border-box;height:var(--icon-lg);display:inline-flex;align-items:center;font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--title);background:transparent;border:1px solid var(--title);border-radius:var(--sound-chip-radius);padding:var(--space-1) var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.sound__compare:hover{background:var(--picked)}.sound__compare[data-held]{background:var(--title);color:var(--surface)}.sound__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sound__label{color:var(--subtext)}.sound__row--strong .sound__label{color:var(--text);font-weight:var(--sound-strong-fw)}.sound__pill,.sound__chip,.sound__step,.sound__icon-btn,.sound__fold-btn{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--sound-chip-radius);padding:var(--space-1) var(--space-2);cursor:pointer}.sound__pill{min-width:var(--sound-pill-min-w);white-space:nowrap;text-align:center;flex-shrink:0}.sound__part-head>.sound__pill,.sound__row--strong>.sound__pill{min-width:var(--sound-part-pill-w)}.sound__foot-pill{min-width:var(--sound-foot-pill-w)}.sound__row-end .sound__chip{min-width:var(--sound-reset-w)}.sound__pill:hover,.sound__chip:hover:not(:disabled),.sound__step:hover,.sound__icon-btn:hover,.sound__fold-btn:hover{background:var(--surface-hover)}.sound__pill[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--title)}.sound__chip:disabled{opacity:var(--sound-dim);cursor:default}.sound__pill:focus-visible,.sound__chip:focus-visible,.sound__step:focus-visible,.sound__icon-btn:focus-visible,.sound__fold-btn:focus-visible,.sound__compare:focus-visible,.sound__handle:focus-visible,.sound__fader:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sound__icon-btn{padding:var(--space-1);min-width:var(--sound-icon-btn)}.sound__step{padding:var(--space-1) var(--sound-step-pad)}.sound__graph-wrap{display:flex;flex-direction:column;gap:var(--sound-axis-gap)}.sound__graph{position:relative;height:var(--sound-graph-h);border-radius:var(--sound-graph-radius);background:var(--eq-plot-bg);border:1px solid var(--border);overflow:hidden;cursor:crosshair;touch-action:none}.sound__graph[data-mode=graphic]{cursor:default}.sound__plot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sound__grid{stroke:var(--eq-grid);stroke-width:var(--sound-grid-w);stroke-dasharray:var(--sound-grid-dash);vector-effect:non-scaling-stroke;fill:none}.sound__zero{stroke:var(--eq-grid);stroke-width:var(--sound-zero-w);vector-effect:non-scaling-stroke;fill:none}.sound__zone{fill:transparent;transition:fill var(--dur-fast) var(--ease-ui)}.sound__zone--alt{fill:var(--eq-zone-alt)}.sound__zone[data-lit]{fill:var(--eq-zone-lit)}.sound__song{fill:var(--eq-song);stroke:none}.sound__heard{fill:none;stroke:var(--eq-heard);stroke-width:var(--sound-heard-w);stroke-dasharray:var(--sound-heard-dash);vector-effect:non-scaling-stroke}.sound__fill{fill:var(--eq-fill);stroke:none;transition:opacity var(--dur-fast) var(--ease-ui)}.sound__curve{fill:none;stroke:var(--eq-curve);stroke-width:var(--sound-curve-w);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:var(--sound-curve-glow);transition:opacity var(--dur-fast) var(--ease-ui)}.sound__graph[data-off] .sound__curve,.sound__graph[data-off] .sound__fill{opacity:var(--sound-dim)}.sound__handles,.sound__faders{position:absolute;top:0;right:0;bottom:0;left:0}.sound__handles{pointer-events:none}.sound__handle{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:var(--sound-handle-hit);height:var(--sound-handle-hit);margin:calc(var(--sound-handle-hit) / -2) 0 0 calc(var(--sound-handle-hit) / -2);padding:0;border:none;background:none;display:grid;place-items:center;font-family:var(--font-body);font-size:var(--sound-handle-fs);line-height:1;color:var(--eq-handle);cursor:grab;pointer-events:auto;touch-action:none;transition:left var(--sound-glide) var(--pop-ease),top var(--sound-glide) var(--pop-ease)}.sound__handle:before{content:"";position:absolute;width:var(--sound-handle-size);height:var(--sound-handle-size);border-radius:50%;background:var(--eq-handle-ink);border:var(--sound-handle-ring) solid var(--eq-handle);box-shadow:var(--sound-handle-shadow);transition:transform var(--dur-fast) var(--ease-ui),background var(--dur-fast) var(--ease-ui)}.sound__handle:hover:before{transform:scale(var(--sound-handle-hover-scale))}.sound__handle[data-selected]{color:var(--eq-handle-ink)}.sound__handle[data-selected]:before{background:var(--eq-handle)}.sound__handle[data-dragging]{cursor:grabbing;transition:none}.sound__handle[data-dragging]:before{transform:scale(var(--sound-handle-hover-scale))}.sound__handle[data-band-off]:before{border-style:dashed;opacity:var(--sound-dim)}.sound__handle{isolation:isolate}.sound__handle:before{z-index:-1}.sound__fader{position:absolute;top:var(--sound-fader-inset);bottom:var(--sound-fader-inset);left:calc(var(--x) * 100%);width:var(--sound-fader-w);margin-left:calc(var(--sound-fader-w) / -2);cursor:ns-resize;touch-action:none}.sound__fader-track{position:absolute;left:50%;top:0;bottom:0;width:var(--sound-fader-track-w);margin-left:calc(var(--sound-fader-track-w) / -2);background:var(--eq-grid);border-radius:var(--sound-fader-track-w)}.sound__fader-knob{position:absolute;left:0;right:0;bottom:calc(var(--slider-fill, 50%) - var(--sound-fader-knob-h) / 2);height:var(--sound-fader-knob-h);border-radius:var(--sound-fader-knob-radius);background:var(--eq-handle);box-shadow:var(--sound-handle-shadow);transition:bottom var(--sound-glide) var(--pop-ease)}.sound__fader[data-dragging] .sound__fader-knob{transition:none}.sound__zones{position:relative;height:var(--sound-zone-h)}.sound__zone-btn{position:absolute;top:0;bottom:0;left:calc(var(--lo) * 100%);width:calc((var(--hi) - var(--lo)) * 100%);padding:0;border:none;border-radius:var(--sound-chip-radius);background:transparent;color:var(--subtext);font-family:var(--font-body);font-size:var(--sound-zone-fs);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.sound__zone-btn:hover{color:var(--text);background:var(--surface-hover)}.sound__zone-btn[data-held]{color:var(--surface);background:var(--title)}.sound__zone-btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.sound__ends{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--sound-axis-fs);color:var(--subtext)}.sound__legend{display:flex;gap:var(--space-2)}.sound__key:before{content:"";display:inline-block;vertical-align:middle;margin-right:var(--space-1)}.sound__key--song:before{width:var(--sound-key-size);height:var(--sound-key-size);background:var(--eq-song);border-radius:var(--sound-key-radius)}.sound__key--heard:before{width:var(--sound-key-line);height:0;border-top:var(--sound-heard-w) dashed var(--eq-heard)}.sound__head-end{display:flex;align-items:center;gap:var(--space-1)}.sound__info[aria-expanded=true]{border-color:var(--title);background:var(--picked)}.sound__reading{margin:0;color:var(--text)}.sound__balance{display:flex;flex-direction:column;gap:var(--space-1)}.sound__balance-row{display:grid;grid-template-columns:var(--sound-balance-label-w) 1fr var(--sound-readout-min-w);align-items:center;gap:var(--space-2)}.sound__balance-bar{position:relative;height:var(--sound-balance-bar-h);background:var(--eq-grid);border-radius:var(--sound-balance-bar-h)}.sound__balance-bar:after{content:"";position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--eq-curve);left:var(--bar-left, 50%);width:var(--bar-width, 0%)}.sound__balance-row .sound__readout{text-align:right}.sound__band,.sound__presets,.sound__name{display:flex;align-items:center;gap:var(--space-1)}.sound__readout{flex:1 1 auto;text-align:center;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound__preset-name{flex:1 1 auto;min-width:0;text-align:center;font-family:var(--font-title);font-weight:var(--fw-title);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound__actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sound__input{flex:1 1 auto;min-width:0;padding:var(--space-1) var(--space-2);background:var(--canvas);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--fs-subtext);outline:none}.sound__input:focus-visible{border-color:var(--title)}.sound__stepper{display:flex;align-items:center;gap:var(--space-1)}.sound__stepper .sound__readout{min-width:var(--sound-readout-min-w)}.sound__status{color:var(--subtext);line-height:var(--sound-status-lh)}.sound__note{color:var(--title);line-height:var(--sound-status-lh)}.sound__fold-btn{align-self:flex-start;background:transparent;border-color:transparent;color:var(--subtext);padding-left:0}.sound__fold-btn:before{content:"›";display:inline-block;margin-right:var(--space-1);transition:transform var(--dur-fast) var(--ease-ui)}.sound__fold-btn[aria-expanded=true]:before{transform:rotate(90deg)}.sound__fold{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-control);background:var(--sound-fold-bg)}.sound__why{display:flex;flex-direction:column;gap:var(--space-1);color:var(--subtext);line-height:var(--sound-status-lh)}.sound__box{box-sizing:border-box;overflow:hidden;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--sound-chip-radius);background:var(--surface);transition:height var(--sound-grow) var(--pop-ease)}.sound__box[data-snap]{transition:none}.sound__box-in{margin:0}.sound__row[data-inactive]{opacity:var(--sound-dim)}.sound__step:disabled{cursor:default}.sound__outputs{display:flex;flex-direction:column;gap:var(--space-1)}.sound__output{display:flex;align-items:center;gap:var(--space-1)}.sound__output .sound__label{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.sound__handle,.sound__fader-knob,.sound__btn svg rect,.sound__fold-btn:before,.sound__box{transition:none}}.panel__action.web-btn svg{stroke-width:var(--web-icon-stroke)}.web{position:fixed;margin-top:var(--space-1);width:var(--web-panel-w);max-height:var(--web-panel-max-h);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--web-panel-pad);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);text-align:left;z-index:100}.web[hidden],.web [hidden]{display:none}.web.web--gone{transition:none}.web::-webkit-scrollbar{width:var(--scrollbar-w)}.web::-webkit-scrollbar-track{background:transparent}.web::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.web::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.web__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:var(--web-title-tracking)}.web__input{min-width:0;padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);outline:none}.web__input::placeholder{color:var(--subtext)}.web__input:focus-visible{border-color:var(--title)}.web__hits{display:flex;flex-direction:column;gap:var(--space-1)}.web__hit{display:flex;align-items:center;gap:var(--space-2);min-height:var(--web-row-h);padding:0 var(--space-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);text-align:left;cursor:pointer}.web__hit:hover,.web__hit.is-active{background:var(--surface-hover)}.web__hit[data-picked]{background:var(--picked);border-color:var(--title);cursor:default}.web__hit-art{flex:0 0 auto;width:var(--web-hit-art);height:var(--web-hit-art);border-radius:50%;object-fit:cover;background:var(--surface)}.web__hit-art--glyph{display:grid;place-items:center;background:transparent}.web__hit-art--cover{border-radius:var(--web-cover-radius)}.web__hit-glyph{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.web__hit-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web__hit--search .web__hit-name{color:var(--title)}.web__hit-sub{flex:0 0 auto;font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap}.web__hit-sub--line{flex:0 1 auto;min-width:0;max-width:var(--web-hit-line-max-w);overflow:hidden;text-overflow:ellipsis}.web__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.web__label{font-size:var(--fs-subtext);color:var(--subtext)}.web__seg{display:flex;gap:var(--space-1)}.web__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.web__opt,.web__chip,.web__make,.credit__chip{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--web-chip-radius);padding:var(--space-1) var(--space-2);cursor:pointer}.web__opt{min-width:var(--web-opt-min-w)}.web__opt:hover,.web__chip:hover,.web__make:hover:not(:disabled),.credit__chip:hover{background:var(--surface-hover)}.credit__chip:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.web__opt[aria-pressed=true],.web__chip[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--title)}.web__opt:focus-visible,.web__chip:focus-visible,.web__make:focus-visible,.web__hit:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.web__chip-n{color:var(--subtext);font-variant-numeric:tabular-nums}.web__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) var(--space-2);font-size:var(--fs-subtext);color:var(--subtext);text-align:center}.web__again{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--title);background:transparent;border:none;padding:0;text-decoration:underline;text-underline-offset:var(--web-link-offset);cursor:pointer}.web__again:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.web__make{padding:var(--space-2);color:var(--title)}.web__make:disabled,.web__opt[aria-disabled]{opacity:.6;cursor:default}.web__life{display:flex;gap:var(--space-1)}.web__life>.web__opt,.web__temp{flex:1 1 0}.web__temp{display:flex}.web__temp>.web__opt{flex:1 1 auto}.web__temp>.web__opt:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.web__temp>.web__days{flex:0 0 auto;min-width:var(--web-days-min-w);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.web__temp:has(>.web__days[hidden])>.web__opt:first-child{border-radius:var(--web-chip-radius)}.web__opt[aria-disabled]:hover{background:var(--surface)}.vol{position:relative;display:flex;align-items:center}.vol__pill{position:relative;overflow:hidden;box-sizing:border-box;height:var(--vol-pill-grown-h);width:var(--vol-pill-grown-w);padding:0 var(--vol-pill-pad);gap:var(--space-1);border:1px solid var(--panel-border);border-radius:var(--vol-pill-radius);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--vol-pill-fs);line-height:1;cursor:pointer;touch-action:none;display:flex;align-items:center;transition:width var(--vol-grow) var(--pop-ease),height var(--vol-grow) var(--pop-ease),padding var(--vol-grow) var(--pop-ease)}.vol--shrink .vol__pill:not(.is-grown){width:var(--vol-pill-w);height:var(--traffic-size);padding:0;gap:0}.vol__pill:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.vol__pill-fill{position:absolute;left:0;top:0;bottom:0;width:var(--slider-fill, 0%);background:color-mix(in srgb,var(--title) var(--vol-fill-strength),transparent);pointer-events:none}.vol__track{position:relative;flex:1 1 auto;align-self:stretch;display:grid;place-items:center;pointer-events:none}.vol__pill-label{position:relative;z-index:1;display:none}.vol--shrink .vol__pill:not(.is-grown) .vol__pill-label{display:block}.vol__mute,.vol__airplay{display:grid;flex:0 0 auto;width:var(--vol-icon-size);height:var(--vol-icon-size);padding:0;border:none;background:none;color:var(--text);cursor:pointer;place-items:center;position:relative;z-index:1}.vol--shrink .vol__pill:not(.is-grown) :is(.vol__mute,.vol__airplay){display:none}.vol__mute svg{width:100%;height:100%;fill:currentColor}.vol__mute:focus-visible,.vol__airplay:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.vol__airplay svg{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.vol__pill{transition:none}}.ap-root{position:relative;display:grid}.ap-root .ap-square svg{stroke:currentColor;stroke-width:var(--ap-stroke);stroke-linecap:round;stroke-linejoin:round;fill:none}.ap-cut{stroke-width:var(--ap-cut-w)}.ap-caret,.ap-cut{transform-box:view-box;transition:transform var(--ap-caret-dur) var(--ease-ui)}.ap-caret{transition-property:transform,fill}.ap-square[data-state=on] :is(.ap-caret,.ap-cut){transform:translateY(calc(-1 * var(--ap-caret-rise)))}.ap-square[data-state=on] .ap-caret{fill:currentColor}.ap-square[data-state=on]{color:var(--go)}@media(prefers-reduced-motion:reduce){.ap-caret,.ap-cut{transition:none}}.ap-square[data-state=connecting] svg{animation:ap-pulse var(--ap-pulse) ease-in-out infinite}@keyframes ap-pulse{50%{opacity:.35}}.ap{position:fixed;margin-top:var(--space-1);width:var(--ap-panel-w);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-1);z-index:100;text-align:left}.ap[hidden]{display:none}.web.is-growing,.ap.is-growing{overflow:hidden}.pop{transform-origin:var(--pop-origin, top right);--pop-from: translateY(calc(-1 * var(--pop-shift))) scale(var(--pop-scale));transition:opacity var(--pop-in) var(--pop-ease),transform var(--pop-in) var(--pop-ease),display var(--pop-in) allow-discrete}.pop[data-above]{--pop-origin: bottom right;--pop-from: translateY(var(--pop-shift)) scale(var(--pop-scale))}.pop[hidden]{display:none;opacity:0;transform:var(--pop-from);pointer-events:none;transition-duration:var(--pop-out)}@starting-style{.pop:not([hidden]){opacity:0;transform:var(--pop-from)}}.pop-enter{animation:pop-row-in var(--pop-in) var(--pop-ease) calc(var(--pop-i, 0) * var(--pop-stagger)) both}@keyframes pop-row-in{0%{opacity:0;transform:translateY(calc(-1 * var(--pop-shift)))}}@media(prefers-reduced-motion:reduce){.pop,.flyout{transition:none}.pop-enter,.lib-picked.is-entering{animation:none}.sleep__ring{transition:none}.sleep__fade{animation:none}}.bento .panel.swap-in{animation:card-swap-travel var(--swap-dur) var(--swap-ease) calc(var(--swap-i, 0) * var(--swap-stagger)) both,card-swap-shape var(--swap-dur) var(--swap-ease) calc(var(--swap-i, 0) * var(--swap-stagger)) both}.bento .panel.swap-top{z-index:1}.bento .panel.swap-out{animation:card-swap-out var(--swap-out-dur) var(--swap-ease) both;pointer-events:none}@keyframes card-swap-out{to{transform:var(--swap-out-to);opacity:var(--swap-out-fade)}}.bento .panel.swap-rise{animation:card-swap-rise var(--swap-dur) var(--pop-ease) both}@keyframes card-swap-travel{0%{translate:calc(var(--swap-dx, 0px) * var(--swap-travel)) calc(var(--swap-dy, 0px) * var(--swap-travel))}}@keyframes card-swap-shape{0%{transform:var(--swap-from);opacity:var(--swap-fade)}50%{transform:var(--swap-mid)}to{transform:none;opacity:1}}@keyframes card-swap-rise{0%{opacity:0;transform:translateY(var(--pop-shift)) scale(var(--pop-scale))}}@media(prefers-reduced-motion:reduce){.bento .panel.swap-out,.bento .panel.swap-in,.bento .panel.swap-rise{animation:none}}.ap__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);color:var(--title);font-family:var(--font-body);font-size:var(--fs-text);font-weight:var(--fw-title)}.ap__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap__row{width:100%;min-height:var(--ap-row-h);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);text-align:left;cursor:pointer;white-space:nowrap}.ap__row:hover{background:var(--surface-hover)}.ap__row[disabled]{opacity:.6;cursor:default}.ap__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.ap__model{color:var(--subtext);font-size:var(--fs-subtext)}.ap__dot{width:var(--ap-dot);text-align:center;line-height:1;color:var(--title)}.ap__row[aria-checked=true] .ap__dot:after{content:"✓"}.ap__row[data-pending=true] .ap__dot:after{content:"…"}.ap__state{padding:var(--space-1) var(--space-2);color:var(--subtext);font-family:var(--font-body);font-size:var(--fs-subtext);white-space:normal}.ap__state:empty{display:none}.ap__state[data-tone=note]{color:var(--text)}.ap__ask{padding:0 var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-1)}.ap__ask[hidden]{display:none}.ap__ask-text{margin:var(--space-2) 0 0;color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);white-space:normal}.ap__ask-row{display:flex;justify-content:flex-end;gap:var(--space-2);margin:var(--space-2) 0}.ap__ask-btn{box-sizing:border-box;height:var(--icon-lg);min-width:var(--ap-ask-btn-w);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--ap-ask-radius);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;white-space:nowrap;text-align:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-ui)}.ap__ask-btn:hover{background:var(--surface-hover)}.ap__ask-btn.is-go{color:var(--title);border-color:var(--title);background:transparent}.ap__ask-btn.is-go:hover{background:var(--picked)}.ap__ask-btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.lights{display:flex;gap:var(--traffic-gap)}.light{width:var(--traffic-size);height:var(--traffic-size);border-radius:50%;border:none;padding:0;display:grid;place-items:center;cursor:pointer;transition:filter var(--dur-fast) var(--ease-ui)}.light:hover{filter:brightness(1.08)}.light:active{filter:brightness(.92)}.light:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.light--max{background:var(--go)}.light--min{background:var(--pause)}.light--close{background:var(--stop)}.sigil{width:58%;height:58%;fill:none;stroke:var(--traffic-glyph);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.app-body{flex:1 1 auto;min-height:0;padding:var(--panel-gap);overflow:hidden;position:relative;background-image:var(--app-canvas-bg);background-size:var(--canvas-bg-size);background-repeat:var(--canvas-bg-repeat)}.app-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:rgb(0 0 0 / var(--canvas-dim))}.ocean{display:var(--ocean-display, none);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ocean__bob{position:absolute;top:0;right:0;bottom:0;left:0;animation:ocean-bob 9s steps(round(9 * var(--ambient-fps) / 5)) infinite alternate;will-change:transform}.ocean__roll{position:absolute;left:-160px;top:-8px;width:calc(100% + 320px);height:calc(100% + 16px);animation:ocean-roll 16s steps(round(16 * var(--ambient-fps))) infinite;will-change:transform}.ocean__roll:before,.ocean__roll:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-size:var(--swell-tile);mask-size:var(--swell-tile);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:160px 8px;mask-position:160px 8px}.ocean__roll:before{background:var(--canvas);-webkit-mask-image:var(--swell-fill);mask-image:var(--swell-fill)}.ocean__roll:after{background:var(--swell-ink);-webkit-mask-image:var(--swell-crest);mask-image:var(--swell-crest)}.ocean__roll--1{--roll-dist: 144px;--swell-tile: 48px 30px;--swell-ink: var(--ocean-ink-1);--swell-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='30'%3E%3Cpath d='M0 17 Q12 11 24 17 T48 17 L48 30 L0 30 Z'/%3E%3C/svg%3E");--swell-crest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='30'%3E%3Cpath d='M0 17 Q12 11 24 17 T48 17' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E")}.ocean__roll--2{--roll-dist: 128px;--swell-tile: 64px 38px;--swell-ink: var(--ocean-ink-2);--swell-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38'%3E%3Cpath d='M0 22 Q16 17 32 22 T64 22 L64 38 L0 38 Z'/%3E%3C/svg%3E");--swell-crest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38'%3E%3Cpath d='M0 22 Q16 17 32 22 T64 22' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E")}.ocean__roll--3{--roll-dist: 80px;--swell-tile: 80px 46px;--swell-ink: var(--ocean-ink-3);--swell-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='46'%3E%3Cpath d='M0 26 Q20 22 40 26 T80 26 L80 46 L0 46 Z'/%3E%3C/svg%3E");--swell-crest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='46'%3E%3Cpath d='M0 26 Q20 22 40 26 T80 26' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E")}.ocean__bob--1{--bob-amp: 3px}.ocean__bob--2{--bob-amp: -2px}.ocean__bob--3{--bob-amp: 1px}.aurora{display:var(--aurora-display, none);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.aurora__blob{position:absolute;inset:calc(-1 * var(--aurora-slack));background-repeat:no-repeat;animation:var(--aurora-drift) var(--aurora-dur) steps(round(var(--aurora-dur) * var(--ambient-fps) / 10 / 1s)) infinite;will-change:transform}.aurora__blob--1{background-image:var(--aurora-1);--drift-x: var(--aurora-drift-1-x);--drift-y: var(--aurora-drift-1-y)}.aurora__blob--2{background-image:var(--aurora-2);--drift-x: var(--aurora-drift-2-x);--drift-y: var(--aurora-drift-2-y)}.aurora__blob--3{background-image:var(--aurora-3);--drift-x: var(--aurora-drift-3-x);--drift-y: var(--aurora-drift-3-y)}.storm{display:var(--storm-display);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bento{position:relative;z-index:1}.storm__strike,.storm__hold{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.storm__strike{overflow:hidden;opacity:0;animation:storm-strike var(--strike-cycle) var(--strike-steps) infinite}.storm__hold{animation:storm-hold var(--strike-cycle) var(--strike-steps) infinite}.storm__strike{--strike-steps: steps(round(var(--strike-cycle) * .6 * var(--ambient-fps) / 1s))}.storm__strike--1{--strike-cycle: var(--storm-cycle-1);--strike-path: var(--storm-path-1);--storm-x: 30px}.storm__strike--2{--strike-cycle: var(--storm-cycle-2);--strike-path: var(--storm-path-2);--storm-x: 70px}.storm__svg{display:block;width:100%;height:100%;overflow:visible}.storm__bolt{d:var(--strike-path);fill:none;stroke:var(--storm-ink);stroke-width:var(--storm-w);stroke-linejoin:miter;vector-effect:non-scaling-stroke;filter:var(--storm-glow);transform:translate(var(--storm-x, 50px)) scaleX(var(--storm-flip, 1))}.bento{height:100%;min-height:0;display:grid;gap:var(--panel-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr)}.panel[data-slot=queue],.panel[data-slot=c],.panel[data-slot=d]{display:none}.stage{display:contents}[data-surface=max] .bento{grid-template-columns:minmax(0,var(--max-stage-w)) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"stage left  right" "stage c     d"}[data-surface=max] .stage{grid-area:stage;display:grid;gap:var(--panel-gap);min-height:0;container-type:size;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}[data-surface=max] .stage>.panel{grid-column:1}[data-surface=max] .stage>.panel[data-slot=np]{grid-row:1}[data-surface=max] .stage>.panel[data-slot=queue]{grid-row:2}[data-surface=max] .panel[data-slot=queue]{display:flex}[data-surface=max] .panel[data-slot=left]{grid-area:left}[data-surface=max] .panel[data-slot=right]{grid-area:right}[data-surface=max] .panel[data-slot=c]{grid-area:c;display:flex}[data-surface=max] .panel[data-slot=d]{grid-area:d;display:flex}[data-surface=mini] .bento{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}[data-surface=mini] .panel[data-slot=right]{display:none}[data-surface=mini][data-mini=player] .bento{grid-template-rows:minmax(0,1fr)}[data-surface=mini][data-mini=player] .panel[data-slot=left],[data-surface=mini][data-mini=player] .vol{display:none}.panel{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--panel-paint);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);isolation:var(--panel-isolation);border:var(--panel-border-width) solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-card);padding:var(--panel-pad)}.panel[data-span=wide]{grid-column:1 / -1}.panel:before,.panel:after{content:"";display:var(--sand-display, none);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;--sand-core: calc(100% - 2 * var(--sand-reach)) calc(100% - 2 * var(--sand-reach));--sand-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 1 1 1 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23g)'/%3E%3C/svg%3E");--sand-speck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23s)'/%3E%3C/svg%3E")}.panel:before{background:var(--panel);-webkit-mask-image:linear-gradient(#000 0,#000 0),var(--sand-grain),linear-gradient(to right,transparent,#000 var(--sand-reach),#000 calc(100% - var(--sand-reach)),transparent),linear-gradient(to bottom,transparent,#000 var(--sand-reach),#000 calc(100% - var(--sand-reach)),transparent);mask-image:linear-gradient(#000 0,#000 0),var(--sand-grain),linear-gradient(to right,transparent,#000 var(--sand-reach),#000 calc(100% - var(--sand-reach)),transparent),linear-gradient(to bottom,transparent,#000 var(--sand-reach),#000 calc(100% - var(--sand-reach)),transparent);-webkit-mask-size:var(--sand-core),128px 128px,100% 100%,100% 100%;mask-size:var(--sand-core),128px 128px,100% 100%,100% 100%;-webkit-mask-position:center,0 0,0 0,0 0;mask-position:center,0 0,0 0,0 0;-webkit-mask-repeat:no-repeat,repeat,no-repeat,no-repeat;mask-repeat:no-repeat,repeat,no-repeat,no-repeat;-webkit-mask-composite:source-over,source-in,source-in,source-over;mask-composite:add,intersect,intersect,add}.panel:after{background:var(--sand-ink);-webkit-mask-image:var(--sand-speck),linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:var(--sand-speck),linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-size:128px 128px,100% 100%,var(--sand-core);mask-size:128px 128px,100% 100%,var(--sand-core);-webkit-mask-position:0 0,0 0,center;mask-position:0 0,0 0,center;-webkit-mask-repeat:repeat,no-repeat,no-repeat;mask-repeat:repeat,no-repeat,no-repeat;-webkit-mask-composite:source-in,source-out,source-over;mask-composite:intersect,subtract,add}html[data-boot=lift] .panel:before{--sand-grain: linear-gradient(#000 0 0)}html[data-boot=lift] .panel:after{--sand-speck: linear-gradient(transparent 0 0)}.panel__head{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.panel__title.is-pickable{cursor:pointer}.slot-picker__menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:30;min-width:var(--menu-min-w);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.slot-picker__menu[hidden]{display:none}.slot-picker__menu{overflow-y:auto}.slot-picker__menu--cols{display:grid;grid-template-columns:repeat(2,minmax(var(--menu-min-w),1fr))}.slot-picker__menu::-webkit-scrollbar{width:var(--scrollbar-w)}.slot-picker__menu::-webkit-scrollbar-track{background:transparent}.slot-picker__menu::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.card-stub{display:grid;place-items:center}.card-stub__msg{color:var(--subtext);font-size:var(--fs-subtext)}.panel__title{margin:0 auto 0 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-title);color:var(--title);text-decoration-line:var(--title-underline);text-decoration-thickness:var(--title-underline-w);text-underline-offset:var(--title-underline-offset)}.panel__body{flex:1 1 auto;min-height:0;overflow-y:auto}:is(.panel__body,.lib-view,.qcard__list,.spane__scroll,.search__scroller){will-change:var(--scroller-layer)}.panel__action{flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);padding:0;display:grid;place-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--title);cursor:pointer}.panel__action--text{width:auto;padding:0 var(--action-text-pad);font-family:var(--font-body);font-size:var(--action-text-fs);font-weight:var(--action-text-weight);line-height:1}.panel__action--text[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--title)}.panel__action:hover{filter:brightness(.97)}.panel__action[disabled]{opacity:.6;cursor:default}.panel__action[hidden]{display:none}.panel__head .panel__action+.panel__action{margin-left:var(--space-1)}.panel__action svg{width:var(--icon-sm);height:var(--icon-sm);display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel__action.is-busy svg{animation:acct-spin var(--dur-spin) linear infinite}.coll-body{flex:1 1 auto;min-height:0;display:flex}.coll-viewport{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.coll-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;transition:transform var(--nav-dur) var(--nav-ease),opacity var(--nav-dur) var(--nav-ease)}.coll-pane[data-pos=center]{transform:var(--nav-at-center);opacity:1;z-index:1}.coll-pane[data-pos=left]{transform:var(--nav-at-left);opacity:var(--nav-off-opacity);z-index:0}.coll-pane[data-pos=right]{transform:var(--nav-at-right);opacity:var(--nav-off-opacity);z-index:0}.coll-pane:not([data-pos=center]){pointer-events:none}@media(prefers-reduced-motion:reduce){.coll-pane{transition:none}.aurora__blob,.ocean__roll,.ocean__bob{animation:none}.storm{display:none}.lib-row:hover,.lib-tile:hover,.qrow:hover,.search__song:hover,.search__row:hover,.search__tile:hover,.search__artist:hover{transform:none}}:root[data-ambient=paused] :is(.ocean__bob,.ocean__roll,.aurora__blob,.storm__strike,.storm__hold),:root[data-ambient=paused] .np__aurora:before,:root[data-bg-motion=off] :is(.ocean__bob,.ocean__roll,.aurora__blob),:root[data-bg-motion=off] .np__aurora:before{animation-play-state:paused}:root[data-bg-motion=off] .storm{display:none}.app-scroll::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}.app-scroll::-webkit-scrollbar-track{background:transparent}.app-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.app-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.lib-view::-webkit-scrollbar,.panel__body::-webkit-scrollbar{width:var(--scrollbar-w)}.lib-view::-webkit-scrollbar-track,.panel__body::-webkit-scrollbar-track{background:transparent}.lib-view::-webkit-scrollbar-thumb,.panel__body::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.lib-view::-webkit-scrollbar-thumb:hover,.panel__body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.panel__back{flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);padding:0;margin-right:var(--space-1);display:grid;place-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--title);cursor:pointer}.panel__back[hidden]{display:none}.panel__back:hover{filter:brightness(.97)}.panel__back svg{width:var(--icon-md);height:var(--icon-md);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel__head .panel__title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-toolbar{flex:0 0 auto;margin-bottom:var(--space-2)}.lib-pills{display:flex;gap:var(--space-2)}.lib-ctrl{position:relative;min-width:0}.lib-ctrl[data-ctrl=sort],.lib-ctrl[data-ctrl=view]{flex:1 1 0}.lib-ctrl[data-ctrl=search],.lib-ctrl[data-ctrl=filter]{flex:0 0 auto;aspect-ratio:1}.lib-pill__icon--heart{stroke-width:1.8}.lib-pill.is-active .lib-pill__icon--heart{fill:currentColor}.lib-pill{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--lib-pill-radius);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);cursor:pointer}.lib-pill:hover{background:var(--surface-hover)}.lib-pill__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-pill__caret{flex:0 0 auto;width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.lib-pill[aria-expanded=true] .lib-pill__caret{transform:rotate(180deg)}.lib-pill--icon{justify-content:center;padding:0;width:100%;height:100%}.lib-pill__icon{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lib-pill.is-active{background:var(--surface-hover);border-color:var(--title);color:var(--title)}.lib-pop{position:fixed;z-index:100;background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--lib-pop-radius);box-shadow:var(--shadow-panel);padding:var(--space-2)}.lib-pop[hidden]{display:none}.lib-pop__cols{display:flex;gap:var(--space-2)}.lib-pop__col{display:flex;flex-direction:column;gap:2px}.lib-pop__col+.lib-pop__col--dir{padding-left:var(--space-2);border-left:1px solid var(--border)}.lib-pop__opt{text-align:left;white-space:nowrap;padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);cursor:pointer}.lib-pop__opt:hover{background:var(--surface-hover)}.lib-pop__opt.is-active{background:var(--surface-hover);color:var(--title);font-weight:600}.lib-pop__dir{display:grid;place-items:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--subtext);cursor:pointer}.lib-pop__dir:hover{background:var(--surface-hover)}.lib-pop__dir.is-active{background:var(--surface-hover);border-color:var(--border);color:var(--title)}.lib-pop__dir svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lib-searchbar{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-med) var(--ease-ui)}.lib-searchbar.is-open{grid-template-rows:1fr}.lib-searchbar__inner{min-height:0;overflow:hidden}.lib-searchbar .lib-search{margin-top:var(--space-2)}.lib-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control)}.lib-search__icon{flex:0 0 auto;width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:var(--subtext);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lib-search__input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:var(--fs-text)}.lib-search__input::placeholder{color:var(--subtext)}.lib-search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lib-view{flex:1 1 auto;min-height:0;overflow-y:auto}.lib-view--windowed{overflow-anchor:none}.lib-spacer{display:block}.lib-grid .lib-spacer{grid-column:1 / -1}.lib-list{display:block}.lib-list .lib-row--art{contain:size layout;height:var(--lib-row-h);box-sizing:border-box}.lib-row{padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);cursor:default;transition:background var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.lib-row:hover{background:var(--surface-hover);transform:var(--hover-lift)}.lib-view[data-openable="1"] .lib-row,.lib-view[data-openable="1"] .lib-tile{cursor:pointer}[data-list-keys]:focus-visible,[data-list-keys] [data-view]:focus-visible{outline:none}[data-list-keys] [data-idx]:focus,[data-list-keys] .qrow:focus,[data-list-keys] [role=button]:focus{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-w))}.drag-ghost.drag-ghost{position:fixed;margin:0;box-sizing:border-box;transform:translate(var(--ghost-x, 0px),var(--ghost-y, 0px)) var(--drag-lift);box-shadow:var(--shadow-panel);background:var(--surface-hover);opacity:var(--drag-ghost-opacity);transition:none;pointer-events:none;z-index:200}.drag-ghost.is-nodrop{opacity:var(--drag-nodrop-opacity)}.drag-ghost.drag-ghost.is-flying{animation:handoff-fly-travel var(--fly-dur) var(--fly-ease) both,handoff-fly-shape var(--fly-dur) var(--fly-ease) both}@keyframes handoff-fly-travel{to{translate:var(--fly-dx, 0px) var(--fly-dy, 0px)}}@keyframes handoff-fly-shape{0%{transform:var(--drag-lift)}50%{transform:var(--fly-mid)}to{transform:var(--fly-land);opacity:var(--fly-land-fade)}}.drag-ghost__count{position:absolute;right:var(--space-1);bottom:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-control);background:var(--title);color:var(--canvas);font-size:var(--fs-subtext);white-space:nowrap}.drag-shell:before,.drag-shell:after{content:none!important}.is-drag-source.is-drag-source{opacity:var(--drag-source-opacity)}html.is-row-dragging,html.is-row-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}html.is-drag-nodrop,html.is-drag-nodrop *{cursor:no-drop!important}.is-drop-target.is-drop-target{outline:var(--drop-line-w) solid var(--title);outline-offset:calc(-1 * var(--drop-line-w))}.is-reordering{position:relative}.drop-line{position:absolute;left:0;right:0;height:var(--drop-line-w);border-radius:var(--drop-line-w);background:var(--title);pointer-events:none;z-index:3}.drop-line--x{left:auto;right:auto;top:0;bottom:0;width:var(--drop-line-w);height:auto}.is-holding{transform:scale(var(--hold-swell));transform-origin:center left;transition:transform var(--hold-ms) var(--ease-ui)}.set__section.is-holding{transform:none}.set__section.is-holding .set__head{transform:scale(var(--hold-swell));transform-origin:center left;transition:transform var(--hold-ms) var(--ease-ui)}@media(prefers-reduced-motion:reduce){.is-holding,.set__section.is-holding .set__head{transform:none}}.panel__action.is-active{background:var(--picked);border-color:var(--title);color:var(--title)}.lib-row[data-picked],.lib-tile[data-picked],.qrow[data-picked],.qnow[data-picked],.search__song[data-picked],.search__row[data-picked]{background:var(--picked);border-radius:var(--radius-control)}.lib-row.is-selected,.lib-tile.is-selected,.lib-row.is-context,.lib-tile.is-context{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off));border-radius:var(--radius-control)}.ctx-menu{position:fixed;z-index:100;min-width:var(--menu-min-w);padding:var(--space-1);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);font-family:var(--font-body)}.ctx-menu__item{display:block;width:100%;padding:var(--space-1) var(--space-3);text-align:left;background:none;border:none;border-radius:var(--radius-control);color:var(--text);font-family:inherit;font-size:var(--fs-text);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui)}.ctx-menu__item:hover{background:var(--surface-hover)}.ctx-menu__item:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}.ctx-menu__item:disabled{opacity:.5;cursor:default}.ctx-menu__field{display:flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control)}.ctx-menu__input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:var(--fs-text)}.ctx-menu__input::placeholder{color:var(--subtext)}.ctx-menu__label{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-2) var(--space-1);cursor:default}.ctx-menu__label:first-child{padding-top:var(--space-1)}.ctx-menu__sub{position:relative}.ctx-menu__chev{color:var(--subtext)}.ctx-menu__state{color:var(--subtext);margin-left:auto}.ctx-menu__item--sub,.ctx-menu__item--badged{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ctx-menu__sub.is-open>.ctx-menu__item{background:var(--surface-hover)}.ctx-menu__fly{position:absolute;top:calc(-1 * var(--space-1));left:100%;z-index:1;min-width:var(--menu-min-w);max-height:calc(100vh - 12px);overflow-y:auto;padding:var(--space-1);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.ctx-menu__fly.is-left{left:auto;right:100%}.ctx-menu__fly[hidden]{display:none}.ctx-menu__fly--deep{overflow:visible}.ctx-menu__fly::-webkit-scrollbar{width:var(--scrollbar-w)}.ctx-menu__fly::-webkit-scrollbar-track{background:transparent}.ctx-menu__fly::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.lib-row--art{display:flex;align-items:center;gap:var(--space-2)}.lib-row__art{contain:size;flex:0 0 auto;width:var(--lib-row-art);height:var(--lib-row-art);border-radius:var(--lib-row-art-radius);object-fit:cover;background:var(--surface-hover)}.lib-row__art--round{border-radius:50%}.lib-row__art--empty{display:grid;place-items:center;color:var(--subtext);font-size:var(--fs-subtext)}.lib-row__text{min-width:0;display:flex;flex-direction:column}.lib-row__title{display:block;color:var(--text);font-size:var(--fs-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-row__artist{display:block;color:var(--subtext);font-size:var(--fs-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-grid{display:grid;gap:var(--lib-grid-gap);align-content:start}.lib-view[data-grid=small].lib-grid{grid-template-columns:repeat(auto-fill,minmax(var(--lib-tile-small),1fr))}.lib-view[data-grid=large].lib-grid{grid-template-columns:repeat(auto-fill,minmax(var(--lib-tile-large),1fr))}.lib-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-control);cursor:default;transition:background var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.lib-tile:hover{background:var(--surface-hover);transform:var(--hover-lift)}.lib-tile__cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--lib-tile-radius);background:var(--surface-hover);display:block}.lib-tile__cover--round{border-radius:50%}.lib-tile__cover--mosaic,.lib-row__art--mosaic,.lib-hero__cover--mosaic{overflow:hidden}.lib-tile__cover--mosaic img,.lib-row__art--mosaic img,.lib-hero__cover--mosaic img{display:block;width:100%;height:100%;object-fit:cover}.lib-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--hero-gap);padding:var(--space-2) var(--space-2) var(--space-3)}.lib-grid .lib-hero{grid-column:1 / -1}.lib-actions{display:flex;gap:var(--space-2);padding:0 var(--space-2) var(--space-2);min-width:0}.lib-grid .lib-actions{grid-column:1 / -1}.lib-action{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--lib-pill-radius);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);cursor:pointer}.lib-action:hover{background:var(--surface-hover)}.lib-action:disabled{opacity:var(--disabled-alpha);cursor:default}.lib-action:disabled:hover{background:var(--surface)}.lib-action--play:disabled:hover{background:var(--title);filter:none}.lib-action--play{background:var(--title);border-color:var(--title);color:var(--surface)}.lib-action--play:hover{background:var(--title);filter:brightness(1.12)}.lib-actions--picked{align-items:center;overflow:hidden}.lib-picked{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--subtext);font-family:var(--font-body);font-size:var(--fs-text);white-space:nowrap}.lib-picked__text{padding-inline-end:var(--space-2)}.lib-picked.is-entering{animation:lib-picked-in var(--pop-in) var(--ease-ui) both}@keyframes lib-picked-in{0%{max-width:0;opacity:0}to{max-width:12ch;opacity:1}}.lib-action__icon{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;flex:0 0 auto}.lib-action__icon--stroke{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lib-shelves{display:flex;flex-direction:column;padding:0 var(--space-2) var(--space-2);min-width:0}.home-shelf{display:flex;flex-direction:column;min-width:0}.lib-grid .lib-shelves{grid-column:1 / -1}.lib-view-head{min-width:0}.lib-grid .lib-view-head,.lib-grid .lib-view-bar{grid-column:1 / -1}.lib-view-bar{position:sticky;top:0;z-index:2;padding:var(--space-1) var(--space-2) 0;background:var(--sticky-bar-surface);-webkit-backdrop-filter:var(--sticky-bar-backdrop);backdrop-filter:var(--sticky-bar-backdrop)}.lib-hero__cover{width:var(--hero-cover);height:var(--hero-cover);border-radius:var(--lib-tile-radius);object-fit:cover;display:block;background:var(--surface-hover);margin-bottom:var(--space-1)}.lib-hero__cover--empty{display:grid;place-items:center;color:var(--subtext);font-size:var(--fs-title)}.lib-hero__cover--round{border-radius:var(--hero-artist-radius)}.lib-hero__cover-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0 0 var(--space-1);border-radius:var(--lib-tile-radius);cursor:pointer;transition:filter var(--dur-fast) var(--ease-ui)}.lib-hero__cover-btn>*{pointer-events:none}.lib-hero__cover-btn .lib-hero__cover{margin-bottom:0}.lib-hero__cover-btn:hover{filter:brightness(var(--hero-cover-hover))}.lib-hero__cover-btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.lib-hero__cover-btn.is-drop{outline:var(--focus-ring-w) dashed var(--title);outline-offset:var(--focus-ring-off);filter:brightness(var(--hero-cover-hover))}.lib-hero__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-title);color:var(--title);line-height:1.2;overflow-wrap:anywhere}.lib-hero__sub{color:var(--text);font-size:var(--fs-text)}.lib-hero__sub--link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;font-size:var(--fs-text);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--dur-fast) var(--ease-ui)}.lib-hero__sub--link:hover{color:var(--title)}.lib-hero__chev{color:var(--subtext)}.lib-hero__meta{color:var(--subtext);font-size:var(--fs-subtext)}.lib-row__num{flex:0 0 auto;width:var(--lib-row-art);text-align:center;color:var(--subtext);font-size:var(--fs-subtext);font-variant-numeric:tabular-nums}.lib-tile__cover--empty{display:grid;place-items:center;color:var(--subtext);font-size:var(--fs-title)}.lib-tile__meta{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-subtext);line-height:var(--lib-tile-lh);height:calc(2 * var(--lib-tile-lh));overflow:hidden}.lib-tile__name{color:var(--text);font-size:var(--fs-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-tile__sub{color:var(--subtext);font-size:var(--fs-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-src-badge{flex:0 0 auto;display:block;width:var(--icon-sm);height:var(--icon-sm);fill:var(--subtext)}.lib-tile__subrow{display:flex;align-items:center;gap:var(--space-1);min-width:0;line-height:1;height:var(--lib-tile-lh)}.lib-tile__subrow .lib-tile__sub{flex:1 1 auto}.lib-tile__subrow .lib-src-badge{margin-top:-.08em}.lib-src-badge--explicit .lib-src-badge__letter{fill:var(--surface)}.lib-src-badge--apple-music{fill:var(--apple-music-mark)}.search__song-title .lib-src-badge{display:inline-block;vertical-align:-.15em;margin-left:var(--space-1)}.lib-row>.lib-src-badge{margin-left:auto}.lib-empty{display:block}.lib-empty__msg{color:var(--subtext);font-size:var(--fs-subtext)}.lib-empty>.lib-empty__msg{display:block;text-align:center;padding:var(--space-4)}.lib-empty__slot{display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;min-height:var(--lib-row-h);padding:var(--space-1) var(--space-2);border:var(--empty-slot-rim-w) var(--empty-slot-rim-style) color-mix(in srgb,var(--border) var(--empty-slot-rim-alpha),transparent);border-radius:var(--radius-control)}.lib-empty__art{flex:0 0 auto;width:var(--lib-row-art);height:var(--lib-row-art);border-radius:var(--lib-row-art-radius);background:var(--surface-hover);display:grid;place-items:center;color:var(--subtext);font-size:var(--fs-subtext)}.lib-shelf{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) 0 var(--space-1);cursor:default}.lib-shelf:first-child{padding-top:0}.lib-grid .lib-shelf{grid-column:1 / -1}.lib-shelf--toggle{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.lib-shelf--toggle:hover{color:var(--text)}.lib-shelf__chev{flex:0 0 auto;width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform var(--nav-dur) var(--nav-ease)}.lib-shelf--toggle.is-collapsed .lib-shelf__chev{transform:rotate(-90deg)}.lib-shelf__count{margin-left:auto;opacity:.7}.search{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-2)}.search__bar{position:relative;display:flex;gap:var(--space-1);align-items:center}.search__field{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control)}.search__icon{flex:0 0 auto;width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:var(--subtext);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.search__input{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:var(--fs-text);color:var(--text);background:transparent;border:none;padding-right:calc(var(--icon-sm) + 3 * var(--space-1) + 6px)}.search__input::placeholder{color:var(--subtext)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input:focus,.search__input:focus-visible{outline:none}.search__filter-wrap{flex:0 0 auto;position:relative;display:flex}.search__filter{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--lib-pill-radius);color:var(--text);cursor:pointer}.search__filter-icon{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.search__filter:hover{background:var(--surface-hover)}.search__filter-pop{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-1);background:var(--menu-surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border-radius:var(--radius-control);box-shadow:var(--shadow-panel);padding:var(--space-2)}.search__filter-pop[hidden]{display:none}.search__filter-row{font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--text);display:flex;gap:var(--space-1);align-items:center;cursor:pointer;white-space:nowrap}.search__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:var(--icon-sm);height:var(--icon-sm);padding:0;background:none;border:none;color:var(--subtext);cursor:pointer}.search__clear svg{width:var(--icon-sm);height:var(--icon-sm)}.search__clear:hover{color:var(--title)}.search__clear[hidden],.search__busy{display:none}.search__bar--busy .search__busy{display:block;position:absolute;top:50%;right:calc(var(--space-2) + var(--icon-sm) + var(--space-1));width:6px;height:6px;margin-top:-3px;border-radius:999px;background:var(--subtext);animation:search-pulse .9s ease-in-out infinite}@keyframes search-pulse{50%{opacity:.25}}.search__panes{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.spane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--spane-bg);transition:transform var(--nav-dur) var(--nav-ease),opacity var(--nav-dur) var(--nav-ease)}.spane[data-pos=center]{transform:var(--nav-at-center);opacity:1;z-index:1}.spane[data-pos=left]{transform:var(--nav-at-left);opacity:var(--nav-off-opacity);z-index:0}.spane[data-pos=right]{transform:var(--nav-at-right);opacity:var(--nav-off-opacity);z-index:0}.spane:not([data-pos=center]){pointer-events:none}.spane__scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.spane__scroll::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}.spane__scroll::-webkit-scrollbar-track{background:transparent}.spane__scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.spane__scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.search__sec{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.search__sec:last-child{border-bottom:none}.search__sec-title,.search__label{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-1)}.credit__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-1)}.credit__note{margin:var(--space-1) 0 var(--space-2);font-size:var(--fs-subtext);color:var(--subtext)}.credit__facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-2);margin:0;font-size:var(--fs-subtext)}.credit__facts dt{color:var(--subtext)}.credit__facts dd{margin:0;color:var(--text);overflow-wrap:anywhere}.search__row--flat{cursor:default;opacity:var(--credit-flat-opacity)}.credit__flat{font-size:var(--fs-subtext);color:var(--subtext);opacity:var(--credit-flat-opacity)}.search__scroller{display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;padding-bottom:var(--space-1)}.search__scroller::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}.search__scroller::-webkit-scrollbar-track{background:transparent}.search__scroller::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.search__scroller::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.search__scroller--songs{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:170px;gap:var(--space-1) var(--space-2)}.search__song,.search__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.search__row{margin-bottom:var(--space-1)}.search__song:hover,.search__row:hover{background:var(--surface-hover);transform:var(--hover-lift)}.search__song:focus-visible,.search__row:focus-visible,.search__tile:focus-visible,.search__artist:focus-visible,.search__song.is-context,.search__row.is-context,.search__tile.is-context,.search__artist.is-context{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off));border-radius:var(--radius-control)}.search__song-art{flex:0 0 auto;width:var(--lib-row-art);height:var(--lib-row-art);border-radius:var(--lib-row-art-radius);object-fit:cover}.search__song-art--empty{display:grid;place-items:center;background:var(--surface-hover);color:var(--subtext)}.search__song-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.search__add{visibility:hidden}.search__song:hover .search__add,.search__row:hover .search__add,.search__song:focus-visible .search__add,.search__row:focus-visible .search__add,.search__add:focus-visible,.search__add.is-busy{visibility:visible}.add-square.is-in,.add-square.is-busy{cursor:default}.add-square.is-in:hover{filter:none}.lib-row>.add-square,.qrow>.add-square,.qnow>.add-square{display:none;margin-left:auto}.qrow>.rewind__withdraw,.qnow>.rewind__withdraw{display:grid;margin-left:auto}.lib-row>.lib-src-badge~.add-square,.qrow>.qrow__meta~.add-square{margin-left:0}.lib-row:hover>.add-square:not([hidden]),.lib-row:focus-visible>.add-square:not([hidden]),.qrow:hover>.add-square:not([hidden]),.qrow:focus-visible>.add-square:not([hidden]),.qnow:hover>.add-square:not([hidden]),.add-square:not(.search__add):focus-visible,.add-square:not(.search__add).is-busy{display:grid}.search__song-title{font-size:var(--fs-text);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__song-artist{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spane .lib-shelves{padding-left:0;padding-right:0}.search__tile{position:relative;flex:0 0 auto;width:var(--tile-art);display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease-ui)}.search__tile-badge{position:absolute;top:var(--tile-badge-inset);right:var(--tile-badge-inset);width:var(--tile-badge-size);height:var(--tile-badge-size);display:grid;place-items:center;padding:0;border:0;cursor:pointer;background:var(--surface);color:var(--title);border-radius:var(--tile-badge-radius)}.search__tile-badge:hover{filter:brightness(.97)}.search__tile-badge:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.search__tile-badge svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.search__tile-badge svg path:first-child{fill:currentColor}.tile-grip{position:absolute;top:calc(var(--tile-art) * (1 - var(--grip-height)) / 2);left:var(--grip-inset);width:var(--grip-w);height:calc(var(--tile-art) * var(--grip-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--grip-dot-gap);border-radius:var(--grip-radius);background:color-mix(in srgb,var(--surface) var(--grip-bg-alpha),transparent);color:var(--title);cursor:grab;opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.tile-grip i{width:var(--grip-dot);height:var(--grip-dot);border-radius:50%;background:currentColor}.search__tile:hover .tile-grip,.search__tile:focus-visible .tile-grip,.search__tile:focus-within .tile-grip{opacity:1}.tile-grip:hover{filter:brightness(.97)}html.is-row-dragging .tile-grip{cursor:grabbing}@media(prefers-reduced-motion:reduce){.tile-grip{transition:none}}.lib-shelves--pins{border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.search__tile-art{width:var(--tile-art);height:var(--tile-art);border-radius:var(--lib-tile-radius);object-fit:cover}.search__tile-art--round{border-radius:50%}.search__tile-art--empty{display:grid;place-items:center;background:var(--surface-hover);color:var(--subtext);font-size:var(--np-cover-glyph)}.search__tile-art--mosaic{overflow:hidden}.search__tile-art--mosaic img{display:block;width:100%;height:100%;object-fit:cover}.search__tile--offer .search__tile-art{outline:var(--empty-slot-rim-w) var(--empty-slot-rim-style) color-mix(in srgb,var(--border) var(--empty-slot-rim-alpha),transparent);outline-offset:calc(var(--empty-slot-rim-w) * 2)}.search__tile:hover{transform:var(--hover-lift)}.search__tile-name{font-size:var(--fs-subtext);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__tile-sub{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__artist{flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease-ui)}.search__artist-art{width:64px;height:64px;border-radius:999px;object-fit:cover}.search__artist-art--empty{display:grid;place-items:center;background:var(--surface-hover);color:var(--subtext)}.search__artist:hover{transform:var(--hover-lift)}.search__artist-name{font-size:var(--fs-subtext);color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.search__prompt{font-family:var(--font-body);font-size:var(--fs-text);color:var(--subtext);padding:var(--space-2) 0}.search__recents{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.search__recent{display:inline-flex;align-items:stretch;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--lib-pill-radius);overflow:hidden}.search__recent-term,.search__recent-pin{font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--text);background:none;border:none;cursor:pointer}.search__recent-term{padding:var(--space-1) var(--space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__recent-pin{display:grid;place-items:center;padding:0 var(--space-2);border-left:1px solid var(--border);color:var(--subtext)}.search__recent-pin svg{width:var(--search-pin-size);height:var(--search-pin-size);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.search__recent-pin[aria-pressed=true]{color:var(--title)}.search__recent-pin[aria-pressed=true] svg path:first-child{fill:currentColor}.search__recent-term:hover,.search__recent-pin:hover{background:var(--surface-hover);color:var(--title)}.search__recent.is-context{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}@media(prefers-reduced-motion:reduce){.spane{transition:none}.search__bar--busy .search__busy{animation:none}}.np{display:flex;align-items:stretch;gap:var(--space-3)}@property --album-bg{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --album-c1{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --album-c2{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --np-title{syntax: "<color>"; inherits: true; initial-value: black;}@property --np-subtext{syntax: "<color>"; inherits: true; initial-value: black;}@property --np-accent{syntax: "<color>"; inherits: true; initial-value: black;}.np{position:relative;transition:--album-bg var(--album-fade-dur),--album-c1 var(--album-fade-dur),--album-c2 var(--album-fade-dur),--np-title var(--album-fade-dur),--np-subtext var(--album-fade-dur),--np-accent var(--album-fade-dur)}.np .np__scrub .scrub__fill{background:var(--np-accent)}.np .ap-square[data-state=on]{color:var(--np-accent)}.np__fav svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.np__fav[data-state=on]{color:var(--np-accent)}.np__shuffle[aria-pressed=true],.np__repeat[data-state=all],.np__repeat[data-state=one]{color:var(--np-accent);background:var(--picked);border-color:var(--title)}.np__shuffle svg g{transform-box:view-box;transform-origin:12px 12px}.np__shuffle.is-crossing .np__sh-up{animation:np-sh-up var(--sh-cross-dur) var(--ease-ui)}.np__shuffle.is-crossing .np__sh-dn{animation:np-sh-dn var(--sh-cross-dur) var(--ease-ui)}@keyframes np-sh-up{0%,to{transform:none}40%,60%{transform:translateY(calc(-1 * var(--sh-cross-gap))) rotate(45deg)}}@keyframes np-sh-dn{0%,to{transform:none}40%,60%{transform:translateY(var(--sh-cross-gap)) rotate(-45deg)}}.np__shuffle.is-crossing .np__sh-stop{animation:np-sh-fade var(--sh-cross-dur) var(--ease-ui)}@keyframes np-sh-fade{0%,to{stop-opacity:1}40%,60%{stop-opacity:0}}.np__repeat.is-looping svg{animation:np-rp-loop var(--rp-loop-dur) var(--ease-ui)}@keyframes np-rp-loop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.np__shuffle.is-crossing .np__sh-up,.np__shuffle.is-crossing .np__sh-dn,.np__shuffle.is-crossing .np__sh-stop,.np__repeat.is-looping svg{animation:none}}.np__repeat{position:relative}.np__repeat-one{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-body);font-weight:700;line-height:1;font-size:calc(var(--fs-subtext) * .75)}.np__repeat[data-state=one] .np__repeat-one{display:block}.np__fav[data-state=on] svg{fill:currentColor}.np__aurora{display:var(--album-aurora-display);position:absolute;inset:calc(-1 * var(--panel-pad));border-radius:var(--panel-radius);overflow:hidden;pointer-events:none;z-index:0}.np__aurora:before{content:"";position:absolute;left:calc(var(--panel-pad) + var(--np-cover) / 2);top:50%;width:calc(var(--np-cover) * var(--album-aurora-reach));aspect-ratio:1;transform:translate(-50%,-50%) rotate(0);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--album-bg) var(--album-aurora-strength),transparent) 0%,color-mix(in srgb,var(--album-c1) var(--album-aurora-strength),transparent) 19%,color-mix(in srgb,var(--album-c2) calc(var(--album-aurora-strength) * .85),transparent) 40%,transparent 72%),radial-gradient(circle calc(var(--np-cover) * .9) at 71% 29%,color-mix(in srgb,var(--album-c2) calc(var(--album-aurora-strength) * .8),transparent) 0%,transparent 100%);animation:np-aurora-spin var(--album-spin-dur) steps(round(var(--album-spin-dur) * var(--ambient-fps) / 1s)) infinite}@keyframes np-aurora-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.np__art,.np__center{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.np__aurora:before{animation:none}}.np__center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.scrub{position:relative;display:flex;cursor:pointer;touch-action:none}.scrub{height:var(--scrubber-handle-size);align-items:center}.scrub .scrub__track{position:relative;width:100%;height:var(--scrubber-track-h);border-radius:999px;background:var(--panel-border)}.scrub .scrub__fill{position:absolute;left:0;top:0;height:100%;width:var(--slider-fill, 0%);background:var(--title);border-radius:999px}.scrub .scrub__handle{position:absolute;top:50%;left:var(--slider-fill, 0%);transform:translate(-50%,-50%) scale(var(--handle-scale, 1))}.scrub__handle{width:var(--scrubber-handle-size);height:var(--scrubber-handle-size);background:var(--title);-webkit-mask:var(--scrubber-handle) center / contain no-repeat;mask:var(--scrubber-handle) center / contain no-repeat;pointer-events:none;transition:transform var(--dur-fast) var(--ease-ui)}[data-fancy-scrub=on]:is([data-skin=press],[data-skin=glass]) .scrub__handle{width:var(--scrub-fancy-size);height:var(--scrub-fancy-size)}[data-fancy-scrub=on][data-skin=ocean] .scrub__handle{width:var(--scrub-float-size);height:var(--scrub-float-size)}[data-fancy-scrub=on][data-skin=press] .scrub__handle{-webkit-mask:none;mask:none;background:none}[data-fancy-scrub=on][data-skin=press] .scrub__handle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:var(--scrub-nib-w);transform:translate(-50%);background:var(--title);transition:width var(--dur-fast) var(--ease-ui),box-shadow var(--dur-fast) var(--ease-ui)}[data-fancy-scrub=on][data-skin=press] .scrub__handle:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:var(--scrub-nib-bar);transform:translate(-50%);background:linear-gradient(var(--title) 0 var(--scrub-nib-w),transparent var(--scrub-nib-w) calc(100% - var(--scrub-nib-w)),var(--title) calc(100% - var(--scrub-nib-w)));transition:box-shadow var(--dur-fast) var(--ease-ui)}[data-fancy-scrub=on][data-skin=press] .scrub:is(:hover,[data-dragging]) .scrub__handle:before{width:var(--scrub-nib-hover-w);box-shadow:1px 1px 0 var(--ink-2)}[data-fancy-scrub=on][data-skin=press] .scrub:is(:hover,[data-dragging]) .scrub__handle:after{box-shadow:1px 1px 0 var(--ink-2)}[data-fancy-scrub=on][data-skin=ocean] .scrub__handle{-webkit-mask:none;mask:none;background:none}[data-fancy-scrub=on][data-skin=ocean] .scrub__handle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--title);border-radius:50%/30% 30% 70% 70%;transform:rotate(0);transition:transform var(--dur-fast) var(--ease-ui)}[data-fancy-scrub=on][data-skin=ocean] .scrub__handle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--title);opacity:0;transform:scale(1)}[data-fancy-scrub=on][data-playing=on][data-skin=ocean] .scrub__handle:after{animation:scrub-bob var(--scrub-bob-dur) ease-in-out infinite}[data-fancy-scrub=on][data-playing=on][data-skin=ocean] .scrub__handle:before{animation:scrub-ripple var(--scrub-bob-dur) ease-out infinite}[data-fancy-scrub=on][data-skin=ocean] .scrub[data-dragging] .scrub__handle:after{animation:none;transform:translateY(1px) scale(.9)}@keyframes scrub-bob{50%{transform:translateY(-1.5px)}}@keyframes scrub-ripple{0%{transform:scale(.9);opacity:.4}70%{transform:scale(var(--scrub-ripple-scale));opacity:0}to{transform:scale(var(--scrub-ripple-scale));opacity:0}}[data-fancy-scrub=on][data-skin=glass] .scrub__handle{-webkit-mask:none;mask:none;background:color-mix(in srgb,var(--title) 10%,transparent);border-radius:50%;border:1.5px solid color-mix(in srgb,var(--title) 65%,transparent);box-sizing:border-box;box-shadow:inset 1px 1px 1.5px var(--glint),inset -1px -1px 1.5px color-mix(in srgb,var(--title) 45%,transparent),0 1px 2px color-mix(in srgb,var(--title) 30%,transparent);overflow:hidden}[data-fancy-scrub=on][data-skin=glass] .scrub__handle:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--glint) 0,color-mix(in srgb,var(--glint) 40%,transparent) 22%,transparent 48%)}[data-fancy-scrub=on][data-playing=on][data-skin=glass] .scrub__handle:before{animation:scrub-sheen var(--scrub-sheen-dur) ease-in-out infinite alternate}[data-fancy-scrub=on][data-skin=glass] .scrub:is(:hover,[data-dragging]){--handle-scale: var(--scrub-lens-scale)}@keyframes scrub-sheen{to{transform:translate(28%,22%)}}[data-fancy-scrub=on][data-playing=on][data-skin=cyber] .scrub__handle{animation:scrub-breathe var(--scrub-breathe-dur) ease-in-out infinite alternate}[data-fancy-scrub=on][data-skin=cyber] .scrub[data-dragging] .scrub__handle{animation:none;filter:drop-shadow(0 0 3px var(--title)) brightness(1.3)}[data-fancy-scrub=on][data-skin=cyber] .scrub[data-released] .scrub__handle{animation:scrub-flicker .12s steps(2,start) 1}@keyframes scrub-breathe{0%{filter:drop-shadow(0 0 1.5px var(--title))}to{filter:drop-shadow(0 0 5px var(--title))}}@keyframes scrub-flicker{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.scrub__handle,.scrub__handle:before,.scrub__handle:after{animation:none!important;transition:none}}.np__art{position:relative;flex:0 0 auto;align-self:stretch;width:auto;height:auto;aspect-ratio:1 / 1;min-width:var(--np-cover);min-height:var(--np-cover);border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface-hover) calc((1 - var(--vinyl)) * 100%),transparent);color:var(--subtext);font-size:var(--np-cover-glyph);overflow:hidden}.np__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.np__art-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1}.np__art{--vinyl: var(--vinyl-strip);--vinyl-x: 0;--vinyl-y: 1;container-type:size}:where([data-surface=max],[data-surface=mini][data-mini=player]) .np__art{--vinyl: var(--vinyl-stage);--vinyl-x: 1;--vinyl-y: 0}[data-window=tray] .np__art{--vinyl: var(--vinyl-tray)}.np__art:has(>.vinyl--glyph){--vinyl: 0}.vinyl,.vinyl__spin{position:absolute;top:0;right:0;bottom:0;left:0}.vinyl__plate,.vinyl__sheen{display:none}.vinyl--out{pointer-events:none}@container style(--vinyl: 0){.vinyl__spin{transform:none!important}}@container style(--vinyl: 1){.vinyl{width:calc(100cqmin - 2 * var(--vinyl-inset));height:calc(100cqmin - 2 * var(--vinyl-inset));margin:auto}.vinyl__plate{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:var(--vinyl-plate-shadow)}.vinyl__spin,.vinyl__sheen{-webkit-mask:radial-gradient(circle closest-side,transparent var(--vinyl-hole),#000 calc(var(--vinyl-hole) + .5px),#000 calc(100% - .5px),transparent 100%);mask:radial-gradient(circle closest-side,transparent var(--vinyl-hole),#000 calc(var(--vinyl-hole) + .5px),#000 calc(100% - .5px),transparent 100%)}.vinyl__spin:before,.vinyl__spin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.vinyl__spin:before{background:radial-gradient(circle closest-side,transparent calc(var(--vinyl-label) - var(--vinyl-ring-w)),color-mix(in srgb,var(--vinyl-ring-ink) var(--vinyl-ring-alpha),transparent) calc(var(--vinyl-label) - var(--vinyl-ring-w)) var(--vinyl-label),transparent var(--vinyl-label))}.vinyl__spin:after{background:repeating-radial-gradient(circle closest-side,transparent 0 calc(var(--vinyl-groove-pitch) - var(--vinyl-groove-w)),color-mix(in srgb,var(--vinyl-groove-ink) var(--vinyl-groove-alpha),transparent) calc(var(--vinyl-groove-pitch) - var(--vinyl-groove-w)) var(--vinyl-groove-pitch));-webkit-mask:radial-gradient(circle closest-side,transparent var(--vinyl-label),#000 calc(var(--vinyl-label) + .5px));mask:radial-gradient(circle closest-side,transparent var(--vinyl-label),#000 calc(var(--vinyl-label) + .5px))}.vinyl__sheen{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(from var(--vinyl-sheen-from),transparent 0deg,color-mix(in srgb,var(--vinyl-sheen-ink) var(--vinyl-sheen-alpha),transparent) var(--vinyl-sheen-spread),transparent calc(var(--vinyl-sheen-spread) * 2),transparent 180deg,color-mix(in srgb,var(--vinyl-sheen-ink) var(--vinyl-sheen-alpha),transparent) calc(180deg + var(--vinyl-sheen-spread)),transparent calc(180deg + var(--vinyl-sheen-spread) * 2),transparent 360deg)}}@media(prefers-reduced-motion:reduce){.vinyl__spin{transform:none!important}}.np__station{position:absolute;left:0;right:0;bottom:0;padding:var(--np-chip-pad);font-size:var(--fs-subtext);color:var(--title);background:color-mix(in srgb,var(--panel) var(--np-chip-strength),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-ui);pointer-events:none}.np__art:hover .np__station{opacity:1}.np__bottom{--np-bottom-gap: var(--space-2);display:grid;grid-template-columns:1fr auto 1fr;column-gap:var(--np-bottom-gap);row-gap:var(--space-2);align-items:center}.np__bottom .np__controls{grid-column:2;justify-self:center}.np__left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:var(--space-2)}.np__right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.np__bottom--stacked{grid-template-columns:auto 1fr auto;column-gap:0}.np__bottom--stacked .np__controls{grid-column:1 / -1;grid-row:1}.np--idle .np__aurora{display:none}[data-surface=mini]:not([data-mini=player]) .np__art{align-self:flex-start;width:var(--np-cover);height:var(--np-cover)}.np__bottom--stacked .np__left,.np__bottom--stacked .np__right{grid-row:2}.np__vol{display:none;align-items:center;gap:var(--space-2);margin-top:var(--np-vol-gap)}.np__vol .scrub{flex:1 1 auto}.np__vol-mute svg{fill:currentColor;stroke:none}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__vol{display:flex}.np__controls{display:flex;align-items:center;justify-content:center;gap:var(--transport-gap)}.np__btn{background:none;border:none;padding:0;display:grid;place-items:center;color:var(--title);cursor:pointer}.np__btn svg{width:var(--transport-size);height:var(--transport-size);display:block;fill:currentColor}.np__btn--play svg{width:calc(var(--transport-size) * 1.25);height:calc(var(--transport-size) * 1.25)}.np__meta{min-width:0;display:flex;flex-direction:column;gap:var(--np-meta-gap)}.np__line{display:flex;align-items:center;gap:var(--space-1);min-width:0}.np__line>.np__title{flex:0 1 auto;min-width:0}.np__line>.np__artist{flex:1 1 auto;min-width:0}.np__explicit{flex:0 0 auto;display:flex}.np__explicit:empty{display:none}.np__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--np-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np__artist{font-size:var(--fs-subtext);color:var(--np-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:calc(var(--fs-subtext) * var(--lh-text))}.np__live{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);letter-spacing:.08em;color:var(--stop)}.np--live .np__scrub .scrub__track,.np--live .np__scrub .scrub__handle{visibility:hidden}.np--live .np__scrub{pointer-events:none}.np--live .np__live{display:block}.np__btn[disabled]{opacity:.35;cursor:default}.np__album{display:none;font-size:var(--fs-subtext);color:var(--np-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:calc(var(--fs-subtext) * var(--lh-text))}.np__times{display:none;justify-content:space-between;font-size:var(--fs-subtext);color:var(--np-subtext);font-variant-numeric:tabular-nums}.np--live .np__times{visibility:hidden}:is([data-surface=max],[data-surface=mini][data-mini=player]) .panel[data-slot=np] .np{flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;container-type:inline-size}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__art{flex:0 1 auto;min-width:0;min-height:var(--np-cover);height:100cqw;width:auto;aspect-ratio:1;align-self:center;margin-block:auto;max-width:100%;font-size:var(--np-stage-glyph)}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__center{flex:0 0 auto}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__title{font-size:var(--fs-title)}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__album{display:block}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__times{display:flex}[data-surface=max] .np__summon{display:none}:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__aurora:before{left:50%;top:calc(var(--panel-pad) + 100cqw / 2);width:calc(100cqw * var(--album-aurora-reach))}body.tray{height:auto;overflow:hidden}.tray__head .app-title{cursor:pointer}.tray__source{flex:0 0 auto;margin-right:var(--space-2);padding:0 var(--space-2);font-size:var(--fs-subtext);color:var(--subtext);border:1px solid var(--border);border-radius:var(--radius-control);white-space:nowrap}.tray__body{flex:0 0 auto;padding-top:0}.tray__panel{gap:var(--space-2)}.tray__time{grid-column:3;justify-self:end;font-size:var(--fs-subtext);color:var(--subtext);font-variant-numeric:tabular-nums;white-space:nowrap}.tray__add.is-busy svg{animation:acct-spin var(--dur-spin) linear infinite}.tray__add[disabled]{opacity:.6;cursor:default}.tray__vol{display:flex;align-items:center;gap:var(--space-2)}.tray__vol .scrub{flex:1 1 auto}.tray__mute{flex:0 0 auto;width:var(--icon-lg);height:var(--icon-lg);display:grid;place-items:center;background:none;border:none;padding:0;color:var(--title);cursor:pointer}.tray__mute svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;display:block}html[data-boot-by=agent]{--motion-scale: var(--agent-motion)}.boot-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--canvas);opacity:0;pointer-events:none}html[data-boot] .boot-cover{opacity:1;animation:boot-safety-cover 0s calc(var(--boot-safety) * var(--motion-scale, 1)) forwards}html[data-boot=hold] .boot-cover{pointer-events:auto}html[data-boot] .bento .panel{opacity:0;transform:var(--boot-rise);animation:boot-safety-panel 0s calc(var(--boot-safety) * var(--motion-scale, 1)) forwards}html[data-boot=veil] .boot-cover{transition:opacity calc(var(--cover-in-dur) * var(--motion-scale, 1)) var(--cover-in-ease)}html[data-boot=veil] .bento .panel{opacity:1;transform:none;animation:none}html[data-boot=wait] .boot-cover{transition:background-color calc(var(--cover-in-dur) * var(--motion-scale, 1)) var(--boot-ease)}html[data-boot=lift] .boot-cover{opacity:0;pointer-events:none;transition:opacity calc(var(--boot-cover-out) * var(--motion-scale, 1)) var(--boot-ease),background-color calc(var(--cover-in-dur) * var(--motion-scale, 1)) var(--boot-ease)}html[data-boot=lift] .bento .panel{opacity:1;transform:none;animation:none;transition:opacity calc(var(--boot-dur) * var(--motion-scale, 1)) var(--boot-ease),transform calc(var(--boot-dur) * var(--motion-scale, 1)) var(--boot-ease)}html[data-boot=lift] .bento .panel[data-slot=left]{transition-delay:calc(var(--boot-stagger) * var(--motion-scale, 1))}html[data-boot=lift] .bento .panel[data-slot=right]{transition-delay:calc(var(--boot-stagger) * 2 * var(--motion-scale, 1))}html[data-boot=lift] .bento .panel[data-slot=queue]{transition-delay:calc(var(--boot-stagger) * 3 * var(--motion-scale, 1))}html[data-boot=lift] .bento .panel[data-slot=c]{transition-delay:calc(var(--boot-stagger) * 4 * var(--motion-scale, 1))}html[data-boot=lift] .bento .panel[data-slot=d]{transition-delay:calc(var(--boot-stagger) * 5 * var(--motion-scale, 1))}@keyframes boot-safety-cover{to{opacity:0;visibility:hidden}}@keyframes boot-safety-panel{to{opacity:1;transform:none}}[data-surface=max] .panel[data-slot=left][data-grow=wide],[data-surface=max] .panel[data-slot=right][data-grow=wide]{grid-area:1 / 2 / 2 / 4}[data-surface=max] .panel[data-slot=c][data-grow=wide],[data-surface=max] .panel[data-slot=d][data-grow=wide]{grid-area:2 / 2 / 3 / 4}[data-surface=max] .panel[data-slot=left][data-grow=tall],[data-surface=max] .panel[data-slot=c][data-grow=tall]{grid-area:1 / 2 / 3 / 3}[data-surface=max] .panel[data-slot=right][data-grow=tall],[data-surface=max] .panel[data-slot=d][data-grow=tall]{grid-area:1 / 3 / 3 / 4}[data-surface=max] .panel[data-grow=full]{grid-area:1 / 2 / 3 / 4}[data-surface=max] .stage>.panel[data-slot=queue][data-grow=tall]{grid-row:1 / 3}[data-surface=midi] .panel[data-grow=wide]{grid-area:2 / 1 / 3 / 3}[data-surface=midi] .panel[data-slot=left].is-covered{grid-area:2 / 1 / 3 / 2}[data-surface=midi] .panel[data-slot=right].is-covered{grid-area:2 / 2 / 3 / 3}.bento .panel.is-grown{z-index:2}.bento .panel.is-covering{opacity:0;transition:opacity var(--grow-dur) var(--grow-ease)}.bento .panel.is-uncovering{opacity:1;transition:opacity var(--grow-dur) var(--grow-ease)}.bento .panel.is-covered{visibility:hidden}.panel.is-grow-rebuild>:not(.panel__head){opacity:0}.panel.is-grow-rows>:not(.panel__head){animation:grow-body-in var(--grow-body-fade) var(--ease-ui) both}.panel.is-grow-rows{--pop-stagger: var(--grow-rows-stagger)}@keyframes grow-body-in{0%{opacity:0}}.grow-zone{position:absolute;z-index:4;cursor:pointer;--zone-reach: calc(var(--panel-gap) / 2)}.grow-zone[hidden]{display:none}.grow-zone[data-reach=full]{--zone-reach: var(--panel-gap)}.grow-zone[data-reach=edge]{--zone-reach: calc(var(--panel-gap) - var(--grow-zone-resize-inset))}.grow-zone[data-side=right]{left:100%;margin-left:var(--panel-border-width);top:0;bottom:0;width:var(--zone-reach)}.grow-zone[data-side=left]{right:100%;margin-right:var(--panel-border-width);top:0;bottom:0;width:var(--zone-reach)}.grow-zone[data-side=down]{top:100%;margin-top:var(--panel-border-width);left:0;right:0;height:var(--zone-reach)}.grow-zone[data-side=up]{bottom:100%;margin-bottom:var(--panel-border-width);left:0;right:0;height:var(--zone-reach)}.grow-zone__bar{position:absolute;background:var(--grow-zone-bar);border-radius:var(--grow-zone-bar-radius);box-shadow:var(--grow-zone-bar-glow);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.grow-zone--left .grow-zone__bar{left:var(--grow-zone-bar-gap);top:var(--grow-zone-bar-trim);bottom:var(--grow-zone-bar-trim);width:var(--grow-zone-bar-w)}.grow-zone--right .grow-zone__bar{right:var(--grow-zone-bar-gap);top:var(--grow-zone-bar-trim);bottom:var(--grow-zone-bar-trim);width:var(--grow-zone-bar-w)}.grow-zone--top .grow-zone__bar{top:var(--grow-zone-bar-gap);left:var(--grow-zone-bar-trim);right:var(--grow-zone-bar-trim);height:var(--grow-zone-bar-w)}.grow-zone--bottom .grow-zone__bar{bottom:var(--grow-zone-bar-gap);left:var(--grow-zone-bar-trim);right:var(--grow-zone-bar-trim);height:var(--grow-zone-bar-w)}.grow-zone:hover .grow-zone__bar{opacity:1}.grow-zone[data-act=collapse] .grow-zone__bar{background:var(--subtext)}.grow-zone[data-act=collapse]:hover .grow-zone__bar{opacity:.7}.grow-btns{position:absolute;top:50%;left:calc(var(--grow-btn-left, 0px) + var(--grow-btn-gap));transform:translateY(-50%);display:flex;gap:var(--space-1);z-index:3}.grow-btn{width:var(--icon-lg);height:var(--icon-lg);padding:0;display:grid;place-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--title);cursor:pointer}.grow-btn:hover{filter:brightness(.97)}.grow-btn[hidden]{display:none}.grow-btn[disabled]{opacity:.6;cursor:default}.grow-btn svg{width:var(--icon-sm);height:var(--icon-sm);display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.grow-btn--pin.is-on{background:var(--title);color:var(--surface);border-color:var(--title)}.lib-view[data-cols] .lib-row--cols{display:grid;grid-template-columns:var(--cols-template);column-gap:var(--space-2);align-items:center}.lib-row__cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-text);color:var(--subtext)}.lib-row--cols .lib-row__title{color:var(--text)}.lib-row--cols .lib-row__artist{font-size:var(--fs-text)}.lib-row__cell--end{text-align:end;font-variant-numeric:tabular-nums}.lib-row__cell--center{text-align:center}.lib-row--cols .lib-row__num{text-align:end;font-variant-numeric:tabular-nums}.lib-row__title .lib-src-badge{display:inline-block;vertical-align:-.15em;margin-left:var(--space-1)}.lib-row__heart-mark{width:var(--icon-sm);height:var(--icon-sm);fill:var(--title);vertical-align:middle}.lib-cols{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:var(--cols-template);column-gap:var(--space-2);align-items:center;padding:var(--space-1) var(--space-2);background:var(--sticky-bar-surface);-webkit-backdrop-filter:var(--sticky-bar-backdrop);backdrop-filter:var(--sticky-bar-backdrop);border-bottom:1px solid var(--border)}.lib-cols__cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:var(--fs-subtext);color:var(--subtext);background:none;border:0;padding:0;text-align:start}button.lib-cols__cell{cursor:pointer;display:inline-flex;align-items:center;gap:2px}button.lib-cols__cell:hover,.lib-cols__cell.is-active{color:var(--title)}.lib-cols__cell--end{text-align:end;justify-content:flex-end}.lib-cols__cell--center{text-align:center;justify-content:center}.lib-cols__arrow{flex:0 0 auto;width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.coll-pane:has(>.lib-rail) .lib-view{margin-right:var(--grow-rail-w)}.lib-rail{position:absolute;right:0;bottom:0;width:var(--grow-rail-w);display:grid;grid-template-rows:repeat(27,minmax(0,1fr));align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.lib-rail__letter{min-height:0;width:100%;padding:0;border:0;background:none;font-family:var(--font-body);font-size:var(--grow-rail-fs);line-height:1;font-weight:600;color:var(--rail-ink);cursor:pointer;border-radius:var(--radius-control);transition:color var(--dur-fast) var(--ease-ui)}.lib-rail__letter:hover{color:var(--rail-ink-lit);background:var(--surface-hover)}.lib-rail__letter.is-lit{color:var(--rail-ink-lit)}.lib-rail__letter.is-empty{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.bento .panel.is-covering,.bento .panel.is-uncovering{transition:none}.panel.is-grow-rows>:not(.panel__head){animation:none}}.panel.is-drill-swap{overflow:hidden}.panel.is-drill-swap>.panel__body,.panel.is-drill-swap>.coll-body{will-change:transform}.drill-swap__ghost{position:absolute;pointer-events:none;margin:0}.hint{position:fixed;top:0;left:0;z-index:95;pointer-events:none;box-sizing:border-box;max-width:var(--hint-max-w);padding:var(--hint-pad-y) var(--hint-pad-x);border-radius:var(--hint-radius);border:var(--panel-border-width) solid var(--panel-border);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);box-shadow:var(--shadow-panel);font-size:var(--hint-fs);line-height:var(--lh-text);opacity:0;transform:translateY(var(--hint-shift));transition:opacity var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.hint[hidden]{display:none}.hint.is-on{opacity:1;transform:none}.hint.hint--over{z-index:105}.hint__title{display:block;color:var(--title);overflow-wrap:anywhere}.hint__sub{display:block;color:var(--subtext);font-size:var(--fs-subtext);overflow-wrap:anywhere}.hint__sub[hidden]{display:none}.hint__credit{display:block;margin-top:var(--hint-credit-gap);color:var(--subtext);font-size:var(--fs-subtext);overflow-wrap:anywhere}.hint__credit[hidden]{display:none}.hint--row{max-width:var(--hint-row-max-w)}@media(prefers-reduced-motion:reduce){.hint{transition:none;transform:none}}.toast-host{position:fixed;top:calc(var(--toast-top, var(--titlebar-h)) + var(--space-2));left:var(--space-4);right:var(--space-4);display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--space-2);z-index:90;pointer-events:none;--toast-in: translateX(var(--toast-shift))}:is([data-surface=max],[data-surface=mini][data-mini=player]) .toast-host{top:calc(var(--titlebar-h) + var(--space-2))}.toast{pointer-events:auto;box-sizing:border-box;width:100%;max-width:var(--toast-w);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-left:var(--toast-stripe) solid var(--toast-accent, var(--panel-border));border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-2) var(--space-3);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);font-weight:var(--fw-text);line-height:var(--lh-text);animation:toast-in var(--dur-med) var(--ease-ui) both}.toast--success{--toast-accent: var(--go)}.toast--warn{--toast-accent: var(--pause)}.toast--error{--toast-accent: var(--stop)}.toast--out{opacity:0;transform:var(--toast-in);transition:opacity var(--dur-med) var(--ease-ui),transform var(--dur-med) var(--ease-ui);pointer-events:none}.toast__text{margin:0;overflow-wrap:anywhere}.toast__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.toast__btn{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);font-family:inherit;font-size:var(--fs-subtext);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui)}.toast__btn:hover{background:var(--surface-hover)}.toast__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.toast__bar{height:var(--toast-bar);margin-top:var(--space-2);background:var(--toast-accent, var(--subtext));transform-origin:left;animation-name:toast-bar;animation-timing-function:linear;animation-fill-mode:both}.toast:hover .toast__bar{animation-play-state:paused}@keyframes toast-in{0%{opacity:0;transform:var(--toast-in)}}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast--out{transform:none;transition:none}}.walk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none}.walk__stop{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:var(--walk-card-gap);transition:left var(--walk-travel) var(--ease-ui),top var(--walk-travel) var(--ease-ui)}.walk__pair{display:flex;align-items:flex-end;gap:var(--walk-pair-gap)}.walk__sprite{background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;transform-origin:50% 100%;flex:none}.walk__deets{width:calc(var(--walk-deets-w) * var(--walk-scale));height:calc(var(--walk-deets-h) * var(--walk-scale));background-size:auto calc(var(--walk-deets-h) * var(--walk-scale))}.walk__happy{width:calc(var(--walk-happy-w) * var(--walk-scale));height:calc(var(--walk-happy-h) * var(--walk-scale));background-size:auto calc(var(--walk-happy-h) * var(--walk-scale))}.walk__stop[data-move=walk][data-way=right] .walk__sprite{transform:scaleX(-1)}.walk__stop[data-move=walk] .walk__sprite{animation:walk-cycle var(--walk-cycle) steps(var(--walk-frames)) infinite}.walk__deets{background-image:var(--walk-deets-idle)}.walk__happy{background-image:var(--walk-happy-sit)}.walk__stop[data-move=walk] .walk__deets{background-image:var(--walk-deets-walk)}.walk__stop[data-move=walk] .walk__happy{background-image:var(--walk-happy-walk)}@keyframes walk-cycle{to{background-position-x:calc(-1 * var(--walk-frames) * var(--walk-frame-w) * var(--walk-scale))}}.walk__card{pointer-events:auto;position:relative;box-sizing:border-box;width:var(--walk-card-w);max-width:100%;background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-left:var(--toast-stripe) solid var(--title);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--walk-card-pad);color:var(--text);font-family:var(--font-body);font-size:var(--fs-subtext);font-weight:var(--fw-text);line-height:var(--lh-text);animation:walk-card-in var(--dur-med) var(--ease-ui) both}.walk__card:before{content:"";position:absolute;left:var(--walk-point-x, var(--space-3));width:0;height:0;border-left:calc(var(--walk-point) / 2) solid transparent;border-right:calc(var(--walk-point) / 2) solid transparent}.walk__stop[data-point=up] .walk__card:before{bottom:100%;border-bottom:var(--walk-point) solid var(--border)}.walk__stop[data-point=down] .walk__card:before{top:100%;border-top:var(--walk-point) solid var(--border)}.walk__stop[data-point=none] .walk__card:before{content:none}.walk__stop[data-tuck="1"] .walk__card{display:none}.walk__stop[data-tuck=msg]{flex-direction:row;align-items:flex-end}.walk__stop[data-tuck=msg] .walk__card{width:auto;max-width:var(--walk-card-w);margin-bottom:var(--walk-card-gap)}.walk__stop[data-tuck=msg] :is(.walk__step,.walk__actions){display:none}.walk__step{display:block;margin:0 0 var(--space-1);color:var(--subtext);font-size:var(--fs-small, var(--fs-subtext));font-variant-numeric:tabular-nums}.walk__text{margin:0;overflow-wrap:anywhere}.walk__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.walk__btn{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);font-family:inherit;font-size:var(--fs-subtext);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui)}.walk__btn:hover{background:var(--surface-hover)}.walk__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.walk__btn--skip{border-color:transparent;color:var(--subtext)}.walk__btn--skip:hover{color:var(--text)}.walk__btn--next{animation:walk-card-in var(--dur-med) var(--ease-ui) both}.walk-target{position:relative;z-index:96;animation:walk-target var(--walk-cycle) var(--ease-ui) infinite alternate}@keyframes walk-card-in{0%{opacity:0;transform:translateY(var(--hint-shift, 3px))}}@keyframes walk-target{to{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.walk__stop{transition:none}.walk__stop[data-move=walk] .walk__sprite,.walk__card,.walk__btn--next{animation:none}.walk-target{animation:none;outline:var(--focus-ring-w) solid var(--title)}}.qcard{--qcard-label-spacing: .06em;display:flex;flex-direction:column;gap:var(--space-3);height:100%;overflow:hidden}.qnow{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--surface-hover);border-radius:var(--radius-control)}.qnow--idle{opacity:var(--qcard-idle-dim)}.qnow--loading .qnow__art{opacity:var(--qcard-loading-dim)}.qnow__art{flex:0 0 auto;width:var(--qcard-now-art);height:var(--qcard-now-art);border-radius:var(--radius-control);object-fit:cover;display:block;background:var(--surface)}.qnow__art--empty{display:grid;place-items:center;color:var(--subtext)}.qnow__text{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.qnow__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qnow__artist{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qcard__label{font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:var(--qcard-label-spacing);padding:0 var(--space-1)}.qcard__list{list-style:none;margin:0;padding:0;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;position:relative}.qcard__list::-webkit-scrollbar{width:var(--scrollbar-w)}.qcard__list::-webkit-scrollbar-track{background:transparent}.qcard__list::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}.qcard__list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.qrow{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.qrow:hover{background:var(--surface-hover);transform:var(--hover-lift)}.qrow--station{cursor:default}.qrow--station:hover{transform:none}.qrow--station .qrow__art{border-radius:50%}.qrow:focus-visible,.qrow.is-context,.qnow.is-context{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}.qrow__art{flex:0 0 auto;width:var(--lib-row-art);height:var(--lib-row-art);border-radius:var(--lib-row-art-radius);object-fit:cover;display:block;background:var(--surface)}.qrow__art--empty{display:grid;place-items:center;color:var(--subtext);font-size:var(--fs-subtext)}.qrow__text{min-width:0;display:flex;flex-direction:column}.qrow__title{font-size:var(--fs-text);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow__artist{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow__meta{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:var(--space-1);color:var(--subtext);font-size:var(--fs-subtext)}.qrow__time{font-variant-numeric:tabular-nums}.qrow__skip{display:inline-flex;opacity:var(--disabled-alpha)}.qrow__skip svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor}.qcard__more,.qcard__empty{color:var(--subtext);font-size:var(--fs-subtext);padding:var(--space-2);text-align:center}.rewind__pills{flex:0 0 auto}.rewind__pills .lib-ctrl{flex:1 1 0}.rewind__make{flex:0 0 auto;width:auto;white-space:nowrap}.rewind__board{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.rewind__meta{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rewind--round .qnow__art,.rewind--round .qrow__art{border-radius:50%}.set{display:flex;flex-direction:column;gap:var(--set-section-gap)}@property --set-thumb{syntax: "<color>"; inherits: true; initial-value: transparent;}.panel__body.set{scrollbar-gutter:stable;--set-thumb: transparent;transition:--set-thumb var(--dur-med) var(--ease-ui)}.panel__body.set.is-scrollable{--set-thumb: var(--scrollbar)}.panel__body.set::-webkit-scrollbar-thumb{background:var(--set-thumb)}.panel__body.set.is-scrollable::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@media(prefers-reduced-motion:reduce){.panel__body.set{transition:none}}.set__section{display:flex;flex-direction:column;gap:var(--space-1)}.set__head{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);letter-spacing:.08em;text-transform:uppercase;color:var(--subtext);padding:0 var(--space-2) var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.set__fold{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:0;background:none;border:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-align:left;cursor:pointer}.set__fold:hover{color:var(--text)}.set__fold:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.set__head.is-collapsed .lib-shelf__chev{transform:rotate(-90deg)}.set__sub-head{padding:var(--space-2) var(--space-2) 0;font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);letter-spacing:.08em;text-transform:uppercase;color:var(--subtext)}.set__sub-head:first-of-type{padding-top:0}.set__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:none;border:none;width:100%;text-align:left}.set__row--toggle{cursor:pointer}.set__row--toggle:hover{background:var(--surface-hover)}.set__row--toggle:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.set__row--choice{flex-wrap:wrap;min-height:var(--set-row-h)}.set__label{min-width:0;flex:1 1 auto}.set__row--sub{padding-left:calc(var(--space-2) * 2);color:var(--subtext)}.set__row--group .set__label{text-decoration:underline;text-decoration-thickness:var(--focus-ring-w);text-underline-offset:var(--space-1)}.set__row--range{min-height:var(--set-row-h)}.set__range{flex:0 1 var(--set-range-w);min-width:0}.set__range:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off);border-radius:var(--set-pill-radius)}.set__range-val{flex:0 0 var(--set-range-val-w);text-align:right;font-size:var(--fs-subtext);color:var(--subtext);font-variant-numeric:tabular-nums}.set__dot{width:1em;text-align:center;color:var(--title)}.set__row--toggle{min-height:var(--set-row-h)}.set__row--toggle[aria-checked=true] .set__dot:after{content:"•"}.set__split{display:inline-flex;align-items:stretch;max-width:100%;margin-left:auto;border:1px solid var(--border);border-radius:var(--set-pill-radius);overflow:hidden}.set__split>*+*{border-left:1px solid var(--border)}.set__menu-wrap{display:flex;min-width:0}.set__half{min-width:0;font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--subtext);background:none;border:none;padding:var(--set-pill-pad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.set__half:hover{background:var(--surface-hover);color:var(--title)}.set__half[aria-pressed=true],.set__half--toggle[aria-checked=true]{color:var(--title);background:var(--surface-hover)}.set__half[aria-expanded=true]{background:var(--surface-hover)}.set__half:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-w))}.set__caret{margin-left:var(--space-1)}.set__menu{position:fixed;margin-top:var(--space-1);min-width:var(--set-menu-min-w);max-height:var(--set-menu-max-h);overflow-y:auto;background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-1);z-index:100}.set__menu[hidden]{display:none}.set__menu-row{width:100%;min-height:var(--set-row-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);text-align:left;white-space:nowrap;cursor:pointer}.set__menu-row:hover{background:var(--surface-hover)}.set__menu-row:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.set__menu-row[aria-checked=true] .set__dot:after{content:"•"}.set__row.is-flash{animation:set-flash var(--set-flash-dur) var(--ease-ui)}@keyframes set-flash{0%{background:var(--surface-hover);box-shadow:inset 0 0 0 var(--focus-ring-w) var(--title)}to{background:transparent;box-shadow:inset 0 0 0 var(--focus-ring-w) transparent}}@media(prefers-reduced-motion:reduce){.set__row.is-flash{animation-timing-function:steps(1,end)}}.set__status{padding:var(--space-1) var(--space-2);font-size:var(--fs-subtext);color:var(--subtext)}.set__tip{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.set__tip-what{font-size:var(--fs-subtext);color:var(--subtext)}.set__action{cursor:pointer}.set__action:hover{background:var(--surface-hover)}.set__field{display:flex;margin:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control)}.set__input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:var(--fs-text)}.set__input::placeholder{color:var(--subtext)}.set__textarea{min-height:var(--set-textarea-min-h);resize:vertical}.set__preview{margin:var(--space-1) var(--space-2);max-height:var(--set-preview-max-h);overflow:auto;padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--fs-subtext);color:var(--subtext);white-space:pre-wrap;word-break:break-all}.set__link{color:var(--title);-webkit-user-select:text;user-select:text;word-break:break-all}.set__group{margin:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-control);overflow:hidden}.set__group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border);font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:.06em}.set__group-scroll{max-height:var(--set-log-max-h);overflow-y:auto;scrollbar-gutter:stable}.set__group-scroll .set__row+.set__row{border-top:1px solid var(--border)}.set__group .set__row{border-radius:0}.set__group .set__row+.set__row{border-top:1px solid var(--border)}.set__tag{margin-left:var(--space-1);padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--set-pill-radius);font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap}.set__new{margin-left:var(--space-1);color:var(--title)}.compass{position:absolute;top:100%;left:var(--panel-edge-gap);right:var(--panel-edge-gap);--compass-drop: var(--np-drop, 0px);margin-top:calc(var(--space-1) + var(--compass-drop));max-height:var(--compass-max-h);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;display:flex;flex-direction:column;padding:var(--space-1);background:var(--menu-surface);-webkit-backdrop-filter:var(--menu-backdrop);backdrop-filter:var(--menu-backdrop);border:1px solid var(--border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-body);font-size:var(--fs-text);z-index:20}.compass[hidden]{display:none}[data-surface=max] .compass{--compass-drop: 0px;left:calc(var(--np-right, 0px) + var(--panel-gap))}[data-surface=mini][data-mini=player] .compass{--compass-drop: 0px}.compass__chips{display:flex;padding:var(--space-3) var(--space-2) 0}.compass__chips .set__split{margin-left:0}.compass__n{color:var(--subtext);font-size:var(--fs-subtext)}.set__half[aria-pressed=true] .compass__n{color:inherit}.compass__field{position:sticky;top:0;display:flex;align-items:center;gap:var(--space-2);min-height:var(--compass-field-h);padding:0 var(--space-2);background:var(--menu-surface);border-bottom:1px solid var(--border);z-index:1}.compass__mark{display:inline-flex;width:var(--compass-icon);height:var(--compass-icon);color:var(--title);flex:none}.compass__mark svg,.compass__glyph svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.compass__input{flex:1 1 auto;min-width:0;height:var(--compass-field-h);padding:0;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:var(--fs-text)}.compass__input::placeholder{color:var(--subtext)}.compass__side{flex:none;font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap}.compass__group{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-subtext);color:var(--subtext);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-2) var(--space-1)}.compass__list{display:flex;flex-direction:column}.compass__row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--compass-row-h);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);cursor:pointer}.compass__row.is-active{background:var(--surface-hover);outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-w))}.compass__glyph{display:inline-flex;width:var(--compass-icon);height:var(--compass-icon);color:var(--subtext);flex:none}.compass__row.is-active .compass__glyph{color:var(--title)}.compass__text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.2}.compass__title,.compass__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compass__sub{font-size:var(--fs-subtext);color:var(--subtext)}.compass__ctl{flex:none;margin-left:auto}.compass__ctl--active{display:none}.compass__row.is-active .compass__ctl--active{display:flex}.compass__row.is-active .compass__side--rest{display:none}.compass__row.is-disabled{opacity:.55;cursor:default}.compass__empty{padding:var(--space-3) var(--space-2);color:var(--subtext);font-size:var(--fs-subtext)}.compass__btn{width:var(--compass-btn-size);height:var(--compass-btn-size);margin-left:var(--space-2);padding:0;border:none;background:none;color:var(--subtext);cursor:pointer;display:grid;place-items:center;transition:color var(--dur-fast) var(--ease-ui)}.compass__btn:hover,.compass__btn[aria-expanded=true]{color:var(--title)}.compass__btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.compass__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.compass__btn svg{transform:rotate(var(--compass-angle, 0deg));transition:transform var(--compass-spin)}@media(prefers-reduced-motion:reduce){.compass__btn svg{transition:none}}