@charset "UTF-8";@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")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(./Baloo2-Var-latin-B_TVFhwJ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(./Baloo2-Var-latinext-Dz43yst_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(./Quicksand-Var-latin-Buj9m_3d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(./Quicksand-Var-latinext-CrJ75Ewg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./PixelifySans-Var-latin-Cbhn5ptY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./PixelifySans-Var-latinext-CsF3XSp0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paint-dewy-lilac: #E0DCF0;--paint-dusk-plum: #39255F;--paint-violet-ink: #463F5F;--paint-lavender-ink: #575071;--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-ink: #594430;--paint-tan-ink: #685737;--paint-olive-leaf: #6B8E4E;--paint-terracotta: #A8432F;--paint-amber-glow: #D4A017;--paint-parchment-light: #FBF6EE;--paint-parchment-tint: #EFE6D6;--paint-deep-slate: #1A2436;--paint-moon-bright: #DFECFC;--paint-moon-mid: #BFCEE5;--paint-moon-dim: #A4B6CE;--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-deep-forest: #0C3D1C;--paint-moss-ink: #3B4C32;--paint-sage-ink: #4E5C41;--paint-fern: #4C9A46;--paint-foxglove: #B04A6E;--paint-chartreuse-white: #F4F8E3;--paint-chartreuse-tint: #EAF1D0;--paint-siren: #FF4D45;--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;--paint-dark-steel: #242426;--paint-dark-steel-floor: #161617;--paint-gold-leaf: #E8C773;--paint-blackened-steel: #231F20;--paint-blackened-floor: #141213;--paint-blue-steel: #2B3340;--paint-blue-steel-floor: #1A202A;--paint-lilac-aluminum: #DEDCE6;--paint-lilac-aluminum-floor:#C4C1CF;--paint-green-aluminum: #DBDFD6;--paint-green-aluminum-floor:#C3C9BD;--paint-champagne-bronze: #DDCFB4;--paint-champagne-floor: #C5B492;--paint-brass: #3A3019;--paint-brass-floor: #2C2414;--paint-brass-gold: #F2D488;--paint-brass-cream: #F7EED8;--paint-brass-sand: #E8DBB6;--paint-moon-steel-text: #E4ECF7;--paint-moon-steel-subtext: #C8D4E6;--paint-anodized-red: #FF8A80;--paint-anodized-red-subtext:#E9A79F;--paint-lilac-metal-subtext: #484260;--paint-green-metal-text: #32412A;--paint-green-metal-subtext: #3E4B34;--paint-sky-day: #5FA8E0;--paint-sky-day-low: #CDE9F8;--paint-sky-dawn: #8AA9D6;--paint-sky-dawn-low: #FFC79A;--paint-sky-dusk: #4D4C99;--paint-sky-dusk-low: #FF8C5A;--paint-sky-night: #0C1430;--paint-sky-night-low: #2A3768;--paint-bubble-ink: #2B2620}: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: light-dark(var(--paint-amber-glow), var(--paint-hazard));--rule-chip-rule: light-dark(var(--paint-forest), var(--paint-fern));--rule-chip-hand: light-dark(var(--paint-blood), var(--paint-siren));--updates-lit: var(--new-badge);--updates-bad: var(--stop);--net-good: color-mix(in srgb, var(--go) var(--net-good-strength), transparent);--net-ok: color-mix(in srgb, var(--pause) var(--net-ok-strength), transparent);--net-bad: var(--stop);--net-none: color-mix(in srgb, var(--subtext) var(--sound-grid-strength), transparent);--split-rule: color-mix(in srgb, var(--subtext) var(--split-rule-strength), transparent);--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);--np-band: color-mix(in srgb, light-dark(var(--title), var(--canvas)) var(--np-band-strength), transparent);--np-band-ink: light-dark(var(--canvas), var(--title));--np-band-sub: color-mix(in srgb, var(--np-band-ink) var(--np-band-sub-strength), transparent);--np-listen-fill: var(--panel);--np-listen-ink: var(--title);--np-listen-sub: var(--subtext);--glint: light-dark(rgba(255, 255, 255, .85), rgba(255, 255, 255, .65));--metal-edge: light-dark(rgba(0, 0, 0, .22), rgba(255, 255, 255, .12));--metal-edge-hi: light-dark(rgba(255, 255, 255, 1), rgba(255, 255, 255, .16));--metal-edge-lo: light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .6));--metal-contact: rgba(0, 0, 0, .3);--metal-cast: rgba(0, 0, 0, .16);--metal-sheen-hi: rgba(255, 255, 255, .38);--metal-sheen-lo: rgba(0, 0, 0, .24);--sky-day: var(--paint-sky-day);--sky-day-low: var(--paint-sky-day-low);--sky-dawn: var(--paint-sky-dawn);--sky-dawn-low: var(--paint-sky-dawn-low);--sky-dusk: var(--paint-sky-dusk);--sky-dusk-low: var(--paint-sky-dusk-low);--sky-night: var(--paint-sky-night);--sky-night-low: var(--paint-sky-night-low);--bubble-ink: var(--paint-bubble-ink)}[data-theme=lilac]{--metal: var(--paint-lilac-aluminum);--metal-floor: var(--paint-lilac-aluminum-floor);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-dusk-plum);--text: var(--paint-violet-ink);--subtext: var(--paint-lavender-ink);--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]{--metal: var(--paint-green-aluminum);--metal-floor: var(--paint-green-aluminum-floor);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-deep-forest);--text: var(--paint-moss-ink);--subtext: var(--paint-sage-ink);--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]{--metal: var(--paint-champagne-bronze);--metal-floor: var(--paint-champagne-floor);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-ink);--subtext: var(--paint-tan-ink);--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]{--metal: var(--paint-blue-steel);--metal-floor: var(--paint-blue-steel-floor);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-moon-bright);--text: var(--paint-moon-mid);--subtext: var(--paint-moon-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]{--metal: var(--paint-dark-steel);--metal-floor: var(--paint-dark-steel-floor);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]{--metal: var(--paint-blackened-steel);--metal-floor: var(--paint-blackened-floor);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);--picked: color-mix(in srgb, var(--title) calc(var(--picked-strength) * .64), transparent);--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-hook-material=metal][data-theme=black-yellow]{--title: var(--paint-gold-leaf)}[data-hook-material=metal][data-theme=moonlight]{--text: var(--paint-moon-steel-text);--subtext: var(--paint-moon-steel-subtext)}[data-hook-material=metal][data-theme=black-red]{--title: var(--paint-anodized-red);--subtext: var(--paint-anodized-red-subtext)}[data-hook-material=metal][data-theme=lilac]{--subtext: var(--paint-lilac-metal-subtext)}[data-hook-material=metal][data-theme=green]{--text: var(--paint-green-metal-text);--subtext: var(--paint-green-metal-subtext)}[data-hook-material=metal][data-theme=sepia]{color-scheme:dark;--metal: var(--paint-brass);--metal-floor: var(--paint-brass-floor);--title: var(--paint-brass-gold);--text: var(--paint-brass-cream);--subtext: var(--paint-brass-sand);--border: rgba(243, 231, 201, .14);--panel-border: rgba(243, 231, 201, .28);--scrollbar: rgba(233, 196, 106, .26);--scrollbar-hover: rgba(233, 196, 106, .46);--traffic-glyph: rgba(0, 0, 0, .6)}[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: var(--lib-pill-radius);--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);--sleep-title-tracking: var(--room-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-away-dur: 1.6s;--room-fig-stagger: 40ms;--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-art-inset: var(--space-half);--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);--clip-gain-db: -6;--clip-duck-db: 6;--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);--updates-btn-size: var(--traffic-size);--updates-fly: .5s cubic-bezier(.34, 1.26, .64, 1);--updates-fly-y: -22px;--updates-center: 3.5px;--updates-bar-h: 2px;--updates-bar-w: 70%;--updates-bar-gap: 3px;--updates-bar-rise: 3px;--updates-bar-in: .36s var(--ease-ui);--updates-bar-fill: .2s linear;--updates-panel-w: var(--quick-panel-w);--updates-panel-max-h: var(--quick-panel-max-h);--updates-panel-pad: var(--quick-panel-pad);--updates-lead-gap: var(--space-1);--updates-ver-fs: var(--fs-text);--updates-ver-gap: 2px;--updates-ver-bar-w: 120px;--updates-roll: .42s cubic-bezier(.34, 1.26, .64, 1);--updates-roll-y: 22px;--rewind-top-btn-size: var(--traffic-size);--rewind-top-flip: var(--compass-spin);--rewind-top-panel-w: var(--quick-panel-w);--rewind-top-panel-pad: var(--quick-panel-pad);--rewind-top-chip-radius: var(--sound-chip-radius);--rewind-top-title-tracking: var(--room-title-tracking);--rewind-top-fold-bg: var(--web-fold-bg);--rewind-top-fold-lh: var(--web-fold-lh);--rewind-top-chip-w: 88px;--rewind-top-today-fs: var(--fs-title);--rewind-top-list-max-h: 320px;--net-btn-size: var(--traffic-size);--net-drive: var(--updates-roll);--net-drive-x: var(--updates-roll-y);--net-panel-w: var(--quick-panel-w);--net-panel-max-h: var(--quick-panel-max-h);--net-panel-pad: var(--quick-panel-pad);--net-title-fs: var(--updates-ver-fs);--net-head-gap: 3px;--net-cell-h: 10px;--net-cell-gap: 1px;--net-cell-radius: 1px;--net-good-strength: 60%;--net-ok-strength: 85%;--pin-btn-size: var(--traffic-size);--pin-turn: var(--compass-spin);--pin-rest: 45deg;--pin-held: 90deg;--pin-set: 0deg;--pin-panel-pad: var(--quick-panel-pad);--pin-tile-w: 96px;--pin-panel-w: calc(2 * var(--pin-tile-w) + var(--space-2) + 2 * var(--pin-panel-pad) + 2px);--pin-tile-radius: var(--sound-chip-radius);--pin-pic-size: 28px;--pin-cover-inset: var(--space-2);--pin-cover-fade: var(--dur-fast);--split-rule-strength: 45%;--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);--rule-chip-size: var(--icon-md);--rule-chip-pad: calc(var(--rule-chip-size) / 8);--mark-dot: calc((var(--rule-chip-size) - 2 * var(--rule-chip-pad)) * 10 / 24);--new-badge-size: var(--mark-dot);--new-badge-off: -1px;--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-reset-w: 56px;--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: 296px;--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: var(--room-title-tracking);--web-fold-bg: var(--sound-fold-bg);--web-fold-lh: var(--sound-status-lh);--web-icon-stroke: 1.8;--web-top-btn-size: var(--traffic-size);--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-fly-max-w: calc(var(--menu-min-w) * 2.6);--ctx-divider-gap: var(--space-1);--home-split-w: 1px;--home-split-gap: var(--space-2);--menu-search-w: calc(var(--menu-min-w) * 2.3);--menu-results-max-h: calc(var(--lib-row-art) * 8);--menu-grow-dur: var(--pop-in);--menu-grow-ease: var(--pop-ease);--menu-result-art: var(--lib-row-art);--menu-quick-size: var(--lib-pop-dir-size);--menu-quick-icon: var(--icon-sm);--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;--unreleased-opacity: var(--credit-flat-opacity);--suggest-less-opacity: var(--unreleased-opacity);--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%;--toast-floor-room: 104px;--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;--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;--wallpaper-anchor-share: .6;--wallpaper-anchor-rise: .3;--wallpaper-tile-dur: .9s;--wallpaper-tile-ease: cubic-bezier(.4, 0, .2, 1);--wallpaper-tile-scale: 1.04;--wallpaper-fade-dur: .8s;--wallpaper-fade-ease: ease;--wallpaper-blur: 28px;--wallpaper-diffusion-max: 20px;--wallpaper-bleed: 48px;--wallpaper-canvas-dim: 15;--ambient-fps: 30;--ocean-display: none;--ocean-water-top: var(--canvas);--ocean-water-bottom: var(--canvas);--ocean-deep: linear-gradient(to bottom, var(--ocean-water-top), var(--ocean-water-bottom));--ocean-swell-ink: var(--border);--ocean-trough: .35;--ocean-trough-light: .12;--ocean-roll-far: 90;--ocean-roll-mid: 90;--ocean-roll-near: 100;--ocean-bob-far: 13;--ocean-bob-mid: 11;--ocean-bob-near: 9;--ocean-bob-amp-far: 1px;--ocean-bob-amp-mid: -2px;--ocean-bob-amp-near: 3px;--ocean-heave-far: 1.5px;--ocean-heave-mid: 5px;--ocean-heave-near: 10px;--ocean-breath-dur: 1.1s;--ocean-breath-ease: cubic-bezier(.37, 0, .63, 1);--ocean-glow: .28;--ocean-glow-fade: 2.4s;--ocean-light-glow: .7;--ocean-light-reach: 35%;--ocean-neon-pulse: .35;--ocean-ripple-size: 520px;--ocean-ripple-flat: .32;--ocean-ripple-dur: 3.4s;--ocean-ripple-gap: .35s;--ocean-ripple-alpha: .5;--ocean-ripple-ease: cubic-bezier(.2, .6, .35, 1);--panel-paint: var(--panel);--panel-blend: normal;--app-canvas-color: transparent;--app-canvas-blend: normal;--control-paint: none;--control-paint-size: auto;--control-blend: normal;--control-shadow: none;--accent-sheen: none;--accent-sheen-blend: normal;--accent-sheen-size: auto;--metal-texture: none;--metal-texture-fine: none;--metal-tex-panel: none;--metal-tex-floor: none;--metal-tex-control: none;--metal-size: 480px;--metal-size-fine: 240px;--sand-display: none;--sand-reach: 0px;--sand-tile: 128px;--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-listen-pad: var(--np-chip-pad);--np-listen-strength: var(--np-chip-strength);--np-listen-radius: var(--radius-control);--np-listen-line-gap: var(--space-1);--np-listen-edge: color-mix(in srgb, var(--np-listen-ink) 18%, transparent);--np-listen-inset: var(--space-2);--np-listen-gap: var(--space-3);--np-title-scroll-rate: 40;--np-title-scroll-delay: .35s;--np-title-scroll-back: var(--dur-med);--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-swap-dur: .4s;--vinyl-swap-ease: ease-in-out;--vinyl-swap-travel: 110%;--vinyl-swap-fade: 0;--cover-swap: none;--zoetrope-run: .5;--zoetrope-turn: 58;--zoetrope-scale: .6;--zoetrope-fade: 0;--zoetrope-dim: 1;--zoetrope-stagger: 0;--zoetrope-leave-ease: ;--zoetrope-leave: ;--zoetrope-lead: 0;--zoetrope-rise: .35;--zoetrope-perspective: 900px;--zoetrope-perspective-per-cover: 2.25;--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);--nudge-dur: var(--pop-in);--nudge-ease: var(--pop-ease);--nudge-scale: .86;--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;--set-usage-w: 320px;--set-usage-max-h: 420px;--rulez-cell-radius: var(--lib-pill-radius);--rulez-cell-pad: var(--space-1) var(--space-2);--rulez-row-h: var(--set-row-h);--rulez-gap: var(--space-1);--rulez-block-line: 2px;--rulez-lead-w: var(--icon-md);--rulez-idle-opacity: var(--unreleased-opacity);--rulez-name-max-w: 16em;--rulez-fold-dur: var(--dur-med);--rulez-fold-ease: var(--ease-ui);--filter-pop-w: 340px;--filter-pop-max-h: min(70vh, 560px);--filter-chip-radius: var(--sound-chip-radius);--filter-chip-min-w: var(--sound-pill-min-w);--filter-gap: var(--rulez-gap);--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;--album-fade-delay: 0s;--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;--scrub-bob-amp: 1.5px;--scrub-lens-ring-w: 1.5px;--scrub-glow-min: 1.5px;--scrub-glow-max: 5px;--scrub-glow-held: 3px;--scrub-flicker-dur: .12s;--slider-release-hold: .3s;--scrub-lens-glint-blur: 1.5px;--scrub-lens-shadow-blur: 2px;--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-pop-dir-size: 26px;--uc-listen-art: 48px;--lib-refresh-status-w: 200px;--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%;--artist-info-gap: var(--space-5);--artist-info-col-gap: var(--space-4);--artist-info-row-gap: var(--space-4);--artist-info-fold-dur: .24s;--artist-info-slide: var(--nav-dur);--artist-info-slide-ease: var(--nav-ease);--artist-info-about-lines: 4;--artist-info-about-lh: 1.4;--artist-info-row-min: 100px;--artist-info-pad: var(--space-3);--artist-info-radius: var(--radius-control);--artist-info-tags-w: 200px;--artist-info-dot: 6px;--present-pad: var(--space-5);--present-gap: var(--space-5);--present-count-gap: calc(var(--space-5) * 2);--present-num: clamp(40px, 11cqi, 128px);--present-roll-dur: 1.2s;--present-roll-ease: cubic-bezier(.33, 1, .68, 1);--present-in-delay: calc(var(--grow-dur) * .4);--notes-gap: var(--space-3);--notes-measure: 68ch;--notes-short-fs: var(--fs-title);--notes-lh: var(--lh-text);--lib-stuck-h: 0px;--sticky-bar-surface: var(--panel);--section-rule-w: 1px;--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;--ob-page-above: translateY(-100%);--ob-page-below: translateY(100%);--ob-hi-size: calc(var(--fs-title) * 2.4);--ob-cards-behind: hidden;--paint-pinned: 0;--pin-attach: fixed;--pin-x: 0px;--pin-y: 0px;--pin-w: 100%;--pin-h: 100%;--ob-thumb-h: 88px;--ob-thumb-gap: var(--space-half);--ob-thumb-radius: calc(var(--panel-radius) * .3);--ob-switch-w: 4em;--ob-look-w: 112px;--ob-preview-w: 260px;--ob-letter-measure: var(--notes-measure);--ob-look-h: 72px;--drill-wait: .3s;--drill-out-by: .55;--drill-in-from: .3;--drill-title-at: .12;--memory-wait: .4s;--reveal-cap: 1.5s;--reveal-span: .5s;--search-reveal-cap: .8s;--search-reveal-span: .15s;--art-in: var(--pop-in);--art-in-from: .3;--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-at: .4;--grow-collapse-dur: .24s;--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-mark: var(--icon-lg);--grow-col-num-digit: 1ch;--grow-col-year: 3.4em;--grow-col-plays: 3.6em;--player-dur: var(--grow-dur);--player-ease: var(--grow-ease);--player-rows-at: .4;--player-collapse-dur: var(--grow-collapse-dur);--player-art-wait: .25s;--full-wide-w: 356px;--full-history-w: var(--max-stage-w);--full-stack-room: 220px;--full-stack-band: 24px;--fp-cover-share: 1;--fp-meta-below: 0;--player-stack-move: fade;--np-band-pad: var(--space-4);--np-band-strength: 78%;--np-band-sub-strength: 72%;--np-band-fade: 48px;--np-shade-pad: var(--space-2);--np-shade-soft: 24px;--np-shade-radius: var(--radius-control);--np-close-inset: var(--space-2);--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;--theme-morph-dur: .5s;--theme-morph-ease: ease-in-out;--theme-morph-hand-ease: ease-out;--theme-morph-hand-wait: .4;--np-album-text: 0;--search-pin-size: var(--icon-sm);--search-artist-w: 72px;--search-artist-art: 64px;--search-song-col-w: 170px;--search-busy-size: 6px;--search-pulse-dur: .9s;--dur-fast: .12s;--dur-med: .18s;--dur-spin: .7s;--ease-ui: ease;--pulse-ease: ease-in-out;--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-scroll-edge: 28px;--drag-scroll-speed: 540;--drag-source-opacity: .4;--drop-line-w: 2px;--hold-ms: .4s;--hold-swell: 1.015;--tile-art: 96px;--diary-new-size: calc(var(--tile-art) * 1.5);--diary-top-gap: var(--space-4);--diary-top-fit: clamp(var(--tile-art), calc((100cqw - var(--diary-top-gap)) / 2), var(--diary-new-size));--diary-morph-dur: calc(var(--nav-dur) * 1.4);--diary-morph-ease: var(--nav-ease);--diary-score-w: 5ch;--diary-num-w: 2ch;--diary-note-min-h: var(--set-textarea-min-h);--diary-foot-note-min-h: calc(var(--set-textarea-min-h) * .75);--diary-foot-note-floor: calc(var(--fs-text) * var(--lh-text) * 2 + var(--space-1) * 2);--diary-foot-note-share: 20cqh;--diary-foot-note-max-h: 50cqh;--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%;--flyout-ring-w: var(--focus-ring-w);--flyout-account-w: 200px;--spinner-w: 2px;--caret-size: 8px;--radius-round: 999px;--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);--split-pill-radius: var(--radius-control);--split-pill-pad: var(--action-text-pad);--split-pill-fs: var(--action-text-fs);--split-pill-weight: var(--action-text-weight);--split-pill-dim: .6;--split-pill-busy-dur: var(--search-pulse-dur);--view-leave-dur: var(--dur-fast);--set-locked-dim: var(--split-pill-dim);--space-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--hook-scrub: none;--hook-material: none;--hook-sea: none;--hook-record: none;--hook-wallpaper: none;--hook-scene: none;--scene-floor: 0px;--scene-grass: none;--scene-grass-h: 0;--scene-grass-feet: 0;--scene-sun: none;--scene-sun-rays: none;--scene-moon: none;--scene-cloud-1: none;--scene-cloud-2: none;--scene-cloud-3: none;--scene-sun-inset: 2;--scene-sun-away-dur: calc(var(--dur-med) * 2);--scene-sun-back-dur: calc(var(--dur-med) * 5);--scene-titlebar-halo: none;--scene-cloud-over: .12;--scene-ray-turn: 150s;--scene-ray-pulse-dur: 5s;--scene-ray-dim: .65;--scene-cloud-trip: 240s;--scene-far-clouds: 9;--scene-edge-clouds: 4;--scene-bob: 2px;--scene-bob-dur: 7s;--scene-sky-fade-dur: 60s;--bubble-pad: var(--space-1);--bubble-gap: var(--space-1);--bubble-hold-dur: 1.6s;--card-opacity: 100;--font-skin: var(--font-body);--pet-sit: none;--pet-idle: none;--pet-walk: none;--pet-run: none;--pet-push-head: none;--pet-stand-up: none;--pet-stand-up-w: 0;--pet-stand-push: none;--pet-stand-push-w: 0;--pet-run-ball: none;--pet-drop-ball: none;--pet-keep-ball: none;--friend-idle: none;--friend-idle-w: 0;--friend-throw: none;--friend-throw-w: 0;--friend-watch: none;--friend-watch-w: 0;--friend-walk: none;--friend-walk-w: 0;--pet-ball: none;--bubble: none;--bubble-slice: 0;--bubble-tail: none;--bubble-tail-w: 0;--bubble-tail-h: 0;--scrub-ball: none;--scrub-ball-px: 0;--scrub-ball-frames: 1;--scrub-ball-roll: 0;--vinyl-swap-delay: 0s;--vinyl-swap-in-travel: 1;--title-tracking: initial;--font-caps: initial;--fw-caps: initial;--caps-tracking: initial;--caps-grow: initial;--caps-figures: initial;--action-text-ink: initial;--sand-reach-min: initial;--sand-reach-max: initial;--canvas-go: initial;--canvas-stop: initial;--canvas-pause: initial;--glass-glow: initial;--glass-dim: initial;--glass-light: initial;--glass-frost-sat: initial;--glass-frost-layer: initial;--glass-frost-paint: initial;--glass-frost-ground: initial;--glass-frost-glow: initial;--glass-frost-go: initial;--glass-frost-stop: initial;--glass-frost-pause: initial;--glass-backlight-paint: initial;--metal-peek-cover-inset: initial;--metal-peek-dim: initial;--metal-drum-back: initial;--metal-peek-cover-w: initial;--metal-peek-cover-h: initial;--metal-cover-shadow: initial;--metal-cover-rim: initial;--metal-perspective: initial;--metal-slot-h: initial;--metal-slot-radius: initial;--metal-slot-shadow: initial;--metal-wheel-w: initial;--metal-wheel-h: initial;--metal-wheel-radius: initial;--metal-wheel-pitch: initial;--metal-wheel-roll: initial;--metal-wheel-lift: initial;--metal-wheel-shadow: initial;--metal-badge-in: initial}[data-skin=vanilla]{--title-underline: underline;--title-underline-w: 1px;--title-underline-offset: 5px;--scroller-layer: scroll-position}[data-skin=press]{--hook-scrub: nib;--hook-record: on;--sound-curve-w: 1.5px;--sound-graph-radius: 0px;--sound-fill-strength: 10%;--sound-grid-dash: 2 3;--lib-row-h: 49px;--scroller-layer: scroll-position;--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;--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;--player-dur: .34s;--player-ease: var(--pop-ease);--player-rows-at: .4;--player-collapse-dur: .24s;--player-stack-move: slide;--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]{--hook-scrub: float;--hook-sea: on;--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, color-mix(in srgb, var(--surface), black 18%) calc(var(--ocean-card-opacity, 100) * 1%), transparent);--np-listen-fill: color-mix(in srgb, var(--surface), black 18%);--sticky-bar-backdrop: blur(10px);--panel-border-width: 0;--shadow-card: 0 0 8px 1px var(--border), 0 12px 32px rgba(0, 0, 0, .16);--grow-clip-pad: 44px;--player-dur: .34s;--player-ease: var(--pop-ease);--player-rows-at: .4;--player-collapse-dur: .24s;--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-water-top: color-mix(in srgb, var(--canvas), var(--border) 10%);--ocean-water-bottom: color-mix(in srgb, var(--canvas), black 22%);--ocean-swell-ink: light-dark(color-mix(in srgb, var(--border) 80%, var(--title)), color-mix(in srgb, var(--border) 55%, 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}@keyframes ocean-roll{to{transform:translate(var(--roll-dist, 0px))}}@keyframes ocean-ripple{0%{opacity:var(--ocean-ripple-alpha);transform:scale(.06)}to{opacity:0;transform:scale(1)}}@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]{--hook-scrub: lens;--hook-wallpaper: on;--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;--paint-pinned: 1;--aurora-drift: none;--canvas-go: var(--go);--canvas-stop: var(--stop);--canvas-pause: var(--pause);--glass-frost-ground: oklch(from var(--canvas) l calc(c * var(--glass-frost-sat)) h);--glass-frost-go: oklch(from var(--canvas-go) l calc(c * var(--glass-frost-sat)) h);--glass-frost-stop: oklch(from var(--canvas-stop) l calc(c * var(--glass-frost-sat)) h);--glass-frost-pause: oklch(from var(--canvas-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: 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;--player-dur: .34s;--player-ease: var(--pop-ease);--player-rows-at: .4;--player-collapse-dur: .24s;--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;--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;--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(--canvas-go) min(100%, 50% * var(--glass-glow)), transparent), color-mix(in srgb, var(--canvas-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(--canvas-stop) min(100%, 44% * var(--glass-glow)), transparent), color-mix(in srgb, var(--canvas-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(--canvas-pause) min(100%, 38% * var(--glass-glow)), transparent), color-mix(in srgb, var(--canvas-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-skin=glass] :is(.panel,.grow-shell__fill){--glass-frost-layer: calc(-1 * var(--aurora-slack) - var(--pin-x)) calc(var(--titlebar-h) - var(--aurora-slack) - var(--pin-y)) / calc(var(--pin-w) + 2 * var(--aurora-slack)) calc(var(--pin-h) - var(--titlebar-h) + 2 * var(--aurora-slack)) no-repeat var(--pin-attach);--glass-frost-paint: var(--glass-frost-glow), var(--wallpaper-soft, linear-gradient(transparent, transparent)) calc(var(--wallpaper-x, 0px) - var(--pin-x)) calc(var(--wallpaper-y, 0px) - var(--pin-y)) / var(--wallpaper-w, var(--pin-w)) var(--wallpaper-h, var(--pin-h)) no-repeat var(--pin-attach), var(--glass-frost-ground);--glass-frost-glow: 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);--panel-paint: var(--glass-backlight-paint), var(--glass-frost-paint)}[data-skin=glass][data-glass-fancy=on] :is(.panel,.grow-shell__fill){--panel-paint: var(--glass-backlight-paint)}[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);--paint-pinned: 0}[data-skin=glass][data-wallpaper]:not([data-glass-fancy=on]){--glass-dim: calc(var(--wallpaper-canvas-dim) / 100 * .9)}[data-skin=cyber]{--hook-scrub: bolt;--player-dur: .34s;--player-ease: var(--pop-ease);--player-rows-at: .4;--player-collapse-dur: .24s;--player-stack-move: slide;--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;--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;--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}[data-skin=metal]{--hook-scrub: wheel;--hook-material: metal;--font-title: "Bahnschrift", "Segoe UI Variable Display", "Segoe UI", sans-serif;--font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--fw-title: 600;--title-tracking: -.005em;--font-caps: "Bahnschrift SemiCondensed", "Bahnschrift", "Segoe UI Variable Display", sans-serif;--fw-caps: 600;--caps-tracking: .1em;--caps-grow: .5px;--caps-figures: tabular-nums;--panel-radius: 4px;--radius-panel: 4px;--radius-control: 2px;--lib-pill-radius: 2px;--lib-pop-radius: 4px;--lib-tile-radius: 2px;--lib-row-art-radius: 1px;--scrollbar-radius: 1px;--set-pill-radius: 2px;--grow-zone-bar-radius: 1px;--sound-fader-knob-radius: 2px;--panel-border-width: 1px;--panel-border: var(--metal-edge);--panel: var(--metal);--border: var(--metal-edge);--surface: light-dark(color-mix(in srgb, var(--metal), white 40%), color-mix(in srgb, var(--metal), white 3%));--surface-hover: light-dark(color-mix(in srgb, var(--metal), white 62%), color-mix(in srgb, var(--metal), white 9%));--picked-strength: 5%;--action-text-ink: var(--text);--vol-fill-strength: 20%;--canvas: var(--metal-floor);--panel-paint: var(--metal-texture), linear-gradient(180deg, color-mix(in srgb, var(--metal), white 5%), var(--metal) 45%, color-mix(in srgb, var(--metal), black 5%));--panel-blend: overlay, normal;--canvas-bg: var(--metal-texture-fine);--canvas-bg-size: var(--metal-size-fine) var(--metal-size-fine);--app-canvas-color: var(--canvas);--app-canvas-blend: overlay;--control-paint: var(--metal-texture-fine);--control-paint-size: var(--metal-size-fine) var(--metal-size-fine);--control-blend: overlay;--control-shadow: inset 0 1px 0 var(--metal-edge-hi), inset 0 -1px 0 var(--metal-edge-lo), 0 1px 1px var(--metal-cast);--accent-sheen: var(--metal-texture-fine), linear-gradient(160deg, var(--metal-sheen-hi), transparent 42%, var(--metal-sheen-lo));--accent-sheen-size: var(--metal-size-fine) var(--metal-size-fine), auto;--accent-sheen-blend: overlay, normal;--shadow-card: inset 0 1px 0 var(--metal-edge-hi), inset 0 -1px 0 var(--metal-edge-lo), 0 1px 0 var(--metal-contact), 0 4px 10px var(--metal-contact);--shadow-panel: 0 1px 0 var(--metal-contact), 0 6px 14px var(--metal-contact), inset 0 1px 0 var(--metal-edge-hi);--vinyl-swap-dur: .56s;--vinyl-swap-ease: cubic-bezier(.65, 0, .35, 1);--theme-morph-dur: .01s;--album-fade-dur: 0s;--album-fade-delay: 0s;--metal-peek-cover-w: .72;--metal-peek-cover-h: .9;--metal-peek-cover-inset: calc((1 - var(--metal-peek-cover-h)) * 50%) calc((1 - var(--metal-peek-cover-w)) * 50%);--metal-peek-dim: brightness(.7) saturate(.9);--metal-cover-shadow: 0 2px 4px var(--metal-contact), 0 8px 18px var(--metal-cast);--metal-cover-rim: inset 0 0 0 1px color-mix(in srgb, white 16%, transparent), inset 0 1px 0 color-mix(in srgb, white 22%, transparent);--metal-perspective: var(--zoetrope-perspective);--metal-slot-h: 6px;--metal-slot-radius: 1px;--metal-wheel-w: 10px;--metal-wheel-h: 18px;--metal-wheel-radius: 3px;--metal-wheel-pitch: 3px;--metal-wheel-roll: 30;--metal-wheel-lift: 1.08;--metal-slot-shadow: inset 0 1px 2px color-mix(in srgb, black 65%, transparent), 0 1px 0 var(--metal-edge-hi);--metal-wheel-shadow: 0 1px 2px color-mix(in srgb, black 50%, transparent), inset 0 0 0 1px color-mix(in srgb, black 35%, transparent);--metal-badge-in: .3s}[data-skin=metal][data-metal-peek]:is([data-surface=max],[data-surface=mini][data-mini=player]){--zoetrope-run: .26;--zoetrope-turn: 30;--zoetrope-scale: .86;--zoetrope-fade: 1;--zoetrope-dim: .7;--metal-drum-back: calc(var(--metal-perspective) - var(--metal-perspective) / var(--zoetrope-scale));--zoetrope-stagger: .14;--zoetrope-leave: .24;--zoetrope-lead: .06;--zoetrope-rise: 0;--zoetrope-leave-ease: cubic-bezier(.15, .85, .25, 1);--vinyl-swap-ease: cubic-bezier(.2, 1.12, .3, 1);--vinyl-swap-dur: .72s;--np-listen-inset: calc(14% + 6px) }[data-skin=metal]:is([data-theme=lilac],[data-theme=green]){--fw-caps: 650}[data-skin=metal][data-metal-cover=zoetrope]{--cover-swap: zoetrope;--album-fade-delay: .3s;--fp-meta-below: 1}[data-skin=metal][data-metal-material=acrylic]{--panel-radius: 6px;--radius-panel: 6px;--panel-blend: overlay, normal;--control-blend: overlay;--metal-edge-hi: light-dark(color-mix(in srgb, white 55%, transparent), color-mix(in srgb, white 6%, transparent))}[data-skin=metal][data-metal-baked]{--panel-paint: var(--metal-tex-panel), linear-gradient(180deg, color-mix(in srgb, var(--metal), white 5%), var(--metal) 45%, color-mix(in srgb, var(--metal), black 5%));--panel-blend: normal;--canvas-bg: var(--metal-tex-floor);--app-canvas-blend: normal;--control-paint: var(--metal-tex-control);--control-blend: normal}[data-skin=happy]{--hook-scene: on;--hook-scrub: ball;--cover-swap: pet;--font-title: "Baloo 2", "Segoe UI Variable Display", system-ui, sans-serif;--font-body: "Quicksand", "Segoe UI Variable Text", system-ui, sans-serif;--font-skin: "Pixelify Sans", "Quicksand", ui-monospace, monospace;--fw-title: 700;--fw-text: 500;--fw-subtext: 500;--panel: color-mix(in srgb, var(--surface) calc(var(--card-opacity) * 1%), transparent);--sticky-bar-backdrop: blur(10px);--scene-grass: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAARCAYAAAAVBKQtAAABpklEQVR4nO1XwW3DMAx09MwGHqIo0F+AbtBJOlEnyQYF8itQdAhv0G8LPRSotHg8MVZtxz4gCCCJxxN5sq2u27F4vLw+/rTiDmzCliI0zJGz5V7SrzYOxXtrlLgCSojGtDhrnBUsczKmtLg9DUC5tYZYupimMrVm+oLiIw6ayIjz2+chjqf/fFwjTHOST+NI/DmXXCt5SjmRPkvPuZAf1UXTVcrB1MLiQLWw5uQ+5fqRwOHr2PUP39RmkQAJi5flYgzg4ZWoNQEyIXNA5FysV0JeN7QfLQbhTyMlAWMGRohHGCoAYwAt3qOlBjn/x/ulqDUfK61/ej6NGpy05uvRuDYn93wtXInAMoM2psVLEZqbkZbSRtj1rLZB4fPoRuZjdDOo5co1jU6+J6F3M4x5lox+wibOpSN4AmWMN3ket4RC1mKNmiVCi/dgbRHvoZBrxfUJEI0wtxl2+GB9vyEE9iRObY7dbP9TL+vpGqYiqhXsvWJuFYNxM/GCNkAtGMO0fvdvwWDDjbevZgZYAvaPS7suqzHAFk7zJq+B93ya+xtr27o3kf8XlVav541NAakAAAAASUVORK5CYII=);--scene-grass-h: 17;--scene-grass-feet: 6;--scene-floor: calc((var(--scene-grass-h) - var(--scene-grass-feet)) * var(--scene-px, 2) * 1px);--scene-sun: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABSklEQVR4nO2ZMQ7DIAxFMeopqswde5ZMPWSnnqWj56jXSKdWAhVsXAccyNsqFfjfBkPAuYODsQHtDtfHdc0OOD9Vx4StBZMC5v8Mgbrwy5RviIuqEVART4lmmgGBCWgiXNEIiMRrCc8Y4ZrwZsRHfXOLgzcjXmjiJOk44HwLf7/u7C6zYyWqVUx2nn0j8Et8LDxGwwgu5HrwW21QmqwZLfQilkSf+x8Kxprz1qNPacpnoEbVoSA0sPYBy3hRK06F0ahCEgPZ0tmKy5RcB/yNLBXhLTayAuQGGgmOGXQRG8K7nePdzvGuNwPwOboyz+NVwPSxur8M9GUADUwjXMoNaN9fagAJTfQUapkFpMdOGrCUBZB81AcNW2QB6RuJsipU0wTyxyINBBGoYQLL7kdZGahmAssvd8e5Xu/igaObJ6YuHvmsPLMeHIzOG2GplO3g0mOLAAAAAElFTkSuQmCC);--scene-sun-rays: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAABg0lEQVR4nO3cwZHCMAxAUSuzdVAHpVECpVEHjYjhwAxkOUQ4kqX4v9NeFluKHGLjuDUAmJe0pPR+ub3+ltP13JJaRnegOhLYiQRmTKDeL7f3e9honv1xrUBNkETvPrgPYR2YxIi2XRIoCR87vPq0eHdYTtfziCp8tvneB692/poz/TF5ewRddgh/S0JkFUbOYngOrEAH3QOj2wSA2YjlhpxxhjH6MWixJG+GbzY1xmiqwI9/PFg16o8xSu+VkeKJXA9X6+1K9mhQiiZx6MjKtuo8exwAAAAAAET5txqzZWJddfVlC2v8/LDeiQQCAAAAADDZlgjtjKNrc1H15a09YlmsV2rdgBRN3tO3WKwVyQZL7w2W6w+uXHFbWOM1LagePXmzxAgApSivu/YnT4PfWI+aaob8LqwHmDMPP3hHAp+vIs9qOPTOBAm4aJK5+rTzMyJGgNvhY5JsSlTu8DFN8JJ2RNuuZ2dJgir07kPaM1SrnKN66G/hCCSwEwnsRAIBtIk9ACWg+7XpNgjMAAAAAElFTkSuQmCC);--scene-titlebar-halo: drop-shadow(1px 0 0 var(--canvas)) drop-shadow(-1px 0 0 var(--canvas)) drop-shadow(0 1px 0 var(--canvas)) drop-shadow(0 -1px 0 var(--canvas)) drop-shadow(0 0 var(--space-half) color-mix(in srgb, var(--canvas) 70%, transparent));--scene-moon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAA/ElEQVR4nO1YOwrDMAx1RXdNnQKdcoDe/xQ9QKeCp046QUqgQxpaW5Yt2Q5+kCEQyU9PH6w4NzDQOeh1X9ZHy/9JYrQnhJebyA8HSY5/KYWK5FZAy+TYBDVrLJvgP3IW6kUJ1lQuSjBEzkq9pCapBWg1tX0r2DRBaii9fSp4CIJkWAbgGgdIDa1UPHM/9M/H1/t0nTX4lE0xGagIuRcBUiZZpEnIemmSHogK1zAoeRAJV9CQDbuLJQdiJFBOMFkO/Gf05I6cUCAgNdzORb+bkaXIsbpYc/9Ahm+QOtqmdRKkmBt4laGMCVkp8vOIC0m5ZNcXRcha7tADA04Bb3E3celkBGAvAAAAAElFTkSuQmCC);--scene-cloud-1: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYCAYAAAC8/X7cAAAAxElEQVR4nO2WTRLCMAiFgQvoXi9Q73+WeoG6ryeg46IzjhPTV0IaWn1reHwk5Ifor7Zib0NV1WxBZteavBV4rUakBbw1p0oDJSDq0ITLDrSUlCR7rKAWevBWs2oVLxx2iQyPMEhkeIRFosMvMf32LRSygX4Yw41Pju14O7A3Ce1cQkdUP4y6Vq8cJA+N+9S3yyX5z5iDu8sJavj+eJoWqlvpf7ueGRqhORABezdPFUh5W/0poWxB9E1AwGv5SymYFd7LfwLHYPjYosqblwAAAABJRU5ErkJggg==);--scene-cloud-2: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAgCAYAAACxSj5wAAABHklEQVR4nO2XQRLCIAxFCeNe93oBe/+z1AvoXk8QhwUznTotpPktCHmrLkr5eQSGOmcYGsgdADNzzntEdEgeCVSDmJpF+drkaMei2WWlGFRg7KSSWxT+QS68+mhJ1JKcPUTtdgaVBrVYvsXuQdJsB6EWrWlBCEmn3reQWhB3KiZCvcuhxHXA9ywnp87mD2mtJN9z9+TUbB2UkPQjaHy+u+ueNayDEpigxA4yQQlM0D8Kerw+rup/sRDwfj3Disz91nRMfNbm0EJLBxVSkJThdqHpYSkVvDV7GB/mzhKknSgQJ8u9W83Dae5k0uzzzJHFP9mtkh4LE2mQCpZmX8u8WsQoaPPplkLK2QIyd7KQUdjmpeWgcxNqwqESMXO0ub9KJ7yr0UQgtgAAAABJRU5ErkJggg==);--scene-cloud-3: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAoCAYAAAAmPX7RAAABsElEQVR4nO2aQXLDIAxFUSb7dN9eILn/WewLpPv2BHSy8AzjYiywJKzw3yqTqWXyH8LgKQXHxBijRB0iouAUGlncO4i8BGdoydOurYUrgRYBR2cSrz1uyg3J45JmjWlArbP7JdK6M8jJ5DEZpLdlaS3xzCuG+g29yjuCpUjVTcyI8qx/t9pMGVWedTe6OkYAI4HoPrss0IHOJYoLRPfZgg40QmtiQ6BzRAVOzx8cHYypPqPgGdfO/P0b7p830XMj+48hzhauSNYSCnn2cDPfFQh5/eBkXxQIef3Zc4BjhHM2BaL7zkPJBTrQOVmBOJCfjy0n6EDndPm3Qok3Gi/uO281autJ1rTCXQemYc/JZ4l6HnElcAn78fVB6Xdzg4T1dUvN1nq9oK0HpvRSwnmRW7p2IZUnseEq1TsyXo381mMtCtR6xtTUXV+X+wGtImtqtY5XOj+2QOkuXGZPa7eUwtbkyHg18qvehUosBbnljxtML3FS45XOL0cxoKNLaan1R2AyyK+4C013Zho3f3ceBvldpQ/Pnrbglmjlx+4OyV3eiExK+V00hEDef5AfCDn+AJ8pMEZP4DbBAAAAAElFTkSuQmCC);--pet-sit: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABN0lEQVR4nGNgGAUDDBhJ1bC2IeI/PvnghhUkmclETcuJVUOWA9aSYDApahkJKehP8wYbJifFC+YHN6xg+P//P8O6xkgUdUH1yxkYGRlBloP5j559BtOFs7Yykh0C/VDLMVzNyEiUGD4z4PoYiLQcFgLIABQaIADzNTKAhQAM4AoJJoYBBiyUaMbmc1IBEzmaYEFPSIxmIbC2IQLDQnJDg4UsXUgWcryEZMcfDMtpGwWP0FI1tdQy4pPElYexZUl8FuMrjBgJuZCQY3ABQiXgoCkHmEYdwEAkwJXwKFXLNBoFDCPdASykKEZOXOilHikJDxkwEqNocWXwfy52VhSxbz9/o/Cxyce2r2WkOAoWVwaTVASTqpeJYYAB06BPhPcffwLTvFxsKOLotR16bfn52y+iHDDgIQAA89VnFo1AbsgAAAAASUVORK5CYII=);--pet-idle: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA70lEQVR4nGNgGAWjYIABIzGKNjQk/McmHtCwgJGmDljbEIHVYmQQ3LCCIkcwMVAIiHEkRQ4IbljBEFS/HEP80bPPYEwpYCJGESMjaigjW0ypI1iQOXLSCuDg7E+1gIutbYigyAKSHEBr0J/mDU8vhbO2MmI4ANnn9AJM+BIfPQAjGv8/MXGPnvDkpHhJshS57GBBliA2wYEspEYWBAGKS0JyAHIIMJKikVoOQnYAEykaqRXsFNUFj6jsCCaqmjbqAFpHQSG0/KYEoDdgGMkxBD074moVEaOOiWGAAdOoAxhGehSwkKOJ2OKYGHUDHgIAy8xM/zWRmPEAAAAASUVORK5CYII=);--pet-walk: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAACVElEQVR4nO2av2rDMBDGT6WlUMgLpBD6GHmHLKFesgS6xLvHLq22jN49FVqol0CWTH2Yggue2qWG0KaDO8XITpzcOVakSPqNjuz7Pt1F/2wAh8PhcDgcNsJUC8Aw53f5tutD/nQS+g9Fpn/UA1QlYMZHW+OKeDyWXgQm+995s+oEYOLL1GCD/7OmN67BimyKx2O4fXzduJ6kGSRpJjM0ilP3v7cAdEgAY+UCF+PK1mC6/3OsgBkfSREg0ru+yQEAwkm/uCbGVYXJ/ksFoGsC2iL0B8VwHUSLjXnTRv+oEUC2iOI3oeNNY1/xAajxX1oDhJO+NknweHz0mDb6rx0BPB4fffgTTVNiU1fimG2TLf6rHVE8aJeA6sKn1+1Q4tcmIPTnea+Lq3xRQ1vxwUL/pREg9OeAEdDrdqRtgZJ0BEE0ZAC7K5tqGoON/otKCP15DgBF8H0CDqHpyVVberbFt9V/MQKIxrc1bFNAU5I0k/LPB7DXP+koWIejV5UaTPRPfhegQyeoxDT/B78Mcpw2rgAs56QKoO4IlcIxPiCRhQz/5AeG/iA/ZCXaRgKqq/G6Z2LbUTDNP/llUBAtmMoEqMY0/+Qp4PneQ+2Fq+aXv3/UUFqC9YXtJ9WQCsAl36zkAxAKwCXfvOQDEApgPJ2h5q/qPHd1eUHVpCVYX9h+0gXSFDCeztj7x/fedh6P2fqjySTN4PPrp7FAncD6wvaTDpB3AQ8vb0z8vKmOIFqU2rXZIdjjWBnHtlhf2H5qQpv+pR4EBdGCZcsVZMuVzDBHZ+3JBF//2UvObt70Rb0AAAAASUVORK5CYII=);--pet-run: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAAAgCAYAAABEmHeFAAAAL0lEQVR4nO3BMQEAAADCoPVPbQo/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgM4GYCAAARdaylMAAAAASUVORK5CYII=);--pet-push-head: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAABkklEQVR4nO2YPW4CMRCFbbRtLhCkVY6RO6SJlAY6mtBzA+cE9KlS0mxEw4VS5AI0NNGiRcpqg7yxjT2eAb+vAe3fs5/eztqjFAAAAAAAAAAAAEpBuy7YmkVrO/5sPpz3gnio/R99SGNmVuEhL2aDEBCRy/+oAKQahNTqs2XUz+V/5Xi4attWfb7N/xz/+t6ffuv7uyCx9fKpn9TqfecM3486jJ4PnbivtgT9nP5PXDdpra3i5/9z4/uGXLu+Jva/rwD19OE0ofXrY3+yMTPFRer0S9evmfz/9xNA9Sb4ls8u/UMTztNPqS1B34fYMfQBGCYvN9zVpxZQ/bj8n4yVP+lQfwI49XP6X9lES0m/FH1O/6tQ0S75lKv/zgjuxWfDoM/lfxWyOPndR6Yuf5zVR4I+p//Ru4AUcFefRkj140BEAHy3RoQVSHPqc+LsBILbJigAvj1sqkZIrH5sE2Z15fq2MegU3aexifleB30+//EJKBwEoHAQgMJBAAoHASicixpBvt0wqq4Z9PfJfEIFUGVzBALgImxSnK5HAAAAAElFTkSuQmCC);--pet-stand-up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAwCAYAAADab77TAAACxklEQVR4nO2aPU7DMBTHHejAwgVAijgGd+iCyFI2Frr3BIQTeIeFjS5BLNyBY6BIcAEWFhTkKinGdRKnfn6O4/eTIiBCyUv+78svZowgCIIgCIIgCIIg4iHxbUDsvOTXle78Rf4Iog0J7IkiX2iFlcnytbU+B7YXIPw6QR8ksEeyfM0ub592zpefX5sDAhLYM0nyPwvLwkKIPLO+AmFEenq2Sbf85nx7rsgXzDUUwROHIhgJOXIxoQh20LmaNFdYUAS3iHzIjkAHDrKoGLWXxT7oSOumR1B+vCdt0Qsl9JDMIHfP6cmx1cAjSoGL+mWvHt52aqOItKqq2PPd1fYcdDTLNpiyr8hRp2je0vjI4gp+2Df4vRvBXNf8ZIwDcsdUNnUQYj4sYyrwvvc9GGqMOIRH6w6MDtSWIl9sjiGdLNTY0AfgKVqIDO3lvlJj6UBYvpxXTfM0ynUwxoAcg6zHCdVnEX+P2XFBBx2uB+S+KTXPsLp/DU7c3hTta0CORZavE199Q+NErlO112VSU498RkhmUJNd2iaEdinybIwDcmwKRHHV68lO7rUGYw7IMeGaF9xElPjZLA1ZoPR5Z2VSe9WmZGjK8dWdcklcE5td2ClsMLm3/I6HZJXOFG3aUAkDQ+6eU0OHbCI5pOVSp8Dqg3SlKqyFOxTcovaNfZgjg/YJbKwpOrVwTAi7TW1AmUWrhJyWIbJOCM2X9ZadUEUuRiKO69JGe7ImTpQCF5roFTUulMZpCNEJXLSIq/sdA9clzkpgiDGe76jJNPc3tcm37SgfG4TIalS0Pbjp/7mCL+eV6XC/70tTCOJGu+murNNiVwbC6rIn/bkQm1UtqIjkfcuL68gV11enbDalMCqBTV9YXyMWEtF10X1MSVwBCdyzbAlZXLAUbbqWG/tYk9e1z/U2GrnGqu8EeocHRTD7Q67NoW6TVfkFG9Bq6IYpYpEAAAAASUVORK5CYII=);--pet-stand-up-w: 40;--pet-stand-push: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAwCAYAAACWqXFuAAACB0lEQVR4nO2cPU7DQBCFbUTLBUCKOAZ3oEG4oaSBPifAN0hPRUeaSGm4UAouwAGCNpGjDQlgZ5Odt7vfJ7mxImv85nn2Z+xUFQAAAAAAAAAAAOROHXqBefu43Hf+rn0LvnYJzAvX7+CbnLUPe4XzadqpuYiqCUa/CAa0NKF6gtFvzVkVQNNOq/uX953zi8+v1aFOXxOcigb9wgzoqOvtIuIbz9qEKSS4Lly/874/HF1dr6rF5Olmc27WPlTquAT7cVolGP0CDahOqgkuXb/eBvQDg+Gg3xHngG5uoJjgVJKMfgdUQF809aHNxaoWI/rtpz7FloU/uR9dXsTab9vE95f5fi48xq8fUfYC0c9oI7rj1CZMIMFboN+aOtcdfbUE/8ascP2CN6JVcYIo9KJTpYmkX7YGhDTYWQVPnm+X3dwIhoN+mXdCSHBe+jEEg2YF7NuoV3mS1EC/SEOwE9rChLkkeFG4fjsGHNoZ6OYUqsROMPplvgjJLcGl6xfNgP6NxOq/DoH4bPRjFQymYEAwJdoQrDjs+hCfjX5UQDAl2IDq+2zEp60fFRBMwYCQtgGtv97/D+LT1i/7OSBowxAMpmRvQPUKPSo8vqMb0H3I0v17UncofRxEfFr6ZV8BIdNWXPf2g/oqMzUmhb0+RgUEU+oYT2/sRv/QKqIU31jgpY2Y+lEBobLkG21RexArp2XuAAAAAElFTkSuQmCC);--pet-stand-push-w: 40;--pet-run-ball: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAgCAYAAADaInAlAAACTElEQVR4nO2aPUjDQBTH34WIUnBwkxaCo2O7iVN3FzEdsgguOgrd6qLZdCs4OgkKdmigg06Cs5tLBzchgjgoBQvFj6FyoS0xbeolzSX39YOjJQ29//+9l97lNQAKhUKhUChkBAEHtOyd/qTjm/Y5F/pZ9o9YToBjWxPn9WPaDepF0BLYP2I5ASTz09TgSOBfg5RExsW0G7B1dDV23H3peiNrHM79azwkAKG/Be6fl7YGU3D/OqkAx7aoCPBjFFa8q6m+uzY65p83K5DA/nUeEpAU9b2N0c919exmbN2U0b/OgojRZ4PAl/YXvNeH00+Qpfiy8q8FBeCBBQxFpA2edzl34r1fqripzl2X0L8eJuC1V/MEdJoGpAXecN1V1gHyNU/DdbsMBTAS34lPu20qSeZfZywBqNM0+u3VewAoQ+GxOPEkI79IZQdupuR/Cqn711lKQLA4HLsYGlisgQJINv8zdwLjELdzlZQe0vkdCfzrUYTS7nr9B77qKF350vqP1ApmofWapQZXQP8aj0HIElcw/zP/GaTgG1UAksNVAYS1UKOQxgMkPPlHcXras+xEk0hAcDce9p2k58nsX49ThVkmIGuqgvmPvARcHJhE98JB872vHxABh9AXaZy4KgCVfEuo5EcqAJV8S7jkRyqA7WOHaP0KrnO5+TkQAZPQF2mcuFwCsLmn5w+iYA0fmsTj7V2MJ3tMQl+kcWKByHcBh5e3yP9407Tdsv+8JANC2o6l0batEvoijVPW/qk2gnCwur1vwEMkugNPIvj6BXTA5JeQQNCwAAAAAElFTkSuQmCC);--pet-drop-ball: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAACBklEQVR4nO2aMUzCQBSGXw2DMXFwM5A0TMbBATbDRFxdTMqAG4uOJGyO5+ZGwmgcHDt4hgEXB0bD5tKBOBjTgREHFrczdxHTUlqupHdXyPsSQoHSP3n//b13BwAIgiAIghjBkjmpT1ps2fsX5FHq+0g8iQWkpLm08EEc4qIJJg3QYULfcAJV6q80wCEuMMbg+fYy9Jk/mYlnu7ivzABqOIE69HdkTrIsa2nxF49NQCVTmlf9QvCFXSqLi3WvToMCYBJHIoGbrB8yQDXd6/P/0dK5f5GOLk9gcCCsm8A86ocMmI/8antXPL/3fkAntuEEmtCPzAG8+Id7d+L4oOErFUeiXRAbejUoF4+ECQ/9OpTGlUidFmOX9j4Y1znQvwltVQJV668iS/1QAnjcvp9sGLyOYou/jmAaqjlJIJ98dVBIGhmUVGJHhAoTHOLCsFEDKN4IEwZeHUpgZ66TpK977knsgqKGqO25qUgggHc8AoDkBKpYf8gWPUv9VG0oF1V5+3Ei9+ZxpI2b6ytKYGJrqkJfaiUcxPTK198y/dQGINmCBhgGDdgkA9Lsn6jYvu1sof5aF1xsR2VXllnt3dMt0sdbkGHQAMOgAYZBAwDgc9pi/IEGGIAXfr77OvRq2k0oqFyOq9o28DPU/5p8hHZfdetr/U04j5ydvFk9d8r47mu7Odb+J7NftIMZlUDxK/AAAAAASUVORK5CYII=);--pet-keep-ball: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAYAAACinX6EAAABmUlEQVR4nO2XMUvEMBiGv3xUhcItTqLg4OTo7F9ws4sOgpO7m07WSTf3mwQHbzk3V3+DQwdxUFE8nG7woKAOPRIItKWXps2XFMk9Sy7Jm7wvaS5NAebM8RrWdMAw3stU/VE8aDxnlxmQ0lhXYwJ1BqQ0bqNtgo0MrE5wdbQjJlpf7Yl6FA8gyzK4O98v6HbPboExxo1F/X00EeVx/974L2EzA+oYl+EmOm2qOXSxnYHpGsvVz8OfBEeueB65+pI2O8FFBgTPCUwGV626a0wzYJtBctvVtdmEKkPQdtW52cv4UNQ3lq+d7waqDNg2ADdeCS/F74dkG7qAIgPqCssn6tvoGb7SExEgScZKLRU2MjBV56z3p3wdfW4+inLtaUtpanIZsp2BmQaZBcUN0IU/gucgeA6C56CusOoeTqHt2h/BcxA8B8FzEDwnaCLOHy7lG5eNg8+FP9MR3ZxGWbi0UGhLf/4K9ar+g4shyW3Qpj/qmDfISjbWlT+C5yB4TlAneP34FmUvXFR+bZW/1ibpL0lA2/5IkPFfMwW09uq/xGClugAAAABJRU5ErkJggg==);--friend-idle: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAABiElEQVRoge2YPVLDMBCFnxhKynT8pIML0OQEHCANN0hL4QPkAM4MbTgBDQfICdzkAqRLIB1l+qUAZ2RFsnYlZzzJ7Ks8+tn3eWVpNQZUqp5lBGPpGLG5AFJzdnwOQKo5y+MyJeLH9NnbPp6+i2NddGUe6wtJtATzsmx0DHZLAMDP1WOjfVIUbA82QG0+KQoQEd5mswNTu92CaPVgLcG8LPdvCwDG/MUc7JbBdjdbIbE+QtskFDi0PJ0AxIJyzXxiLYG7vXzbjTPGp+RzwDVI2YLJADmGrpJrgQsQSHk0PvcklFRN0RzJUWzsoC/VGr5ndxwnaFC3T6PcSggA+FpUQR9xMepapwHQlsLcOaeRAQVQAAVQgLMGaL2SvY6GAIDxoqrPdm55Nu78kHrPgLTKiTLAUe8ZyAUQ3f+OAZAtBVAABVAABVAA9k+qu+v7g7vAZruq+9wu2mxXrCoZBfAZc1TPi4FEKYmIAGB489BoX39/wvz/HCYi8vUD2I/JBvBOtgBiY1QqVUi/7iKAErmwC8kAAAAASUVORK5CYII=);--friend-idle-w: 32;--friend-throw: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABACAYAAADS1n9/AAADD0lEQVR4nO2cv2sUQRiGZ+UqMXBFikA0kuZMwMJCEFOJjb2HeKWQIp2kSGHnYmWRys7C/izuD7BJaRAsD4wp1MREU0g4SEi7MktuM9nM7e3sfrOzs9/7wJENhHnnxzOzcztLhAAAAAAARwKDv40slo18R/1/TdjDtMKF+XH8Iv64yp+AF/k2BagEOfBz19/G11vDFdfV8Q7vBfj1Z1ccnb2KJRgOj11Xxzty36cHYS9ZUrphn7z8Mvnv+kvxz5e9HSf5GdQ+vyU8p728KOZ37p3/dkUAQCXAvxv3k+tBaGQhCVn5qx+/OM2vAlv5RnuAtY2NpDLvNzeTT85deWl0+VWylrP9PuUXugXMnn5NrtMmjnflcmO2NVyJHt/9TP084FK+C2Yz2u9bvtEKoLNtEPYq25VXPeOLtN+3/Bb1rHv67K9481oO/CO5Kw+aOOublG/8HEC35EgLVRPlrvxiZ05L1Zu/Iu33Kd/4LCArKD0go28/Ke//V/LVvA/PH+g6x2p+Gh/zc98CphmmGfy8RZPk22bQ0PyA4slUxuCTfwNQ89VcZbVRD0GCMm1bPS9ft5Kp7Zd0wz5Zvkkdy+aXehK4vr0nTvaPrM78OtBeXrzU2WMhZPtdQpFvbOitJw+TzkgP/szCnPj9abtw2WXyZbaEKr+dGvRJjHPHVNl+Hab5ZGcBSkdYW/ZyQpI/Upb9LBmkhCkJKmm/Tv4i+d4fBulmITUjRQY5A9Mrn8+06tzxdc2fcdxuSgG9fyGEGyeafVcZIIBHpPciFCsRBGA8+BIIwHjwJRCA8eBLIEDNkYdc8mPhcC0GAjCnEQ+Cmkz34pDHClgBmAMBmAMBmAMBmFN0gzHpeLSqo2DkE/U/VgDmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmQADmGL1BsjDfmfpfM/YPd629FYT8Dnn/tyg63SbI71jt/6m2RFEUV+D2zTtTC9s7+C6CICBdAZAfWe3/3ALkLtCSAMh30/8AAAAAAAAA0TD+AzhDegDAMJekAAAAAElFTkSuQmCC);--friend-throw-w: 32;--friend-watch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABxklEQVR4nO2aMU7DQBBF/35tCR0FEhA6uEAkxAk4QApyA1qKHMAHyAVS0NPkADlBmlwAuiQgUdBBv8gRDgQlitfZyWLPPsmS48zszM4fJxrLQCKR0IzxsHWCazeyAKGLICIA0Vyc9gKUwpYzA4ZZd3neyR6hrgCxkRKAZQ3fD9rL43cyqjrgrtfDoN9fFGHQb69clyaPWTDMwnWBreJ09DmJ8nsgIQB9jPPgf4lxO+QCFMeu3ccqQWMhIQB9Hda1fJ6EdCdICUCfjedH7H+A0ALYsob/ZeOh87AeCawMF8Os6zZ8X2VoiiaA3cX5fjzFvpASwPomcnZz7dZtvrg+H4339jwghADG16HY6Cbmo7HoxkvEL05No4YhD7wEsKjIx+xt5fNh6xh1xKKmhBKAUA6hHEI5hHII5RDKIZRDKIdQjq3q+HB7FW00DolFTQklgPV1+B53Xedn7KzdOwEhEnaB14sWn1AOoRxCOYRyCOUQyiGUQyiHUA6hHEI5hHII5RDKIZRDKMf4GLdOLra+fjJ7fRZ7KCIR34YIKol0fLPNwDm3SOD89HLrYtOXJxhjgnaAdHxTNoHSCwoVIFb8RCKRSKDBfAEimKVpJyGyLwAAAABJRU5ErkJggg==);--friend-watch-w: 32;--friend-walk: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABACAYAAADS1n9/AAADOklEQVR4nO2cO27jMBCGqcWWTpciwObR7V7AQJAT5AAq1jdIm8IH0AF4ARXbu/EBcgI3uUDS2UmALdwlPdOYiqyIEkmTHHNmPkCIrQic+TkjkuZYFoJhGIYhSgHtgAPK8fqctNkQRb9LJ0EHwNV+aB9Q6v/h0agtPg5jIgv9MROAyYCf0A7YsqxmzeuyWgB6AkMs/dYJwAHAqT+bKWA7mTZHOxhUiKXfegTYTqbN62UFcxfczeeillJsJ1NRy+ne+dhg1e+0BoAMQJvTj8fmdcpAYNTvNQWcfjw2R0rxtZTfzkFMB5j0OyUAZADanQ4FRv3WCXAMARCif8hbVrPogcCq33kKgApAWS1EWS3APwFg02+9CNTCoQJwLIHHpt9rIwiCslrsFTaW1UwZ/h9lDx6rfpcRADQAfdyv1qlModV/UC3A4EAhvjpBicBl0YvbG9VnW59/eVi1/YgKBv3OzmlDJl4eVu0O8LIRwH40sOmPVQ3E9m0cV7LRn005uMv75v/e+5PLMyBPYAil3zsBOAA49GdTDmbiwAlAHE4A4nACEIcTgDicAMThBCAOJwBxOAGIk+1W8L+/13vvU5aGj4FQ+r0TgAOAQ392I4Aut5Zfde822VThfAmt37fDTDXpVAFg+4Hs+ywCs3juPRa1lKj0uyaAUXzfQxMIQRV8V5Tp2N0VKTvH5AuEzVT2bXxxxnbOsG08uznwQHup7HdJugYgPewJ5PrHEoDn/A7YdA8lwGDwUz8TDwDqO19jmjOGxHe/927TXmhi2yejv3cn0DTM3c3n6HfahKCln0cAt/a1DTT6TWuAoYYUtoVQD0b9lHYCjZ2gfywJOeiGe19sdgCz3Qk7wBaKncBDDXaTIBWpO4B8AgwZje5Az7xLqhYArv/y1281doR2QIvu/t2RtAMMWqPaT6XfuNDZCbVm8/Y82J4PtZSq/dnbxqfN23MQH4Zs7bT2kZ1+48VKKSWEEFfnf0YbWb8+NdeFCoAW75GIQey76I9hP5X+0QSwJXQCdP2wTcSiKFAkgI8fPvqNXwrVDXk44GLfSHfhs359CtKuLVT0j3rrOhKEugOPBer6GYZhGIZhGIbBxie66HN0/wT4swAAAABJRU5ErkJggg==);--friend-walk-w: 32;--pet-ball: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAO0lEQVR4nGNgYGBguPcu4T8Ig9hMIIYEVweIzbDvitV/pgfPbjG8+FbBABK8cuUdWIJh0gqN/yAM4gAAl/MZ86OMKxcAAAAASUVORK5CYII=);--bubble: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAARUlEQVR4nGNkgAJtNYX/DESCq7ceMDIga/z/9wfRWBtqESOIceX6DQZSgY6mBgMTAwWAaVQzaYBpBGoGA7LTNkQ7ebkKAFmQaSp7XDNzAAAAAElFTkSuQmCC);--bubble-slice: 5;--scrub-ball: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAMCAYAAACdrrgZAAACOUlEQVR4nNVWO07DUBB0ohQoZaqICkUuKHwAiwpxhFSUnIA6R6CmpqCkijhBSpQDpEAIISqUKmVEF7SGjdaT2fVzSJORLOczOzu7b9+zs4xg/b3cfKxuNlkihNuWLzmyI9U/ZH86SJT7sH9XfV+uJ9V9NHis8ZCPSOHbHCOHL4Wqhzb6+/jXGEH/ZHhQPxG/y8iYZLa42DAz1nQTH83YHLOALznwYtPtNT/yr59tjFwp/tvW6+WuFiBlO9kkwtcCtSkWZT6tJfH0l+vJNhb19X+8BPP3MeVj89Wb58f6joaubX+i4w/r7WX/gG0gQpqUijKfJvPZEcCm3v72+fWWrNUE0d0nznqytXabVteav38633mY2Gnz+OwYQTNlPqX6qm0v4aq+TltK82Xq2tZrj1qs1fLFk9XHwWSDKvo9tqKsmYKiGIQ7wfIXi9VOMzDHUGKy8XYRUB+PCFus/d3zxPycnVJ6lctOpvK1Nu2T/V7F5b98iZUY0UeOgul3vLcBdiRcFS87/KiA2+tXly/NKf8aqeaR33SMeH7QC/ODg4d1M756Uf+RPquX8atngLdSejbrakWiOgkR0MTcFIuIBkH4bDeqPnpBfbbDbQzzw3Z5xNc8nn9Fx3uVwubr6jK+TvLD82V1l+bodHr6aqQoBrXpUcjZy6ZY0eQHByfiox+B59++MET67E2I7a7QlNd8TNJULOpbbkEWK+Kn6Kf630c/ZXH3rbcWKE/oLBHCbctnE5gdif4h+/MD7n/jRSR994EAAAAASUVORK5CYII=);--scrub-ball-px: 12;--scrub-ball-frames: 8;--scrub-ball-roll: 40}@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;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:var(--space-half) 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)}.app-title__short,[data-surface=mini] .titlebar .app-title__full{display:none}[data-surface=mini] .titlebar .app-title__short{display:inline}.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)}:root[data-motion=reduced] .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);border-radius:50%;background:var(--new-badge);pointer-events:none}.quick__logo[data-new]:after{content:"";position:absolute;top:var(--new-badge-off);right:var(--new-badge-off);display:block;box-shadow:0 0 0 var(--new-badge-ring) var(--menu-surface)}.cog__btn[data-new]:after{content:"";position:absolute;top:var(--new-badge-off);right:var(--new-badge-off);display:block}.new-badge{display:inline-block;flex:0 0 auto;margin-left:var(--space-1);vertical-align:middle}.mark-dot{display:inline-block;flex:0 0 auto;width:var(--mark-dot);height:var(--mark-dot);border-radius:50%;margin-right:var(--space-2);vertical-align:middle}.mark-dot--new{background:var(--new-badge)}.mark-dot--rule{background:var(--rule-chip-rule)}.mark-dot--hand{background:var(--rule-chip-hand)}.rule-chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;width:var(--rule-chip-size);height:var(--rule-chip-size);margin-left:var(--space-1);padding:var(--rule-chip-pad);border:0;border-radius:50%;background:none;color:var(--rule-chip-rule);font:inherit;line-height:1;cursor:default}.rule-chip[hidden]{display:none}.menu__row>.rule-chip{margin-left:auto}.rule-chip svg{width:100%;height:100%}.rule-chip[data-kind=hand]{cursor:pointer;color:var(--rule-chip-hand)}.rule-chip[data-kind=hand]:hover{transform:var(--hover-lift)}.rule-chip:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.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 var(--flyout-ring-w) var(--surface),0 0 0 calc(2 * var(--flyout-ring-w)) 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 var(--flyout-ring-w) var(--text)}.flyout--account{width:var(--flyout-account-w)}.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:var(--spinner-w) 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__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title);letter-spacing:var(--sleep-title-tracking)}.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;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;inset: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 var(--room-away-dur) 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;inset: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) * var(--room-fig-stagger))}.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:var(--space-half) 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)}.room__member-end{display:flex;align-items:center;gap:var(--space-1);flex:none}.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) - var(--friend-art-inset));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))}:root[data-motion=reduced] .room__figure-head{transition:none;transform:none}:root[data-motion=reduced] .room__fig-body,:root[data-motion=reduced] .room__fig-head{transition:none}:root[data-motion=reduced] .room__btn[data-away] svg{animation:none}:root[data-motion=reduced] .room__half,:root[data-motion=reduced] .room__fold-btn,:root[data-motion=reduced] .room__fold-btn:before{transition:none}:root[data-motion=reduced] .room__part{transition:none}:root[data-motion=reduced] .room__panel,:root[data-motion=reduced] .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__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;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__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;inset: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;inset: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;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__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__step:disabled{cursor:default}:root[data-motion=reduced] .sound__handle,:root[data-motion=reduced] .sound__fader-knob,:root[data-motion=reduced] .sound__btn svg rect,:root[data-motion=reduced] .sound__fold-btn:before,:root[data-motion=reduced] .sound__box{transition:none}.panel__action.web-btn svg{stroke-width:var(--web-icon-stroke)}.web-top{position:relative;display:flex;align-items:center}.web-top__btn{width:var(--web-top-btn-size);height:var(--web-top-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)}.web-top__btn:hover{color:var(--text)}.web-top__btn:before{content:"";position:absolute;inset:calc(-1 * var(--title-hit-y)) calc(-1 * var(--title-hit-x))}.web-top__btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--web-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.web-top__btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.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__title{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title);letter-spacing:var(--web-title-tracking)}.web__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.web__info[aria-expanded=true]{border-color:var(--title);background:var(--picked)}.web__info:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.web__fold{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-control);background:var(--web-fold-bg);color:var(--subtext);line-height:var(--web-fold-lh)}.web__fold p{margin:0}.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__field{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control)}.web__field:focus-within{border-color:var(--title)}.web__field .web__input{flex:1 1 auto;padding:0;border:none;background:transparent}.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--shrink{width:var(--vol-pill-w);height:var(--traffic-size);z-index:1}.vol--shrink .vol__pill{position:absolute;right:0;top:50%;translate:0 -50%}[data-vol-under]{transition:opacity var(--vol-grow) var(--pop-ease)}[data-vol-under=on]{opacity:0;pointer-events:none}:root[data-motion=reduced] [data-vol-under]{transition:none}.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%}:root[data-motion=reduced] .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)}:root[data-motion=reduced] .ap-caret,:root[data-motion=reduced] .ap-cut{transition:none}.ap-square[data-state=connecting] svg{animation:ap-pulse var(--ap-pulse) var(--pulse-ease) 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)))}}img[data-art-wait],img[data-art-held]{background:var(--surface-hover);object-position:-100000px 0}[data-instant] img[data-art-wait]{background:none;object-position:50% 50%}img.art-in{animation:art-in var(--art-in) var(--pop-ease) var(--reveal-d, 0s) both}@keyframes art-in{0%{opacity:var(--art-in-from)}}[data-reveal-hold]{visibility:hidden}body .reveal-pre{opacity:0;transition:none}body .reveal-in{animation:pop-row-in var(--pop-in) var(--pop-ease) both;transition:none}:root[data-motion=reduced] .pop,:root[data-motion=reduced] .flyout{transition:none}:root[data-motion=reduced] .pop-enter{animation:none}:root[data-motion=reduced] img.art-in,:root[data-motion=reduced] .reveal-in{animation:none}:root[data-motion=reduced] .reveal-pre{opacity:1}:root[data-motion=reduced] .lib-picked.is-entering{animation:none}:root[data-motion=reduced] .sleep__ring{transition:none}:root[data-motion=reduced] .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))}}:root[data-motion=reduced] .bento .panel.swap-out,:root[data-motion=reduced] .bento .panel.swap-in,:root[data-motion=reduced] .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);padding-bottom:calc(var(--panel-gap) + var(--scene-floor));overflow:hidden;position:relative;background-color:var(--app-canvas-color);background-image:var(--app-canvas-bg);background-blend-mode:var(--app-canvas-blend);background-size:var(--canvas-bg-size);background-repeat:var(--canvas-bg-repeat)}.app-body:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgb(0 0 0 / var(--canvas-dim))}.ocean{display:var(--ocean-display, none);position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:var(--ocean-deep);--ocean-breath: 0;--ocean-lit: calc(var(--ocean-light, 0) / 100)}.ocean__heave{position:absolute;inset:0;transform:translateY(calc(var(--ocean-breath) * var(--heave) * -1));transition:transform var(--ocean-breath-dur) var(--ocean-breath-ease-stepped, var(--ocean-breath-ease))}.ocean__heave--far{--heave: var(--ocean-heave-far)}.ocean__heave--mid{--heave: var(--ocean-heave-mid)}.ocean__heave--near{--heave: var(--ocean-heave-near)}.ocean__bob{position:absolute;inset:0;animation:ocean-bob calc(var(--bob-s) * 1s) steps(round(var(--bob-s) * var(--ambient-fps) / 5)) infinite alternate;will-change:transform}.ocean__bob--far{--bob-s: var(--ocean-bob-far);--bob-amp: var(--ocean-bob-amp-far)}.ocean__bob--mid{--bob-s: var(--ocean-bob-mid);--bob-amp: var(--ocean-bob-amp-mid)}.ocean__bob--near{--bob-s: var(--ocean-bob-near);--bob-amp: var(--ocean-bob-amp-near)}.ocean__train{position:absolute;left:calc(-1 * var(--tw, 0px));top:0;width:calc(100% + var(--tw, 0px));height:100%;background-repeat:repeat-x;--roll-dist: var(--tw, 0px);animation:ocean-roll calc(var(--roll-s) * 1s) steps(round(var(--roll-s) * var(--ambient-fps))) infinite;will-change:transform;opacity:0;transition:opacity var(--ocean-glow-fade) var(--ocean-breath-ease)}.ocean__train[data-on]{opacity:1}.ocean__train--far{--roll-s: var(--ocean-roll-far)}.ocean__train--mid{--roll-s: var(--ocean-roll-mid)}.ocean__train--near{--roll-s: var(--ocean-roll-near)}.ocean__neon{position:absolute;inset:0;background-repeat:repeat-x;opacity:0;will-change:opacity;transition:opacity var(--ocean-breath-dur) var(--ocean-breath-ease-stepped, var(--ocean-breath-ease))}.ocean__neon[data-on]{opacity:calc(var(--ocean-lit) * (1 + var(--ocean-breath) * var(--ocean-neon-pulse)))}@property --ocean-glow-color{syntax: "<color>"; inherits: true; initial-value: transparent;}.ocean__glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% calc(60% + var(--ocean-light-reach) * var(--ocean-lit)) at 50% 115%,var(--ocean-glow-color),transparent 75%);opacity:calc((var(--ocean-glow) + (var(--ocean-light-glow) - var(--ocean-glow)) * var(--ocean-lit)) * (1 + var(--ocean-breath) * .5));transition:--ocean-glow-color var(--ocean-glow-fade) var(--ocean-breath-ease),opacity var(--ocean-breath-dur) var(--ocean-breath-ease-stepped, var(--ocean-breath-ease))}.ocean__ripple{position:absolute;left:var(--x);top:var(--y);width:var(--ocean-ripple-size);height:calc(var(--ocean-ripple-size) * var(--ocean-ripple-flat));margin:calc(var(--ocean-ripple-size) * var(--ocean-ripple-flat) / -2) 0 0 calc(var(--ocean-ripple-size) / -2);border-radius:50%;background:radial-gradient(closest-side,transparent 86%,var(--ocean-swell-ink) 94%,transparent);opacity:0;animation:ocean-ripple var(--ocean-ripple-dur) var(--ocean-ripple-ease) var(--delay, 0s) forwards;will-change:transform,opacity}.aurora{display:var(--aurora-display, none);position:absolute;inset: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)}.wallpaper{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}[data-hook-wallpaper=on][data-wallpaper] .wallpaper{display:block}.wallpaper__set{position:absolute;inset:0;filter:blur(calc(var(--glass-diffusion, 30) / 100 * var(--wallpaper-diffusion-max)))}.wallpaper__tile{position:absolute}.wallpaper__img{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}:root[data-wall-fade] .panel,:root[data-wall-fade] .aurora__blob{transition:background-image var(--wallpaper-fade-dur) var(--wallpaper-fade-ease)}.storm{display:var(--storm-display);position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bento{position:relative;z-index:1}.storm__strike,.storm__hold{position:absolute;inset: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],.panel.fp-history{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=max]:is([data-max-cards="2cols"],[data-max-cards="2rows"],[data-max-cards="1"]) .panel:is([data-slot=c],[data-slot=d]){display:none}[data-surface=max][data-max-cards="1"] .panel[data-slot=right]{display:none}[data-surface=max][data-max-cards="2cols"] .bento{grid-template-columns:minmax(0,var(--max-stage-w)) repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-template-areas:"stage left right"}[data-surface=max][data-max-cards="2rows"] .bento{grid-template-columns:minmax(0,var(--max-stage-w)) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"stage left" "stage right"}[data-surface=max][data-max-cards="1"] .bento{grid-template-columns:minmax(0,var(--max-stage-w)) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"stage left"}[data-surface=max][data-stage-side=right] .bento{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,var(--max-stage-w));grid-template-areas:"left  right stage" "c     d     stage"}[data-surface=max][data-stage-side=right][data-max-cards="2cols"] .bento{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,var(--max-stage-w));grid-template-areas:"left right stage"}[data-surface=max][data-stage-side=right][data-max-cards="2rows"] .bento{grid-template-columns:minmax(0,1fr) minmax(0,var(--max-stage-w));grid-template-areas:"left  stage" "right stage"}[data-surface=max][data-stage-side=right][data-max-cards="1"] .bento{grid-template-columns:minmax(0,1fr) minmax(0,var(--max-stage-w));grid-template-areas:"left stage"}[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);background-blend-mode:var(--panel-blend);-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,.grow-shell__fill:before,.grow-shell__fill:after{content:"";display:var(--sand-display, none);position:absolute;inset: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,.grow-shell__fill:before{background:var(--panel);mask-image:linear-gradient(#000 0 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-size:var(--sand-core),var(--sand-tile) var(--sand-tile),100% 100%,100% 100%;mask-position:center,0 0,0 0,0 0;mask-repeat:no-repeat,repeat,no-repeat,no-repeat;mask-composite:add,intersect,intersect,add}.panel:after,.grow-shell__fill:after{background:var(--sand-ink);mask-image:var(--sand-speck),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-size:var(--sand-tile) var(--sand-tile),100% 100%,var(--sand-core);mask-position:0 0,0 0,center;mask-repeat:repeat,no-repeat,no-repeat;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{--pop-origin: top left;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))}.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);letter-spacing:var(--title-tracking, normal)}.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);background-image:var(--control-paint);background-size:var(--control-paint-size);background-blend-mode:var(--control-blend);box-shadow:var(--control-shadow);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;color:var(--action-text-ink, var(--title))}.panel__action--text[aria-pressed=true]{background:var(--picked);border-color:var(--title);color:var(--action-text-ink, 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}.panel__action.is-nudged{animation:action-nudge var(--nudge-dur) var(--nudge-ease)}@keyframes action-nudge{40%{transform:scale(var(--nudge-scale))}}:root[data-motion=reduced] .panel__action.is-nudged{animation:none}.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;inset: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}:root[data-motion=reduced] .coll-pane{transition:none}:root[data-motion=reduced] .aurora__blob{animation:none}:root[data-motion=reduced] .ocean__train,:root[data-motion=reduced] .ocean__bob{animation:none}:root[data-motion=reduced] .ocean__heave,:root[data-motion=reduced] .ocean__glow,:root[data-motion=reduced] .ocean__neon{transition:none}:root[data-motion=reduced] .storm{display:none}:root[data-motion=reduced] .lib-row:hover,:root[data-motion=reduced] .lib-tile:hover,:root[data-motion=reduced] .qrow:hover,:root[data-motion=reduced] .search__song:hover,:root[data-motion=reduced] .search__row:hover,:root[data-motion=reduced] .search__tile:hover,:root[data-motion=reduced] .search__artist:hover{transform:none}:root[data-ambient=paused] :is(.ocean__bob,.ocean__train,.aurora__blob,.storm__strike,.storm__hold),:root[data-ambient=paused] .np__aurora:before,:root[data-bg-motion=off] :is(.ocean__bob,.ocean__train,.aurora__blob),:root[data-bg-motion=off] .np__aurora:before{animation-play-state:paused}:root[data-bg-motion=off] .storm{display:none}:root[data-ambient=paused][data-fancy-scrub][data-skin] .scrub__handle,:root[data-ambient=paused][data-fancy-scrub][data-skin] .scrub__handle:before,:root[data-ambient=paused][data-fancy-scrub][data-skin] .scrub__handle:after{animation-play-state:paused}:root[data-theme-fade]::view-transition{pointer-events:none}:root[data-theme-fade]::view-transition-old(root),:root[data-theme-fade]::view-transition-new(root){animation-duration:var(--theme-morph-dur);animation-timing-function:var(--theme-morph-ease)}:root[data-theme-fade=hand]::view-transition-old(root),:root[data-theme-fade=hand]::view-transition-new(root){animation-timing-function:var(--theme-morph-hand-ease)}:root[data-theme-fade] :is(.ocean__bob,.ocean__train,.aurora__blob,.storm__strike,.storm__hold),:root[data-theme-fade] .np__aurora:before{animation-play-state:paused}:root[data-theme-fade] .vinyl__spin{view-transition-name:match-element;view-transition-class:theme-live}:root[data-onboarding=open][data-theme-fade] :is(.vinyl__spin,.np__art,.np__meta){view-transition-name:none}:root[data-theme-fade]::view-transition-old(*.theme-live){display:none}:root[data-theme-fade]::view-transition-group(*.theme-live),:root[data-theme-fade]::view-transition-new(*.theme-live){animation:none}:is(.app-scroll,.lib-view,.panel__body,.web,.slot-picker__menu,.ctx-menu__fly,.spane__scroll,.search__scroller,.qcard__list)::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}:is(.app-scroll,.lib-view,.panel__body,.web,.slot-picker__menu,.ctx-menu__fly,.spane__scroll,.search__scroller,.qcard__list)::-webkit-scrollbar-track{background:transparent}:is(.app-scroll,.lib-view,.panel__body,.web,.slot-picker__menu,.ctx-menu__fly,.spane__scroll,.search__scroller,.qcard__list)::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--scrollbar-radius)}:is(.app-scroll,.lib-view,.panel__body,.web,.slot-picker__menu,.ctx-menu__fly,.spane__scroll,.search__scroller,.qcard__list)::-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);container-type:inline-size}.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--funnel{display:none}@container (max-width: 300px){.lib-ctrl[data-ctrl=rule]{display:none}.lib-ctrl[data-ctrl=rule]:has(.lib-pill.is-active){display:block;flex:0 0 auto;aspect-ratio:1}.lib-ctrl[data-ctrl=rule] .lib-pill{justify-content:center;padding:0;height:100%}.lib-ctrl[data-ctrl=rule] .lib-pill__label,.lib-ctrl[data-ctrl=rule] .lib-pill__caret{display:none}.lib-ctrl[data-ctrl=rule] .lib-pill__icon--funnel{display:block;fill:currentColor}}.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);background-image:var(--control-paint);background-size:var(--control-paint-size);background-blend-mode:var(--control-blend);box-shadow:var(--control-shadow);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-color:var(--surface-hover)}.lib-pill__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-pill__caret{flex:0 0 auto;width:var(--caret-size);height:var(--caret-size);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;--pop-origin: top left;margin-top: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(--lib-pop-radius);box-shadow:var(--shadow-panel);padding:var(--space-2)}.lib-pop[hidden]{display:none}.lib-pop[data-above]{--pop-origin: bottom left}.lib-pop__cols{display:flex;gap:var(--space-2)}.lib-pop__col{display:flex;flex-direction:column;gap:var(--space-half)}.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__opt:has(.lib-pop__count){display:flex;justify-content:space-between;gap:var(--space-3)}.lib-pop__count{color:var(--subtext);font-weight:400;font-variant-numeric:tabular-nums}.lib-pop--end{--pop-origin: top right}.lib-pop--end[data-above]{--pop-origin: bottom right}.lib-pop__opt[disabled]{opacity:.6;cursor:default;background:transparent}.lib-pop__status{max-width:var(--lib-refresh-status-w);margin-top:var(--space-1);padding:var(--space-1) var(--space-2) 0;border-top:1px solid var(--border);color:var(--subtext);font-family:var(--font-body);font-size:var(--fs-subtext);font-variant-numeric:tabular-nums}.lib-pop__status[hidden]{display:none}.lib-pop__dir{display:grid;place-items:center;width:var(--lib-pop-dir-size);height:var(--lib-pop-dir-size);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__opt:focus-visible,.lib-pop__dir:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}.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;appearance:none}.lib-view{flex:1 1 auto;min-height:0;overflow-y:auto}.lib-view{scroll-padding-top:var(--lib-stuck-h)}.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] .rulez__rule: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 *{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{inset:0 auto;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)}:root[data-motion=reduced] .is-holding,:root[data-motion=reduced] .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-caps, var(--font-title));font-weight:var(--fw-caps, var(--fw-title));font-size:calc(var(--fs-subtext) + var(--caps-grow, 0px));font-stretch:var(--caps-stretch, normal);color:var(--subtext);text-transform:uppercase;letter-spacing:var(--caps-tracking, .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__divider{height:1px;margin:var(--ctx-divider-gap) var(--space-2);background:var(--border)}.ctx-menu--search{width:var(--menu-search-w)}.ctx-menu__results{max-height:var(--menu-results-max-h);overflow-y:auto;scrollbar-gutter:stable}.ctx-menu__results.has-rows{padding-top:var(--space-1)}.ctx-menu__item--result{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.ctx-menu__art{flex:0 0 auto;width:var(--menu-result-art);height:var(--menu-result-art);border-radius:var(--lib-tile-radius);object-fit:cover}.ctx-menu__text{min-width:0;display:flex;flex-direction:column}.ctx-menu__line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-menu__line--note{font-size:var(--fs-subtext);color:var(--subtext)}.ctx-menu__note{padding:var(--space-2);font-size:var(--fs-subtext);color:var(--subtext)}.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;width:max-content;min-width:var(--menu-min-w);max-width:var(--menu-fly-max-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--quick{display:flex;align-items:stretch;gap:var(--space-1)}.ctx-menu__list{flex:1 1 auto;min-width:0}.ctx-menu__quick{flex:none;display:flex;flex-direction:column;gap:var(--space-half);padding-left:var(--space-1);border-left:1px solid var(--border)}.ctx-menu__quick-btn{display:grid;place-items:center;width:var(--menu-quick-size);height:var(--menu-quick-size);padding:0;background:transparent;border:none;border-radius:var(--radius-control);color:var(--subtext);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.ctx-menu__quick-btn:hover{background:var(--surface-hover);color:var(--title)}.ctx-menu__quick-btn:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}.ctx-menu__quick-btn:disabled{opacity:.5;cursor:default}.ctx-menu__quick-btn svg{width:var(--menu-quick-icon);height:var(--menu-quick-icon);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ctx-menu__quick-btn[data-quick=play] svg{fill:currentColor;stroke:none}.ctx-menu__quick-btn.is-on{color:var(--title)}.ctx-menu__quick-btn.is-on svg{fill:currentColor}.ctx-menu__quick-btn[data-quick=library].is-on svg{fill:none}.ctx-menu__quick-btn[aria-disabled=true]{cursor:default}.ctx-menu__quick-btn[aria-disabled=true]:hover{background:transparent}.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-hero--aside{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--artist-info-gap)}.lib-hero__main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--hero-gap);min-width:0}.lib-hero--aside{container-type:inline-size}.lib-hero.is-sliding{overflow:clip}.lib-hero--aside>[data-artist-info]{display:contents}.artist-info-wrap{flex:1 1 0;display:flex;flex-direction:column;min-width:0}.artist-info__fold,.artist-info__fold-in{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.artist-info__toggle{display:none}@container (max-width: 560px){.artist-info-wrap{flex-basis:100%}.artist-info__toggle{display:flex;align-items:center;gap:var(--space-1);align-self:flex-start;appearance:none;background:none;border:none;padding:0;margin:0;color:var(--subtext);cursor:pointer;transition:color var(--dur-fast) var(--ease-ui)}.artist-info__toggle:hover,.artist-info__toggle:hover .artist-info__h{color:var(--text)}.artist-info__toggle:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.artist-info__toggle:after{content:"›";display:inline-block;font-size:var(--fs-text);line-height:1;transition:transform var(--artist-info-fold-dur) var(--ease-ui)}.artist-info-wrap[data-open="1"] .artist-info__toggle:after{transform:rotate(90deg)}.artist-info__fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--artist-info-fold-dur) var(--ease-ui)}.artist-info-wrap[data-open="1"] .artist-info__fold{grid-template-rows:1fr}.artist-info__fold-in{min-height:0;overflow:hidden;opacity:0;transition:opacity var(--artist-info-fold-dur) var(--ease-ui),padding-top var(--artist-info-fold-dur) var(--ease-ui)}.artist-info-wrap[data-open="1"] .artist-info__fold-in{opacity:1;padding-top:var(--space-2)}.artist-info-wrap .artist-info{grid-template-rows:minmax(var(--artist-info-row-min),auto) minmax(var(--artist-info-row-min),auto)}}:root[data-motion=reduced] .artist-info__fold,:root[data-motion=reduced] .artist-info__fold-in,:root[data-motion=reduced] .artist-info__toggle:after{transition:none}.artist-info{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:start;grid-template-areas:"tags stats" "tour links";gap:var(--artist-info-row-gap) var(--artist-info-col-gap);padding:var(--artist-info-pad);background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--artist-info-radius);text-align:left;min-width:0;max-width:100%}.lib-hero--aside>.lib-hero__main{justify-content:center}.artist-info__sec{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.artist-info__sec--tags{grid-area:tags}.artist-info__sec--stats{grid-area:stats}.artist-info__sec--tour{grid-area:tour}.artist-info__sec--links{grid-area:links}.artist-info__sec--about{grid-area:tour}.artist-info__about{margin:0;font-size:var(--fs-subtext);color:var(--text);line-height:var(--artist-info-about-lh);height:calc(var(--artist-info-about-lh) * var(--artist-info-about-lines) * 1em);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--artist-info-about-lines);line-clamp:var(--artist-info-about-lines);overflow:hidden}.artist-info__sec--stats,.artist-info__sec--links{align-items:flex-end;text-align:right}.artist-info-wrap .artist-info__h{margin:0;white-space:nowrap}.artist-info__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:var(--artist-info-tags-w)}.artist-info__tag{font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--text);background:var(--surface-hover);border:1px solid var(--panel-border);border-radius:var(--web-chip-radius);padding:var(--space-1) var(--space-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.artist-info__tour{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-subtext);font-weight:var(--fw-title);color:var(--title)}.artist-info__dot{width:var(--artist-info-dot);height:var(--artist-info-dot);border-radius:50%;background:var(--title)}.artist-info__counts{font-size:var(--fs-subtext);color:var(--subtext);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);white-space:nowrap}.artist-info__link{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;font-size:var(--fs-subtext);font-weight:var(--fw-title);color:var(--title);cursor:pointer;white-space:nowrap}.artist-info__link:hover{text-decoration:underline}.artist-info__link:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.artist-info__count{display:flex;align-items:baseline;gap:var(--space-1)}.artist-info__count b{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-text);color:var(--title)}[data-surface=max] .artist-info__counts[data-present]{cursor:pointer}[data-surface=max] .artist-info__counts[data-present]:hover{filter:brightness(var(--hero-cover-hover))}.present{position:absolute;inset:0;z-index:5;container-type:size;display:flex;flex-direction:column;gap:var(--present-gap);padding:var(--present-pad);background:var(--surface);border:1px solid var(--panel-border);border-radius:inherit;overflow:hidden}.present>*{opacity:0;transition:opacity var(--dur-med) var(--ease-ui) var(--present-in-delay)}.present.is-in>*{opacity:1}.present__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.present__title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.present__title .search__label{margin:0}.present__name{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--fs-title);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present__by{color:var(--subtext)}.present__counts{flex:1 1 auto;display:flex;flex-wrap:wrap;align-content:center;gap:var(--present-gap) var(--present-count-gap)}.present__count{display:flex;flex-direction:column;gap:var(--space-1)}.present__count b{font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--present-num);line-height:1;color:var(--title);font-variant-numeric:tabular-nums}.present__count span{font-size:var(--fs-text);color:var(--subtext)}.present__age{font-size:var(--fs-subtext);color:var(--subtext)}:root[data-motion=reduced] .present>*{transition:none}.artist-info__about[data-notes]{cursor:pointer}.artist-info__about[data-notes]:hover{filter:brightness(var(--hero-cover-hover))}.artist-info__about[data-notes]:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.present--notes{gap:var(--notes-gap)}.notes__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--notes-gap);font-size:var(--fs-text);line-height:var(--notes-lh);color:var(--text)}.notes__body>*{max-width:var(--notes-measure)}.notes__body:focus-visible{outline:none}.notes__short{margin:0;font-family:var(--font-title);font-weight:var(--fw-title);font-size:var(--notes-short-fs);line-height:var(--notes-lh);color:var(--title)}.notes__para,.notes__heading{margin:0}.notes__heading{font-family:var(--font-title);font-weight:var(--fw-title);color:var(--title)}.notes__song{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:0;padding:var(--space-1) var(--space-2);font:inherit;text-align:left;color:var(--title);background:none;border:0;border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-ui),transform var(--dur-fast) var(--ease-ui)}.notes__song:hover{background:var(--surface-hover);transform:var(--hover-lift)}.notes__num{min-width:2ch;color:var(--subtext);font-variant-numeric:tabular-nums}.notes__name{flex:1 1 auto;min-width:0;font-family:var(--font-title);font-weight:var(--fw-title)}.notes__play{display:inline-flex;color:var(--subtext)}.notes__play svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor}.notes__song:hover .notes__play{color:var(--title)}.notes__mention{font-weight:var(--fw-title);color:var(--title);cursor:pointer}.notes__mention:hover{text-decoration:underline}.notes__song:focus-visible,.notes__mention:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.notes__from{margin:0;font-size:var(--fs-subtext);color:var(--subtext)}:root[data-motion=reduced] .notes__song{transition:none}.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;background-image:var(--control-paint);background-size:var(--control-paint-size);background-blend-mode:var(--control-blend);box-shadow:var(--control-shadow)}.lib-action:hover{background-color:var(--surface-hover)}.lib-action:disabled{opacity:var(--disabled-alpha);cursor:default}.lib-action:disabled:hover{background-color:var(--surface)}.lib-action--play:disabled:hover{background-color:var(--title);filter:none}.lib-action--play{background-color:var(--title);background-image:var(--accent-sheen);background-blend-mode:var(--accent-sheen-blend);background-size:var(--accent-sheen-size);border-color:var(--title);color:var(--surface);box-shadow:none}.lib-action--play:hover{background-color: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}.home-split{flex:none;align-self:stretch;width:var(--home-split-w);margin-inline:var(--home-split-gap);background:var(--border)}.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}.lib-view-bar[data-stuck]{background:var(--sticky-bar-surface);-webkit-backdrop-filter:var(--sticky-bar-backdrop);backdrop-filter:var(--sticky-bar-backdrop)}.lib-view-head .lib-shelves .search__label,.lib-view-bar>.search__label,.lib-shelves--foot>.search__label{border-top:var(--section-rule-w) solid var(--border);padding-top:var(--space-2)}.search__label--pick{display:flex;align-items:center;gap:var(--space-2)}.lib-ctrl--shelf{margin-left:auto;height:0;display:flex;align-items:center}.lib-pill--shelf{width:auto;padding:0 var(--space-2);text-transform:none;letter-spacing:normal;font-weight:400;font-stretch:normal}.lib-shelves--foot{padding-top:var(--space-2)}.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{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{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-caps, var(--font-title));font-weight:var(--fw-caps, var(--fw-title));font-size:calc(var(--fs-subtext) + var(--caps-grow, 0px));font-stretch:var(--caps-stretch, normal);color:var(--subtext);text-transform:uppercase;letter-spacing:var(--caps-tracking, .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}.pl-divider{height:1px;margin:var(--space-1) var(--space-2);background:var(--border)}.lib-tile.pl-divide{position:relative}.lib-tile.pl-divide:before{content:"";position:absolute;inset-block:var(--space-2);inset-inline-start:calc(var(--lib-grid-gap) / -2);inline-size:1px;background:var(--border);pointer-events:none}.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:var(--caret-size);height:var(--caret-size);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;font-variant-numeric:var(--caps-figures, normal)}.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) + var(--search-busy-size))}.search__input::placeholder{color:var(--subtext)}.search__input::-webkit-search-cancel-button{-webkit-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]{display:none}.field-x{flex:0 0 auto;display:grid;place-items:center;width:var(--icon-sm);height:var(--icon-sm);padding:0;background:none;border:none;color:var(--subtext);cursor:pointer}.field-x svg{width:var(--icon-sm);height:var(--icon-sm)}.field-x:hover{color:var(--title)}.field-x:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.field-x[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:var(--search-busy-size);height:var(--search-busy-size);margin-top:calc(-1 * var(--search-busy-size) / 2);border-radius:var(--radius-round);background:var(--subtext);animation:search-pulse var(--search-pulse-dur) var(--pulse-ease) infinite}@keyframes search-pulse{50%{opacity:.25}}.search__panes{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.spane{position:absolute;inset:0;display:flex;flex-direction:column;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}.search__levels{position:absolute;inset:0;z-index:2}.search__levels[data-at-root]{pointer-events:none}.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,.artist-info__h{font-family:var(--font-caps, var(--font-title));font-weight:var(--fw-caps, var(--fw-title));font-size:calc(var(--fs-subtext) + var(--caps-grow, 0px));font-stretch:var(--caps-stretch, normal);color:var(--subtext);text-transform:uppercase;letter-spacing:var(--caps-tracking, .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)}.search__row.is-unreleased{cursor:default;opacity:var(--unreleased-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--songs{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:var(--search-song-col-w);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}.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}:root[data-motion=reduced] .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:var(--search-artist-w);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:var(--search-artist-art);height:var(--search-artist-art);border-radius:var(--radius-round);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))}:root[data-motion=reduced] .spane{transition:none}:root[data-motion=reduced] .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) var(--album-fade-delay),--album-c1 var(--album-fade-dur) var(--album-fade-delay),--album-c2 var(--album-fade-dur) var(--album-fade-delay),--np-title var(--album-fade-dur) var(--album-fade-delay),--np-subtext var(--album-fade-dur) var(--album-fade-delay),--np-accent var(--album-fade-dur) var(--album-fade-delay)}.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)}}:root[data-motion=reduced] .np__shuffle.is-crossing .np__sh-up,:root[data-motion=reduced] .np__shuffle.is-crossing .np__sh-dn,:root[data-motion=reduced] .np__shuffle.is-crossing .np__sh-stop,:root[data-motion=reduced] .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}:root[data-motion=reduced] .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:var(--radius-round);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:var(--radius-round);background-image:var(--accent-sheen);background-blend-mode:var(--accent-sheen-blend);background-size:var(--accent-sheen-size)}.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-hook-scrub=nib],[data-hook-scrub=lens]) .scrub__handle{width:var(--scrub-fancy-size);height:var(--scrub-fancy-size)}[data-fancy-scrub=on][data-hook-scrub=float] .scrub__handle{width:var(--scrub-float-size);height:var(--scrub-float-size)}[data-fancy-scrub=on][data-hook-scrub=nib] .scrub__handle{-webkit-mask:none;mask:none;background:none}[data-fancy-scrub=on][data-hook-scrub=nib] .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-hook-scrub=nib] .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-hook-scrub=nib] .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-hook-scrub=nib] .scrub:is(:hover,[data-dragging]) .scrub__handle:after{box-shadow:1px 1px 0 var(--ink-2)}[data-fancy-scrub=on][data-hook-scrub=float] .scrub__handle{-webkit-mask:none;mask:none;background:none}[data-fancy-scrub=on][data-hook-scrub=float] .scrub__handle:after{content:"";position:absolute;inset: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-hook-scrub=float] .scrub__handle:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--title);opacity:0;transform:scale(1)}[data-fancy-scrub=on][data-playing=on][data-hook-scrub=float] .scrub__handle:after{animation:scrub-bob var(--scrub-bob-dur) var(--scrub-bob-ease-stepped, ease-in-out) infinite}[data-fancy-scrub=on][data-playing=on][data-hook-scrub=float] .scrub__handle:before{animation:scrub-ripple var(--scrub-bob-dur) var(--scrub-ripple-ease-stepped, ease-out) infinite}[data-fancy-scrub=on][data-hook-scrub=float] .scrub[data-dragging] .scrub__handle:after{animation:none;transform:translateY(1px) scale(.9)}@keyframes scrub-bob{50%{transform:translateY(calc(-1 * var(--scrub-bob-amp)))}}@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-hook-scrub=lens] .scrub__handle{-webkit-mask:none;mask:none;background:color-mix(in srgb,var(--title) 10%,transparent);border-radius:50%;border:var(--scrub-lens-ring-w) solid color-mix(in srgb,var(--title) 65%,transparent);box-sizing:border-box;box-shadow:inset 1px 1px var(--scrub-lens-glint-blur) var(--glint),inset -1px -1px var(--scrub-lens-glint-blur) color-mix(in srgb,var(--title) 45%,transparent),0 1px var(--scrub-lens-shadow-blur) color-mix(in srgb,var(--title) 30%,transparent);overflow:hidden}[data-fancy-scrub=on][data-hook-scrub=lens] .scrub__handle:before{content:"";position:absolute;inset:-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-hook-scrub=lens] .scrub__handle:before{animation:scrub-sheen var(--scrub-sheen-dur) var(--scrub-sheen-ease-stepped, ease-in-out) infinite alternate}[data-fancy-scrub=on][data-hook-scrub=lens] .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-hook-scrub=bolt] .scrub__handle{animation:scrub-breathe var(--scrub-breathe-dur) var(--scrub-breathe-ease-stepped, ease-in-out) infinite alternate}[data-fancy-scrub=on][data-hook-scrub=bolt] .scrub[data-dragging] .scrub__handle{animation:none;filter:drop-shadow(0 0 var(--scrub-glow-held) var(--title)) brightness(1.3)}[data-fancy-scrub=on][data-hook-scrub=bolt] .scrub[data-released] .scrub__handle{animation:scrub-flicker var(--scrub-flicker-dur) steps(2,start) 1}@keyframes scrub-breathe{0%{filter:drop-shadow(0 0 var(--scrub-glow-min) var(--title))}to{filter:drop-shadow(0 0 var(--scrub-glow-max) var(--title))}}@keyframes scrub-flicker{50%{opacity:.3}}:root[data-motion=reduced] .scrub__handle,:root[data-motion=reduced] .scrub__handle:before,:root[data-motion=reduced] .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;inset:0;width:100%;height:100%;object-fit:cover;display:block}.np__art-glyph{position:absolute;inset: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;inset:0}.vinyl__plate{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;inset:0;border-radius:50%;box-shadow:var(--vinyl-plate-shadow)}.vinyl__spin{-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;inset: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))}}:root[data-motion=reduced] .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:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:var(--np-meta-gap);align-content:center}.np__meta>:not(.np__listen){grid-column:1;min-width:0}.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);letter-spacing:var(--title-tracking, normal);color:var(--np-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np__title-text{display:inline-block;transition:transform var(--np-title-scroll-back) var(--ease-ui) 0ms}.np__title.is-scrolling{text-overflow:clip}.np__title.is-scrolling .np__title-text{transform:translate(var(--np-title-shift, 0px));transition:transform var(--np-title-scroll-dur, 0ms) linear var(--np-title-scroll-delay)}:root[data-motion=reduced] .np__title.is-scrolling{text-overflow:ellipsis}:root[data-motion=reduced] .np__title.is-scrolling .np__title-text{transform:none;transition:none}.np__listen{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--np-listen-line-gap);padding:var(--np-listen-pad);font-family:var(--font-body);font-size:var(--fs-subtext);line-height:1;color:var(--np-listen-ink);background:color-mix(in srgb,var(--np-listen-fill) var(--np-listen-strength),transparent);border:1px solid var(--np-listen-edge);border-radius:var(--np-listen-radius);white-space:nowrap;cursor:pointer}.np__listen[hidden]{display:none}.np__listen:focus-visible{outline:var(--focus-ring-w) solid var(--np-listen-ink);outline-offset:1px}.np__listen-line{display:block}.np__listen--cover{display:none;position:absolute;right:var(--np-listen-inset);bottom:var(--np-listen-inset);z-index:2}[data-surface=max] .np__listen--cover:not([hidden]){display:inline-flex}.bento[data-player=full] .panel[data-slot=np] .np__listen--cover{display:none}.np__listen--meta{display:none;grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end;margin-left:var(--np-listen-gap)}.bento[data-player=full] .panel[data-slot=np] .np__listen--meta:not([hidden]){display:inline-flex}.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:is([data-slot=np],.np-still,.onboarding__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;inset: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][data-max-cards="2rows"] .panel[data-slot=right][data-grow=tall]{grid-area:1 / 2 / 3 / 3}[data-surface=max][data-stage-side=right] .panel[data-slot=left][data-grow=wide],[data-surface=max][data-stage-side=right] .panel[data-slot=right][data-grow=wide]{grid-area:1 / 1 / 2 / 3}[data-surface=max][data-stage-side=right] .panel[data-slot=c][data-grow=wide],[data-surface=max][data-stage-side=right] .panel[data-slot=d][data-grow=wide]{grid-area:2 / 1 / 3 / 3}[data-surface=max][data-stage-side=right] .panel[data-slot=left][data-grow=tall],[data-surface=max][data-stage-side=right] .panel[data-slot=c][data-grow=tall]{grid-area:1 / 1 / 3 / 2}[data-surface=max][data-stage-side=right] .panel[data-slot=right][data-grow=tall],[data-surface=max][data-stage-side=right] .panel[data-slot=d][data-grow=tall]{grid-area:1 / 2 / 3 / 3}[data-surface=max][data-stage-side=right] .panel[data-grow=full]{grid-area:1 / 1 / 3 / 3}[data-surface=max][data-stage-side=right][data-max-cards="2rows"] .panel[data-slot=right][data-grow=tall]{grid-area:1 / 1 / 3 / 2}[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(.is-covered,.is-covering,.is-uncovering){grid-area:2 / 1 / 3 / 2}[data-surface=midi] .panel[data-slot=right]:is(.is-covered,.is-covering,.is-uncovering){grid-area:2 / 2 / 3 / 3}.bento .panel.is-grown{z-index:2}.grow-shell{position:absolute;z-index:2;pointer-events:none;will-change:opacity}.grow-shell__clip,.grow-shell__fill,.grow-shell__edge{position:absolute;box-sizing:border-box}.grow-shell__clip,.grow-shell__edge{border-radius:var(--panel-radius)}.grow-shell__clip{overflow:hidden}.grow-shell__fill{will-change:opacity;background:var(--panel-paint);background-blend-mode:var(--panel-blend);-webkit-backdrop-filter:var(--panel-backdrop);backdrop-filter:var(--panel-backdrop);isolation:var(--panel-isolation)}.grow-shell__edge{border:var(--panel-border-width) solid var(--panel-border);box-shadow:var(--shadow-card)}.bento .panel.is-shelled{z-index:2;background:none;box-shadow:none;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.bento .panel.is-shelled:before,.bento .panel.is-shelled:after{display:none}.bento .grow-shell.is-front,.bento .panel.is-shelled.is-front{z-index:3}.bento .panel.is-covering{opacity:0;pointer-events:none;transition:opacity var(--grow-dur) var(--grow-ease)}.bento .panel.is-uncovering{opacity:1;transition:opacity var(--grow-collapse-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{width:auto;min-width:0;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:var(--space-half)}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__cell--spill{overflow:visible;text-overflow:clip}.lib-cols__arrow{flex:0 0 auto;width:var(--caret-size);height:var(--caret-size);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;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}:root[data-motion=reduced] .bento .panel.is-covering,:root[data-motion=reduced] .bento .panel.is-uncovering{transition:none}:root[data-motion=reduced] .panel.is-grow-rows>:not(.panel__head){animation:none}.np__close{display:none}@property --fp-stack-h{syntax: "*"; inherits: false;}@property --player-row1{syntax: "*"; inherits: false;}:root[data-surface=midi] .bento[data-player=full]{grid-template-rows:var(--player-row1, auto) minmax(0,1fr)}:where(:root)[data-surface=midi] .bento[data-player=full] .panel[data-slot=np]{grid-area:1 / 1 / 3 / 3}:where(:root)[data-surface=midi] .bento[data-player=full] .panel[data-slot=left]{grid-area:2 / 1 / 3 / 2}:where(:root)[data-surface=midi] .bento[data-player=full] .panel[data-slot=right]{grid-area:2 / 2 / 3 / 3}:where(:root)[data-surface=max] .bento[data-player=full] .stage{display:contents}:where(:root)[data-surface=max] .bento[data-player=full] .stage>.panel[data-slot=np]{grid-area:1 / 2 / -1 / -1}:where(:root)[data-surface=max] .bento[data-player=full] .stage>.panel[data-slot=queue]{grid-area:1 / 1 / -1 / 2}:root .bento[data-player=full] .panel[data-slot=np]{z-index:2}:where(:root)[data-surface=max] .bento[data-player=full] .panel.fp-history{display:flex;visibility:hidden;grid-area:1 / 2 / -1 / -1;justify-self:end;width:var(--full-history-w);z-index:2}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-history] .panel.fp-history{visibility:visible}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-flip] .panel.fp-history{grid-area:1 / 1 / -1 / 2;justify-self:stretch;width:auto}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-flip][data-fp-history=on] .stage>.panel[data-slot=queue]{grid-area:1 / 2 / -1 / -1;justify-self:end;width:var(--full-history-w);z-index:2}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-history=on] .stage>.panel[data-slot=np]{margin-right:calc(var(--full-history-w) + var(--panel-gap))}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-flip]:not([data-fp-history=on]):not([data-fp-stack]) .stage>.panel[data-slot=np]{grid-area:1 / 1 / -1 / -1;margin-right:calc(var(--max-stage-w) + var(--panel-gap))}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-flip]:not([data-fp-history=on]):not([data-fp-stack]) .stage>.panel[data-slot=queue]{grid-area:1 / 1 / -1 / -1;justify-self:end;width:var(--max-stage-w);z-index:2}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full]:not([data-fp-stack]):not([data-fp-flip]) .stage>.panel[data-slot=queue]{grid-area:1 / 1 / -1 / -1;justify-self:start;width:var(--max-stage-w)}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full]:not([data-fp-stack]):not([data-fp-flip]) .stage>.panel[data-slot=np]{grid-area:1 / 1 / -1 / -1;margin-left:calc(var(--max-stage-w) + var(--panel-gap))}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full]:not([data-fp-stack]) .panel.fp-history{grid-area:1 / 1 / -1 / -1}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full][data-fp-flip]:not([data-fp-stack]) .panel.fp-history{justify-self:start;width:var(--max-stage-w)}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full][data-fp-flip][data-fp-history=on]:not([data-fp-stack]) .stage>.panel[data-slot=queue]{grid-area:1 / 1 / -1 / -1}:where(:root)[data-surface=max][data-stage-side=right] .bento[data-player=full][data-fp-flip][data-fp-history=on]:not([data-fp-stack]) .stage>.panel[data-slot=np]{grid-area:1 / 1 / -1 / -1;margin-left:calc(var(--max-stage-w) + var(--panel-gap))}:root .bento[data-player=full][data-fp-stack]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--fp-stack-h, auto) minmax(0,1fr);grid-template-areas:none}:where(:root)[data-surface=midi] .bento[data-player=full][data-fp-stack] .panel[data-slot=np]{grid-area:1 / 1 / 2 / 3}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack] .stage>.panel[data-slot=np]{grid-area:1 / 1 / 2 / 3;margin-right:0}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack] .panel:is([data-slot=left],[data-slot=right],[data-slot=c],[data-slot=d]){grid-area:1 / 1 / 2 / 3}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack]:not([data-fp-flip]) .stage>.panel[data-slot=queue]{grid-area:2 / 1 / 3 / 2}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack][data-fp-flip] .stage>.panel[data-slot=queue]{grid-area:2 / 2 / 3 / 3;justify-self:stretch;width:auto}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack] .panel.fp-history{grid-area:2 / 2 / 3 / 3;justify-self:stretch;width:auto}:where(:root)[data-surface=max] .bento[data-player=full][data-fp-stack][data-fp-flip] .panel.fp-history{grid-area:2 / 1 / 3 / 2}.bento[data-player=full] .panel[data-slot=np]{container-type:size}.bento[data-player=full] .panel[data-slot=np] .np{--fp-side: min(calc(100cqw * var(--fp-cover-share)), 100cqh);flex:1 1 auto;min-height:0;container-type:normal;display:grid;gap:var(--space-3);place-content:center;grid-template-columns:var(--fp-side);grid-template-rows:var(--fp-side)}.bento[data-player=full] .panel[data-slot=np] .np__art{grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;align-self:stretch;aspect-ratio:1;font-size:var(--np-stage-glyph)}.bento[data-player=full] .panel[data-slot=np] .np__art:not(:has(>.vinyl--glyph)){--vinyl: var(--vinyl-stage);--vinyl-x: 1;--vinyl-y: 0}.bento[data-player=full] .panel[data-slot=np] .np__close{display:grid;grid-area:1 / 1;align-self:start;justify-self:end;margin:var(--np-close-inset);position:relative;z-index:2}.bento[data-player=full] .panel[data-slot=np][data-np-close] .np__close{margin:0}.bento[data-player=full] .panel[data-slot=np][data-np-close=above] .np__close{translate:0 calc(-100% - var(--np-close-inset))}.bento[data-player=full] .panel[data-slot=np][data-np-close=side] .np__close{translate:calc(100% + var(--np-close-inset)) 0}.bento[data-player=full] .panel[data-slot=np][data-np-close] .np{padding-top:var(--fp-close-room, 0px)}.bento[data-player=full] .panel[data-slot=np] .np__album{display:block}.bento[data-player=full] .panel[data-slot=np] .np__times,.bento[data-player=full] .panel[data-slot=np] .np__vol{display:flex}.bento[data-player=full] .panel[data-slot=np] .np__title{font-size:var(--fs-title)}.bento[data-player=full] .panel[data-slot=np] .np__aurora:before{left:calc(var(--panel-pad) + 50cqw);top:calc(var(--panel-pad) + 50cqh);width:calc(var(--fp-side) * var(--album-aurora-reach))}.bento[data-player=full] .panel[data-slot=np][data-np-rows=over] .np{--np-title: var(--np-band-ink);--np-subtext: var(--np-band-sub);--np-accent: var(--np-band-ink)}.bento[data-player=full] .panel[data-slot=np][data-np-rows=over] .np__center{--title: var(--np-band-ink);--text: var(--np-band-ink);--subtext: var(--np-band-sub);grid-area:1 / 1;align-self:end;padding:calc(var(--np-band-pad) + var(--np-band-fade)) var(--np-band-pad) var(--np-band-pad)}.bento[data-player=full] .panel[data-slot=np][data-np-rows=over] .np__center:before,.bento[data-player=full] .panel[data-slot=np][data-np-rows=below] .np__meta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent,var(--np-band) var(--np-band-fade));border-radius:0 0 var(--radius-control) var(--radius-control);transition:opacity var(--grow-body-fade) var(--ease-ui)}.bento[data-player=full] .panel.is-rows-sliding[data-np-rows] :is(.np__center,.np__meta):before{opacity:0;transition:none}.bento[data-player=full] .panel[data-slot=np][data-np-rows=over] .np__center .panel__action{background:transparent;border-color:var(--np-band-sub)}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below] .np{--fp-side: min(calc(100cqw * var(--fp-cover-share)), 100cqh - var(--fp-controls-h, 0px) - var(--space-3) - var(--fp-close-room, 0px));grid-template-rows:var(--fp-side) repeat(4,auto)}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below] .np__center{display:contents}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below] .np__meta{--np-title: var(--np-band-title, var(--np-band-ink));--np-subtext: var(--np-band-subtext, var(--np-band-sub));--np-accent: var(--np-band-accent, var(--np-band-ink));--title: var(--np-band-ink);--text: var(--np-band-ink);--subtext: var(--np-band-sub);grid-area:1 / 1;align-self:end;position:relative;z-index:1;padding:calc(var(--np-band-pad) + var(--np-band-fade)) var(--np-band-pad) var(--np-band-pad)}.panel[data-slot=np][data-np-rows=below] .np__center>:not(.np__meta){position:relative;z-index:1}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below] .np__aurora:before{top:calc(var(--panel-pad) + 50cqh - (var(--fp-controls-h, 0px) + var(--space-3) - var(--fp-close-room, 0px)) / 2)}.panel.is-player-rebuild[data-np-rows=below] .np__center>*{opacity:0}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below][data-np-meta-below] .np{grid-template-rows:var(--fp-side) repeat(5,auto)}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below][data-np-meta-below] .np__meta{--np-title: inherit;--np-subtext: inherit;--np-accent: inherit;--title: inherit;--text: inherit;--subtext: inherit;grid-area:2 / 1;align-self:start;padding:0}.bento[data-player=full] .panel[data-slot=np][data-np-rows=below][data-np-meta-below] .np__meta:before{content:none}:root[data-np-shade=text] .bento[data-player=full] .panel[data-slot=np][data-np-rows=below]:not([data-np-meta-below]) .np__meta{grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;clip-path:inset(0 round 0 0 var(--radius-control) var(--radius-control))}:root[data-np-shade=text] .bento[data-player=full] .panel[data-slot=np][data-np-rows=below]:not([data-np-meta-below]) .np__listen--meta{grid-column:3}:root[data-np-shade=text] .bento[data-player=full] .panel[data-slot=np][data-np-rows=below]:not([data-np-meta-below]) .np__meta:before{grid-column:1 / 2;grid-row:1 / 4;inset:calc(-1 * var(--np-shade-pad));background:var(--np-band);border-radius:var(--np-shade-radius);box-shadow:0 0 var(--np-shade-soft) var(--np-shade-soft) var(--np-band)}.panel.is-player-rebuild .np__center,.panel.is-player-rebuild .np__close{opacity:0}.bento>.panel:is(.np-still,.fp-still){position:absolute;margin:0;z-index:0;pointer-events:none}.bento .panel.fp-pin{position:absolute;margin:0;grid-area:auto!important}.panel.np-still .np__art{visibility:hidden}.panel.np-still.is-bare :is(.np__center,.np__aurora){visibility:hidden}.bento>.panel.fp-ghost{position:absolute;margin:0;z-index:2;pointer-events:none}.bento>.panel.fp-ghost{overflow:hidden}.panel.fp-ghost>.np__aurora{inset:auto;border-radius:0;overflow:visible}.panel.fp-ghost>.np__aurora:before{left:50%;top:50%;width:100%}.np__fly{position:fixed;z-index:40;margin:0;min-width:0;min-height:0;max-width:none;pointer-events:none;transform-origin:0 0}.panel.is-drill-swap{overflow:hidden}.panel.is-drill-swap>.panel__body,.panel.is-drill-swap>.coll-body{will-change:transform}.panel.is-drill-swap>:is(.panel__body,.coll-body):not(.drill-swap__ghost){position:relative;z-index:1}.drill-swap__ghost{position:absolute;pointer-events:none;margin:0;z-index:0}.panel.is-grow-rebuild>.drill-swap__ghost{opacity:1}.drill-swap__head{position:absolute;pointer-events:none;margin:0;z-index:2}.drill-swap__ghost,.drill-swap__ghost *{animation:none!important}.coll-views{display:flex;flex:0 0 auto;margin-right:var(--space-1)}.coll-views[hidden]{display:none}.split-pill{box-sizing:border-box;height:var(--icon-lg);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;flex:0 0 auto;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--split-pill-radius);overflow:hidden}.split-pill__half{font-family:var(--font-body);font-size:var(--split-pill-fs);font-weight:var(--split-pill-weight);line-height:1;color:var(--title);background:transparent;border:none;border-radius:0;padding:0 var(--split-pill-pad);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-ui)}.split-pill__half+.split-pill__half{border-left:1px solid var(--border)}.split-pill__half:hover{filter:brightness(.97)}.split-pill__half[aria-pressed=true]{background:var(--picked);cursor:default;filter:none}.split-pill__half[aria-disabled=true]{opacity:var(--split-pill-dim);cursor:default;filter:none}.split-pill__half:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-w))}.split-pill__half[aria-busy=true]{cursor:progress;animation:search-pulse var(--split-pill-busy-dur) var(--pulse-ease) infinite}.lib-view[data-switch]{scrollbar-gutter:stable}.is-view-leaving{opacity:0;transition:opacity var(--view-leave-dur) var(--ease-ui);pointer-events:none}:root[data-motion=reduced] .split-pill__half{transition:none}:root[data-motion=reduced] .split-pill__half[aria-busy=true]{animation:none}.lib-row>.add-square--mark.is-in{display:grid}.lib-row__title>.add-square{display:none;vertical-align:middle;margin-left:var(--space-1)}.lib-row:hover .lib-row__title>.add-square:not([hidden]),.lib-row__title>.add-square--mark.is-in,.lib-row__title>.add-square.is-busy{display:inline-grid}.lib-row.is-unreleased{cursor:default;opacity:var(--unreleased-opacity)}.lib-row__mark{display:grid;place-items:center}.lib-row__mark>.add-square--cell:not([hidden]){display:grid}.lib-row__mark>.love-square:not([hidden])~.add-square{display:none}.panel__action.love-square svg{fill:none;stroke:currentColor}.panel__action.love-square.is-on svg{fill:currentColor}.rulez{overflow-y:auto;overflow-x:hidden}.rulez__list{display:flex;flex-direction:column;gap:var(--rulez-gap);padding-bottom:var(--space-3)}.rulez__rule{border:1px solid transparent;border-radius:var(--radius-control);transition:background-color var(--rulez-fold-dur) var(--rulez-fold-ease),border-color var(--rulez-fold-dur) var(--rulez-fold-ease)}.rulez__fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--rulez-fold-dur) var(--rulez-fold-ease)}.rulez__fold.is-shut{grid-template-rows:0fr}.rulez__fold-in{min-height:0;overflow:hidden}:root[data-motion=reduced] .rulez__rule,:root[data-motion=reduced] .rulez__fold{transition:none}.rulez__rule.is-open{border-color:var(--border);background:var(--surface)}.rulez__bar{display:grid;grid-template-columns:var(--rulez-lead-w) minmax(4em,max-content) minmax(0,1fr) auto var(--icon-lg);align-items:center;gap:var(--space-2);min-height:var(--rulez-row-h);padding:var(--space-1) var(--space-1);border-radius:var(--radius-control);cursor:pointer}.rulez__rule:not(.is-locked)>.rulez__bar:hover{background:var(--surface-hover)}.rulez__rule.is-locked>.rulez__bar{cursor:default}.rulez__rule.is-recipe>.rulez__bar,.rulez__rule.is-setrow>.rulez__bar{cursor:pointer}.rulez__rule.is-recipe>.rulez__bar:hover,.rulez__rule.is-setrow>.rulez__bar:hover{background:var(--surface-hover)}.rulez__part{display:flex;flex-direction:column;gap:var(--space-1)}.rulez__part-name{margin:0;font-size:var(--fs-text);font-weight:var(--fw-title);color:var(--title)}.rulez__part-said{margin:0;font-size:var(--fs-subtext);color:var(--text)}.rulez__name{font-size:var(--fs-text);font-weight:var(--fw-title);color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--rulez-name-max-w)}.rulez__summary{min-width:0;font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-1)}.rulez__summary.is-name{color:var(--text)}.rulez__summary.is-name{grid-column:2 / 4}.rulez__said{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rulez__warn svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.8}.rulez__switch{margin:0}.rulez__switch .set__half[aria-disabled=true]{opacity:var(--rulez-idle-opacity);cursor:default}.rulez__rule.is-idle>.rulez__bar>.rulez__name,.rulez__rule.is-idle>.rulez__bar>.rulez__summary{opacity:var(--rulez-idle-opacity)}.rulez__mine{display:flex;flex-direction:column;gap:var(--rulez-gap)}.rulez__rule.is-holding{transform:none}.rulez__rule.is-holding>.rulez__bar{transform:scale(var(--hold-swell));transform-origin:center left;transition:transform var(--hold-ms) var(--ease-ui)}:root[data-motion=reduced] .rulez__rule.is-holding>.rulez__bar{transform:none}.rulez__wins{margin:0 0 var(--space-1) calc(var(--rulez-lead-w) + var(--space-3));font-size:var(--fs-subtext);color:var(--subtext);font-style:italic}.rulez__lead{display:grid;place-items:center;color:var(--subtext)}.rulez__lead svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;stroke:currentColor;stroke-width:0}.rulez__rule.is-locked .rulez__lead svg{fill:none;stroke-width:1.6}.rulez__open{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-3) calc(var(--rulez-lead-w) + var(--space-3))}.rulez__fields{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rulez__line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rulez-gap);min-height:var(--icon-lg)}.rulez__line:empty{display:none}.rulez__word{font-size:var(--fs-text);color:var(--text);padding:0 var(--space-1)}.rulez__blank{max-width:100%;padding:var(--rulez-cell-pad);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--rulez-cell-radius);color:var(--title);font-family:var(--font-body);font-size:var(--fs-subtext);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.rulez__blank:hover{filter:brightness(.97)}.rulez__blank.is-missing,.rulez__blank.is-empty{border-style:dashed;color:var(--subtext);background:transparent}.rulez__block{display:flex;flex-direction:column;gap:var(--rulez-gap);margin-left:var(--space-2);padding-left:var(--space-3);border-left:var(--rulez-block-line) solid var(--border)}.rulez__mark{width:1em;text-align:center;font-size:var(--fs-subtext);color:var(--subtext)}.rulez__mark.is-yes{color:var(--title)}.rulez__live{margin:0;font-size:var(--fs-subtext);color:var(--subtext);font-style:italic}.rulez__blank:focus-visible,.rulez__add:focus-visible,.rulez__more:focus-visible{outline:1px solid var(--np-accent);outline-offset:1px}.rulez__add,.rulez__more{width:var(--icon-lg);height:var(--icon-lg);padding:0;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-control);color:var(--subtext);cursor:pointer}.rulez__add{border-color:var(--border);border-style:dashed}.rulez__add:hover,.rulez__more:hover{background:var(--surface-hover)}.rulez__add svg,.rulez__more svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;stroke:currentColor;stroke-width:1.6}.rulez__add svg{fill:none}.rulez__divider{margin-top:var(--space-3);padding:var(--space-1) 0;color:var(--subtext);font-size:var(--fs-subtext);border-bottom:1px solid var(--border)}.rulez__divider--fold{display:flex;align-items:center;gap:var(--space-1);width:100%;background:none;border:none;border-bottom:1px solid var(--border);font-family:var(--font-body);text-align:left;cursor:pointer}.rulez__divider--fold:hover{color:var(--text)}.rulez__divider--fold:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.rulez__divider--fold.is-collapsed .lib-shelf__chev{transform:rotate(-90deg)}.rulez__empty{margin:var(--space-3) 0;color:var(--subtext);font-size:var(--fs-subtext)}.rulez__close svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:2}.rulez-log__tools{display:flex;justify-content:flex-end;padding:var(--space-1) 0}.rulez-log__part{display:flex;flex-direction:column}.rulez-log__line{display:grid;grid-template-columns:minmax(6em,max-content) minmax(0,1fr);gap:var(--space-3);padding:var(--space-1) 0;font-size:var(--fs-subtext);border-bottom:1px solid var(--border)}.rulez-log__time{color:var(--subtext);white-space:nowrap}.rulez-log__text{color:var(--text);overflow-wrap:anywhere}.rulez-log__text--raw{font-family:var(--font-mono)}.rulez-log__snap{border-bottom:1px solid var(--border);font-size:var(--fs-subtext)}.rulez-log__snap>summary{display:grid;grid-template-columns:minmax(6em,max-content) minmax(0,1fr);gap:var(--space-3);padding:var(--space-1) 0;cursor:pointer;list-style:none}.rulez-log__snap>summary::-webkit-details-marker{display:none}.rulez-log__snap>summary:hover{background:var(--surface-hover)}.rulez-log__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) 0 var(--space-2) calc(6em + var(--space-3))}.rulez-log__rule{color:var(--text)}.rulez-log__cond{padding-left:var(--space-3);color:var(--subtext)}.rulez-log__cond.is-yes{color:var(--title)}.rulez-log__facts{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--space-3);color:var(--subtext)}.rulez-log__fact{display:contents}.rulez-log__fact>span:last-child{color:var(--text);overflow-wrap:anywhere}.lib-pop--rule{width:var(--filter-pop-w);max-width:calc(100vw - 2 * var(--panel-edge-gap));max-height:var(--filter-pop-max-h);overflow-y:auto}.fpop{display:flex;flex-direction:column;gap:var(--space-2)}.fpop__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.fpop__title{font-family:var(--font-body);font-size:var(--fs-text);color:var(--title);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpop__count{font-size:var(--fs-subtext);color:var(--subtext);white-space:nowrap}.fpop__cond,.fpop__part{display:flex;flex-direction:column;gap:var(--filter-gap)}.fpop__part{padding-top:var(--space-2);border-top:1px solid var(--border)}.fpop__notes{display:flex;flex-direction:column;gap:var(--space-half)}.fpop__missing{align-self:flex-start;padding:0;background:none;border:none;font-family:var(--font-body);font-size:var(--fs-subtext);color:var(--subtext);font-style:italic;text-decoration:underline dotted;cursor:pointer}.fpop__missing:hover{color:var(--title)}.fpop__missing:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:var(--focus-ring-off)}.fpop__acts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.fpop__acts:empty{display:none}.fpop__chip{border-radius:var(--filter-chip-radius);min-width:var(--filter-chip-min-w)}.fpop__accent{min-width:0;border-radius:var(--filter-chip-radius)}.fpop__saved{display:flex;flex-direction:column;gap:var(--space-half)}.fpop__row{display:flex;align-items:center;gap:var(--space-1)}.fpop__use{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-half);padding:var(--space-1) var(--space-2);background:none;border:none;border-radius:var(--radius-control);color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-ui)}.fpop__use:hover{background:var(--surface-hover)}.fpop__use:focus-visible{outline:var(--focus-ring-w) solid var(--title);outline-offset:calc(-1 * var(--focus-ring-off))}.fpop__row.is-on .fpop__use{background:var(--surface-hover)}.fpop__row.is-on .fpop__name{color:var(--title);font-weight:600}.fpop__name{font-size:var(--fs-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpop__sub{font-size:var(--fs-subtext);color:var(--subtext);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-hook-material=metal] .np__art{clip-path:inset(0 round var(--radius-control))}[data-hook-material=metal][data-theme-fade] .np__art .vinyl__spin{view-transition-name:none}[data-hook-material=metal][data-theme-fade] :is(.np__art,.np__meta){view-transition-name:match-element;view-transition-class:theme-live}[data-hook-material=metal] .titlebar{background-color:var(--app-canvas-color);background-image:var(--app-canvas-bg);background-blend-mode:var(--app-canvas-blend);background-size:var(--canvas-bg-size);box-shadow:inset 0 -1px 0 var(--metal-edge-lo)}@keyframes metal-badge-in{0%{opacity:0}to{opacity:1}}[data-hook-material=metal] .np__listen--cover:not([hidden]){animation:metal-badge-in var(--metal-badge-in) ease-out both}[data-hook-material=metal][data-metal-peek]:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__art{background:transparent;height:80cqw;aspect-ratio:5 / 4}[data-hook-material=metal][data-metal-peek]:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__art .vinyl{inset:var(--metal-peek-cover-inset);z-index:1;border-radius:var(--radius-control);box-shadow:var(--metal-cover-shadow)}[data-hook-material=metal][data-metal-peek]:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__art .vinyl:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--metal-cover-rim);pointer-events:none}.metal-peek{display:none}[data-hook-material=metal][data-metal-peek]:is([data-surface=max],[data-surface=mini][data-mini=player]) .np__art .metal-peek{display:block;position:absolute;inset:var(--metal-peek-cover-inset);pointer-events:none;border-radius:var(--radius-control);background:var(--peek-art, none) center / cover no-repeat,var(--surface);filter:var(--metal-peek-dim);box-shadow:var(--metal-cover-rim),var(--metal-cover-shadow)}[data-hook-material=metal][data-metal-peek] .np__art .metal-peek[data-side=prev]{transform:perspective(var(--metal-perspective)) translate(calc(-100% * var(--zoetrope-run))) translateZ(var(--metal-drum-back)) rotateY(calc(-1deg * var(--zoetrope-turn)))}[data-hook-material=metal][data-metal-peek] .np__art .metal-peek[data-side=next]{transform:perspective(var(--metal-perspective)) translate(calc(100% * var(--zoetrope-run))) translateZ(var(--metal-drum-back)) rotateY(calc(1deg * var(--zoetrope-turn)))}[data-hook-material=metal][data-metal-peek] .np__art .metal-peek[data-empty]{visibility:hidden}[data-hook-material=metal][data-metal-peek] .np__art .metal-peek[data-blank]{background:var(--metal-tex-control) 0 0 / var(--metal-size-fine) var(--metal-size-fine),var(--surface)}[data-hook-material=metal][data-metal-peek] .np__art:has(>.vinyl--out)>.metal-peek[data-receiving]{opacity:0}[data-hook-material=metal][data-metal-peek][data-surface=max]{--fp-cover-share: var(--metal-peek-cover-w, 1)}[data-hook-material=metal][data-metal-peek][data-surface=max] .bento[data-player=full] .panel[data-slot=np] .np__art{width:calc(100% / var(--metal-peek-cover-w, 1));height:calc(100% / var(--metal-peek-cover-h, 1));aspect-ratio:auto;align-self:center;justify-self:center}[data-fancy-scrub=on][data-hook-scrub=wheel] .scrub .scrub__track{height:var(--metal-slot-h);border-radius:var(--metal-slot-radius);background:color-mix(in srgb,var(--metal),black 45%);box-shadow:var(--metal-slot-shadow)}[data-fancy-scrub=on][data-hook-scrub=wheel] .scrub .scrub__fill{border-radius:var(--metal-slot-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--title),white 35%),var(--title) 55%,color-mix(in srgb,var(--title),black 30%))}[data-fancy-scrub=on][data-hook-scrub=wheel] .scrub__handle{left:clamp(calc(var(--metal-wheel-w) / 2),var(--slider-fill, 0%),calc(100% - var(--metal-wheel-w) / 2));width:var(--metal-wheel-w);height:var(--metal-wheel-h);-webkit-mask:none;mask:none;border-radius:var(--metal-wheel-radius);background:repeating-linear-gradient(180deg,color-mix(in srgb,black 48%,transparent) 0 1px,color-mix(in srgb,white 40%,transparent) 1px 2px,color-mix(in srgb,white 8%,transparent) 2px calc(var(--metal-wheel-pitch) - 1px),transparent calc(var(--metal-wheel-pitch) - 1px) var(--metal-wheel-pitch)) 0 calc(var(--slider-fill, 0%) * var(--metal-wheel-roll)) / 100% var(--metal-wheel-pitch),linear-gradient(180deg,color-mix(in srgb,black 55%,transparent),transparent 30%,color-mix(in srgb,white 28%,transparent) 48%,transparent 66%,color-mix(in srgb,black 60%,transparent)),linear-gradient(90deg,color-mix(in srgb,white 18%,transparent),transparent 25%,transparent 75%,color-mix(in srgb,black 25%,transparent)),color-mix(in srgb,var(--metal),white 22%);box-shadow:var(--metal-wheel-shadow);transition:transform var(--dur-fast) var(--ease-ui),filter var(--dur-fast) var(--ease-ui)}[data-fancy-scrub=on][data-hook-scrub=wheel] .scrub:hover{--handle-scale: var(--metal-wheel-lift)}[data-fancy-scrub=on][data-hook-scrub=wheel] .scrub[data-dragging] .scrub__handle{filter:brightness(1.15)}:root[data-motion=reduced][data-hook-material=metal] .np__listen--cover:not([hidden]){animation:none}.scene{display:none;position:absolute;inset:0;pointer-events:none;overflow:hidden}[data-hook-scene=on] .scene{display:block}[data-hook-scene=on] .app-body,[data-hook-scene=on] .scene{overflow:clip;overflow-clip-margin:var(--titlebar-h)}[data-hook-scene=on] .titlebar{z-index:3}[data-hook-scene=on] .titlebar :is(.app-title,button:not(.vol__pill *,.light)){filter:var(--scene-titlebar-halo)}.scene--back{z-index:0}.scene--front,.scene--actors{z-index:2}:root[data-onboarding=open] .scene--actors{z-index:3}.scene :is(.scene__sun i,.scene__cloud,.scene__grass,.scene__actor,.scene__ball){image-rendering:pixelated}.scene__sky{position:absolute;inset:0;top:calc(-1 * var(--titlebar-h));background:linear-gradient(180deg,var(--sky-top),var(--sky-low))}.scene__sky--to{opacity:var(--sky-t, 0);transition:opacity var(--scene-sky-fade-dur) linear}.scene__sky[data-part=day]{--sky-top: var(--sky-day);--sky-low: var(--sky-day-low)}.scene__sky[data-part=dawn]{--sky-top: var(--sky-dawn);--sky-low: var(--sky-dawn-low)}.scene__sky[data-part=dusk]{--sky-top: var(--sky-dusk);--sky-low: var(--sky-dusk-low)}.scene__sky[data-part=night]{--sky-top: var(--sky-night);--sky-low: var(--sky-night-low)}.scene__sun{position:absolute;left:var(--sun-x, 0);top:var(--sun-y, 0);width:var(--sun-w, 0);height:var(--sun-w, 0);translate:var(--sun-dx, 0px) var(--sun-dy, 0px);transition:translate var(--scene-sun-back-dur) var(--ease-ui)}.scene__sun[data-away]{transition-duration:var(--scene-sun-away-dur)}.scene__sun i{position:absolute;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.scene__disc{inset:0;background-image:var(--scene-sun)}.scene__moon{inset:0;background-image:var(--scene-moon);opacity:0;transition:opacity var(--dur-med) var(--ease-ui)}.scene__rays{inset:calc((1 - var(--rays-k, 1)) * 50%);background-image:var(--scene-sun-rays);animation:scene-turn var(--scene-ray-turn) linear infinite,scene-glow var(--scene-ray-pulse-dur) ease-in-out infinite alternate}.scene--front[data-moon] .scene__disc,.scene--front[data-moon] .scene__rays{opacity:0;animation-play-state:paused}.scene--front[data-moon] .scene__moon{opacity:1}@keyframes scene-turn{to{transform:rotate(1turn)}}@keyframes scene-glow{0%{opacity:1}to{opacity:var(--scene-ray-dim)}}.scene__cloud{position:absolute;left:0;top:var(--cloud-y, 0);width:var(--cloud-w, 0);height:var(--cloud-h, 0);background:var(--cloud-img) center / 100% 100% no-repeat;opacity:var(--cloud-alpha, 1)}.scene__cloud--far{animation:scene-drift var(--cloud-trip, var(--scene-cloud-trip)) linear infinite;animation-delay:var(--cloud-at, 0s)}.scene__cloud--edge{left:var(--cloud-x, 0);animation:scene-bob var(--cloud-bob, var(--scene-bob-dur)) ease-in-out infinite alternate;animation-delay:var(--cloud-at, 0s)}@keyframes scene-drift{0%{transform:translate(calc(-1 * var(--cloud-w, 0px)))}to{transform:translate(var(--scene-w, 100vw))}}@keyframes scene-bob{to{transform:translateY(calc(-1 * var(--scene-bob)))}}.scene__grass{position:absolute;left:0;right:0;bottom:0;height:calc(var(--scene-grass-h) * var(--scene-px, 2) * 1px);background:var(--scene-grass) left bottom / auto 100% repeat-x}.scene__floor{position:absolute;inset:0}.scene__actor{position:absolute;left:0;top:0;width:var(--fw, 0);height:var(--fh, 0);background-image:var(--strip);background-repeat:no-repeat;background-size:calc(var(--fw, 0px) * var(--frames, 1)) var(--fh, 0px);transform-origin:50% 100%}@keyframes scene-frames{to{background-position-x:calc(-1 * var(--fw, 0px) * var(--frames, 1))}}@keyframes scene-frames-once{to{background-position-x:calc(-1 * var(--fw, 0px) * (var(--frames, 1) - 1))}}.scene__ball{position:absolute;left:0;top:0;width:var(--fw, 0);height:var(--fw, 0);background:var(--pet-ball) center / 100% 100% no-repeat}.scene__bubble{position:absolute;left:0;top:0;padding:var(--bubble-pad);border:calc(var(--bubble-slice) * var(--scene-px, 2) * 1px) solid transparent;border-image:var(--bubble) var(--bubble-slice) fill / calc(var(--bubble-slice) * var(--scene-px, 2) * 1px) stretch;image-rendering:pixelated;font-family:var(--font-skin);font-size:var(--fs-subtext);line-height:1;white-space:nowrap;color:var(--bubble-ink);translate:0 calc(-100% - var(--bubble-gap));animation:pop-row-in var(--pop-in) var(--pop-ease) both}.scene__bubble:after{content:"";position:absolute;left:calc(var(--tail-x, 50%) - var(--bubble-slice) * var(--scene-px, 2) * 1px);top:100%;width:calc(var(--bubble-tail-w) * var(--scene-px, 2) * 1px);height:calc(var(--bubble-tail-h) * var(--scene-px, 2) * 1px);margin-top:calc(-1px * var(--scene-px, 2));transform:translate(-50%);background:var(--bubble-tail) center / 100% 100% no-repeat;image-rendering:pixelated}.pet-push{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:visible}.pet-push .scene__actor{image-rendering:pixelated}.panel:has(>.pet-push){z-index:2}:root[data-ambient=paused] .scene *,:root[data-bg-motion=off] .scene *{animation-play-state:paused}:root[data-motion=reduced] .scene *{animation:none;transition:none}[data-fancy-scrub=on][data-hook-scrub=ball] .scrub__handle{--ball-size: calc(var(--scrub-ball-px) * var(--scene-px, 2) * 1px);left:clamp(calc(var(--ball-size) / 2),var(--slider-fill, 0%),calc(100% - var(--ball-size) / 2));width:var(--ball-size);height:var(--ball-size);-webkit-mask:none;mask:none;background:var(--scrub-ball) no-repeat;background-size:calc(var(--ball-size) * var(--scrub-ball-frames)) var(--ball-size);background-position-x:calc(-1 * mod(round(down,var(--slider-frac, 0) * var(--scrub-ball-roll)),var(--scrub-ball-frames)) * var(--ball-size));image-rendering:pixelated}