:root{color-scheme:light dark;--sx-bg: #0a0f1c;--sx-bg-glow-a: rgba(72, 221, 211, .1);--sx-bg-glow-b: rgba(255, 189, 61, .12);--sx-bg-vignette: #15233f;--sx-surface-1: #131b2c;--sx-surface-2: #1c2740;--sx-surface-3: #232f4a;--sx-well: #070b13;--sx-overlay: rgba(20, 22, 31, .9);--sx-scrim: rgba(0, 0, 0, .55);--sx-text-1: #e8ecf6;--sx-text-2: #cdd6ea;--sx-text-3: #97a2b3;--sx-text-4: #74838f;--sx-ink-on-accent: #06070b;--sx-ink-on-danger: #ffffff;--sx-line: #2b3650;--sx-line-strong: #3a4e5a;--sx-line-soft: rgba(141, 176, 207, .2);--sx-brand-a: #48ddd3;--sx-brand-a-ink: #48ddd3;--sx-brand-b: #ffbd3d;--sx-brand-b-ink: #ffbd3d;--sx-deck-a: var(--sx-brand-a);--sx-deck-a-ink: var(--sx-brand-a-ink);--sx-deck-b: #ff6175;--sx-deck-b-ink: #ff6175;--sx-accent: #6c7bff;--sx-accent-ink: #6c7bff;--sx-cyan: #48efe5;--sx-cyan-ink: #48efe5;--sx-purple: #a875ff;--sx-purple-ink: #a875ff;--sx-lane-chords: #46a7ff;--sx-lane-chords-ink: #46a7ff;--sx-lane-bass: #1fe0bd;--sx-lane-bass-ink: #1fe0bd;--sx-lane-lead: var(--sx-brand-b);--sx-lane-lead-ink: var(--sx-brand-b-ink);--sx-lane-drums: #ff5c73;--sx-lane-drums-ink: #ff8090;--sx-lane-sampler: var(--sx-purple);--sx-lane-sampler-ink: var(--sx-purple-ink);--sx-ok: #2ecc71;--sx-ok-ink: #9be77d;--sx-warn: #f1c40f;--sx-warn-ink: #f1c40f;--sx-hot: #f5923c;--sx-hot-ink: #f5923c;--sx-danger: #ff2d55;--sx-focus: #f1f8fb;--sx-meter-low: #55c95e;--sx-meter-mid: #ecc63f;--sx-meter-high: #ff4a44;--sx-hilite: rgba(255, 255, 255, .06);--sx-shade: rgba(0, 0, 0, .45);--sx-wash-1: rgba(255, 255, 255, .05);--sx-wash-2: rgba(255, 255, 255, .09);--sx-shadow-1: 0 2px 6px rgba(0, 0, 0, .4);--sx-shadow-2: 0 8px 24px rgba(0, 0, 0, .42);--sx-shadow-3: 0 18px 52px rgba(0, 0, 0, .5);--sx-glow-a: 0 0 14px rgba(72, 221, 211, .55);--sx-glow-b: 0 0 14px rgba(255, 189, 61, .5);--sx-glow-danger: 0 0 12px rgba(255, 45, 85, .6);--sx-lighten: #ffffff;--sx-darken: #000000;--sx-metal-hi: #f4f7fb;--sx-metal-mid: #cfd7df;--sx-metal-lo: #596a77;--sx-metal-edge: rgba(0, 0, 0, .3);--sx-chrome: #cdd6ea;--sx-marker: #ffffff;--sx-rim: rgba(255, 255, 255, .14);--sx-key-ink: #596a77;--sx-key-line: #20242c;--sx-key-black-hi: #263140;--sx-key-black-lo: #05080d;--sx-key-black-edge: #05070a;--sx-glow-lane: 0 0 12px color-mix(in srgb, var(--lane) 36%, transparent);--sx-wave-bg: transparent;--sx-wave-body: #eef4f8;--sx-wave-grid-beat: rgba(255, 255, 255, .28);--sx-wave-grid-bar: rgba(255, 255, 255, .1);--sx-wave-label: rgba(255, 255, 255, .55);--sx-wave-centre: rgba(255, 255, 255, .08);--sx-wave-playhead: var(--sx-danger);--sx-wave-cue-ink: #06070b;--sx-viz-a: var(--sx-brand-a);--sx-viz-b: var(--sx-deck-b);--sx-patch-hi: #7fe3ff;--sx-patch-lo: var(--sx-brand-b);--sx-radius-2xs: 2px;--sx-radius-xs: 4px;--sx-radius-sm: 6px;--sx-radius-md: 8px;--sx-radius: 10px;--sx-radius-lg: 14px;--sx-fs-3xs: .52rem;--sx-fs-2xs: .58rem;--sx-fs-xs: .64rem;--sx-fs-sm: .7rem;--sx-fs-md: .76rem;--sx-fs-base: .82rem;--sx-fs-lg: .9rem;--sx-fs-xl: 1rem;--sx-fs-2xl: 1.1rem;--sx-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sx-disabled-opacity: .4;--sx-topbar-h: 47px;--sx-font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Consolas, monospace}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--sx-btn-hi: #26334a;--sx-btn-lo: #121a29;--sx-btn-hover-hi: #2f3d57;--sx-btn-hover-lo: #182236;--sx-amber-hi: #ffce4a;--sx-amber-lo: #d69022}:root{--sx-cue-1: #ffd23f;--sx-cue-2: var(--sx-brand-a-ink);--sx-cue-3: var(--sx-deck-b-ink);--sx-cue-4: var(--sx-accent-ink);--sx-cue-5: #f89b29;--sx-cue-6: #79e66b;--sx-cue-7: #b16cff;--sx-cue-8: #6ad7ff}:root[data-theme=light]{color-scheme:light;--sx-bg: #eceff6;--sx-bg-glow-a: rgba(72, 221, 211, .16);--sx-bg-glow-b: rgba(255, 189, 61, .16);--sx-bg-vignette: #f7f9fc;--sx-surface-1: #ffffff;--sx-surface-2: #f2f5fa;--sx-surface-3: #e6ebf4;--sx-well: #dde3ee;--sx-overlay: rgba(255, 255, 255, .94);--sx-scrim: rgba(15, 23, 42, .34);--sx-text-1: #0f172a;--sx-text-2: #3c4a63;--sx-text-3: #4a5568;--sx-text-4: #64708a;--sx-ink-on-accent: #ffffff;--sx-line: #ccd4e2;--sx-line-strong: #a8b5c9;--sx-line-soft: rgba(15, 23, 42, .1);--sx-brand-a: #0a6f68;--sx-brand-a-ink: #0a6f68;--sx-deck-a: #0a6f68;--sx-deck-a-ink: #0a6f68;--sx-brand-b: #8f5a00;--sx-brand-b-ink: #8f5a00;--sx-deck-b: #d63a56;--sx-deck-b-ink: #b02843;--sx-accent: #4b56d6;--sx-accent-ink: #3b45b8;--sx-cyan: #0e8f89;--sx-cyan-ink: #0a6b66;--sx-purple: #7a45d6;--sx-purple-ink: #6032b8;--sx-lane-chords: #1668c4;--sx-lane-chords-ink: #12539c;--sx-lane-bass: #0a8f79;--sx-lane-bass-ink: #07705f;--sx-lane-drums: #c8324c;--sx-lane-drums-ink: #a3283e;--sx-ok: #1a8f4c;--sx-ok-ink: #136b39;--sx-warn: #a37a00;--sx-warn-ink: #7a5c00;--sx-hot: #c25a12;--sx-hot-ink: #96450e;--sx-danger: #c2183c;--sx-focus: #0f172a;--sx-meter-low: #1f9d55;--sx-meter-mid: #a08400;--sx-meter-high: #d1442a;--sx-hilite: rgba(255, 255, 255, .92);--sx-shade: rgba(15, 23, 42, .09);--sx-wash-1: rgba(15, 23, 42, .045);--sx-wash-2: rgba(15, 23, 42, .085);--sx-shadow-1: 0 1px 2px rgba(15, 23, 42, .08);--sx-shadow-2: 0 4px 14px rgba(15, 23, 42, .1);--sx-shadow-3: 0 14px 38px rgba(15, 23, 42, .14);--sx-glow-a: 0 0 0 2px rgba(13, 143, 134, .45);--sx-glow-b: 0 0 0 2px rgba(185, 116, 0, .42);--sx-glow-danger: 0 0 0 2px rgba(194, 24, 60, .45);--sx-lighten: #475569;--sx-darken: #0f172a;--sx-metal-hi: #ffffff;--sx-metal-mid: #c3ccd8;--sx-metal-lo: #8f9bab;--sx-metal-edge: #8f9bab;--sx-chrome: #5a6779;--sx-marker: #3a4453;--sx-rim: #a8b5c9;--sx-key-ink: #3c4a63;--sx-key-line: #b8c0cc;--sx-key-black-hi: #3a4658;--sx-key-black-lo: #121a26;--sx-key-black-edge: #1b2432;--sx-glow-lane: 0 0 0 2px color-mix(in srgb, var(--lane) 45%, transparent);--sx-wave-body: #3c4a63;--sx-wave-grid-beat: rgba(15, 23, 42, .3);--sx-wave-grid-bar: rgba(15, 23, 42, .12);--sx-wave-label: rgba(15, 23, 42, .6);--sx-wave-centre: rgba(15, 23, 42, .12);--sx-wave-cue-ink: #ffffff;--sx-patch-hi: #0e7490;--sx-btn-hi: #ffffff;--sx-btn-lo: #eef1f7;--sx-btn-hover-hi: #ffffff;--sx-btn-hover-lo: #e6ebf4;--sx-amber-hi: #8a5a00;--sx-amber-lo: #6f4600;--sx-cue-1: #8a6408;--sx-cue-5: #9c4e0a;--sx-cue-6: #2f6b23;--sx-cue-7: #7a3fc4;--sx-cue-8: #0f6f9c}