:root{--sp-surface-100:#f5f5f8;--sp-surface-0:#fff;--sp-surface-150:#f1f0f7;--sp-surface-200:#e9e8f0;--sp-surface-raised:#fff;--sp-surface-dim:#fafafc;--sp-border:#e4e3ec;--sp-border-strong:#dcdbe6;--sp-divider:#efeff3;--sp-ink:#15142b;--sp-ink-2:#3a394f;--sp-muted:#55546b;--sp-subtle:#6b6a80;--sp-primary:#0f766e;--sp-primary-hover:#0b5a54;--sp-primary-soft:#d5eeea;--sp-primary-soft-ink:#0b5a54;--sp-primary-tint:#edf7f5;--sp-on-primary:#fff;--sp-warning:#e07a12;--sp-warning-soft:#ffe9cc;--sp-warning-ink:#6e3200;--sp-danger:#b42318;--sp-danger-soft:#fdecea;--sp-danger-ink:#7a1a12;--sp-notify:#c2410c;--sp-telegram:#0f6fa8;--sp-inverse:#15142b;--sp-on-inverse:#fff;--sp-toast-accent:#5eead4;--sp-stage-bg:#0e0d1c;--sp-stage-chord:#5eead4;--sp-chord:var(--sp-primary);--sp-scrim:#15142b80;--sp-accent-teal:#0f766e;--sp-accent-green:#15803d;--sp-accent-blue:#1d4ed8;--sp-accent-violet:#6d28d9;--sp-accent-plum:#a21caf;--sp-accent-slate:#475569;--sp-font-display:Unbounded, Manrope, system-ui, sans-serif;--sp-font-sans:Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--sp-font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sp-space-1:4px;--sp-space-2:8px;--sp-space-3:12px;--sp-space-4:16px;--sp-space-5:20px;--sp-space-6:24px;--sp-radius-sm:10px;--sp-radius-md:12px;--sp-radius-lg:14px;--sp-radius-xl:16px;--sp-radius-2xl:24px;--sp-radius-pill:999px;--sp-touch-min:44px;--sp-control-sm:36px;--sp-control-md:44px;--sp-control-lg:50px;--sp-tabbar-height:68px;--sp-shadow-float:0 2px 8px #15142b26;--sp-shadow-pin:0 4px 12px #15142b40}.dark{--sp-surface-100:#111019;--sp-surface-0:#1b1a28;--sp-surface-150:#22213a;--sp-surface-200:#26253a;--sp-surface-raised:#3a394f;--sp-surface-dim:#161522;--sp-border:#2e2d44;--sp-border-strong:#3a394f;--sp-divider:#26253a;--sp-ink:#f3f2f8;--sp-ink-2:#d6d5e2;--sp-muted:#a9a8bc;--sp-subtle:#8f8ea3;--sp-primary:#11857b;--sp-primary-hover:#0f766e;--sp-primary-soft:#123b38;--sp-primary-soft-ink:#7fdccf;--sp-primary-tint:#10302d;--sp-warning:#f09a3e;--sp-warning-soft:#3d2a12;--sp-warning-ink:#fbc98a;--sp-danger:#f2766b;--sp-danger-soft:#3a1714;--sp-danger-ink:#f6b1aa;--sp-notify:#ea6a2f;--sp-telegram:#1d80bd;--sp-inverse:#f3f2f8;--sp-on-inverse:#15142b;--sp-toast-accent:#0f766e;--sp-chord:#5eead4;--sp-scrim:#0009;--sp-accent-teal:#11857b;--sp-accent-green:#16833f;--sp-accent-blue:#2563eb;--sp-accent-violet:#7c3aed;--sp-accent-plum:#a51db3;--sp-accent-slate:#5b6b80}:root[data-accent=green]{--sp-primary:#15803d;--sp-primary-hover:#166534;--sp-primary-soft:#dcfce7;--sp-primary-soft-ink:#166534;--sp-primary-tint:#f0fdf4;--sp-chord:var(--sp-primary);--sp-stage-chord:#86efac;--sp-toast-accent:#86efac}:root[data-accent=green].dark{--sp-primary:#16833f;--sp-primary-hover:#15803d;--sp-primary-soft:#143d24;--sp-primary-soft-ink:#86efac;--sp-primary-tint:#10301c;--sp-chord:#86efac;--sp-stage-chord:#86efac;--sp-toast-accent:var(--sp-primary)}:root[data-accent=blue]{--sp-primary:#1d4ed8;--sp-primary-hover:#1e40af;--sp-primary-soft:#dbeafe;--sp-primary-soft-ink:#1e40af;--sp-primary-tint:#eff6ff;--sp-chord:var(--sp-primary);--sp-stage-chord:#93c5fd;--sp-toast-accent:#93c5fd}:root[data-accent=blue].dark{--sp-primary:#2563eb;--sp-primary-hover:#1d4ed8;--sp-primary-soft:#1a2a52;--sp-primary-soft-ink:#93c5fd;--sp-primary-tint:#131d3a;--sp-chord:#93c5fd;--sp-stage-chord:#93c5fd;--sp-toast-accent:var(--sp-primary)}:root[data-accent=violet]{--sp-primary:#6d28d9;--sp-primary-hover:#5b21b6;--sp-primary-soft:#ede9fe;--sp-primary-soft-ink:#5b21b6;--sp-primary-tint:#f5f3ff;--sp-chord:var(--sp-primary);--sp-stage-chord:#c4b5fd;--sp-toast-accent:#c4b5fd}:root[data-accent=violet].dark{--sp-primary:#7c3aed;--sp-primary-hover:#6d28d9;--sp-primary-soft:#2e1f5e;--sp-primary-soft-ink:#c4b5fd;--sp-primary-tint:#221a45;--sp-chord:#c4b5fd;--sp-stage-chord:#c4b5fd;--sp-toast-accent:var(--sp-primary)}:root[data-accent=plum]{--sp-primary:#a21caf;--sp-primary-hover:#86198f;--sp-primary-soft:#fae8ff;--sp-primary-soft-ink:#86198f;--sp-primary-tint:#fdf4ff;--sp-chord:var(--sp-primary);--sp-stage-chord:#f0abfc;--sp-toast-accent:#f0abfc}:root[data-accent=plum].dark{--sp-primary:#a51db3;--sp-primary-hover:#a21caf;--sp-primary-soft:#3d1640;--sp-primary-soft-ink:#f0abfc;--sp-primary-tint:#2c1230;--sp-chord:#f0abfc;--sp-stage-chord:#f0abfc;--sp-toast-accent:var(--sp-primary)}:root[data-accent=slate]{--sp-primary:#475569;--sp-primary-hover:#334155;--sp-primary-soft:#e2e8f0;--sp-primary-soft-ink:#334155;--sp-primary-tint:#f1f5f9;--sp-chord:var(--sp-primary);--sp-stage-chord:#cbd5e1;--sp-toast-accent:#cbd5e1}:root[data-accent=slate].dark{--sp-primary:#5b6b80;--sp-primary-hover:#475569;--sp-primary-soft:#2a3140;--sp-primary-soft-ink:#cbd5e1;--sp-primary-tint:#1f2531;--sp-chord:#cbd5e1;--sp-stage-chord:#cbd5e1;--sp-toast-accent:var(--sp-primary)}@layer components{.text-display-xl{font-family:var(--sp-font-display);font-size:30px;font-weight:600;line-height:34px}.text-display{font-family:var(--sp-font-display);font-size:24px;font-weight:600;line-height:29px}.text-display-sm{font-family:var(--sp-font-display);font-size:22px;font-weight:600;line-height:28px}.text-title{font-family:var(--sp-font-sans);font-size:20px;font-weight:800;line-height:26px}.text-heading{font-family:var(--sp-font-sans);font-size:16px;font-weight:800;line-height:22px}.text-body-strong{font-family:var(--sp-font-sans);font-size:15px;font-weight:800;line-height:20px}.text-body{font-family:var(--sp-font-sans);font-size:15px;font-weight:400;line-height:22px}.text-input{font-family:var(--sp-font-sans);font-size:16px;font-weight:400;line-height:22px}.text-label{font-family:var(--sp-font-sans);font-size:14px;font-weight:700;line-height:18px}.text-caption{font-family:var(--sp-font-sans);font-size:13px;font-weight:500;line-height:18px}.text-small{font-family:var(--sp-font-sans);font-size:12px;font-weight:800;line-height:16px}.text-micro{font-family:var(--sp-font-sans);font-size:11px;font-weight:700;line-height:14px}.text-chord{font-family:var(--sp-font-sans);font-size:14px;font-weight:800;line-height:18px}.text-lyric{font-family:var(--sp-font-sans);font-size:16px;font-weight:400;line-height:21px}.text-stage-lyric{font-family:var(--sp-font-sans);font-size:24px;font-weight:600;line-height:31px}.text-source{font-family:var(--sp-font-mono);font-size:13px;font-weight:400;line-height:22px}}.sp-root,.sp-root *{box-sizing:border-box}.sp-root{font-family:var(--sp-font-sans);color:var(--sp-ink);-webkit-font-smoothing:antialiased}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--sp-surface-100);block-size:100%;margin:0}html{touch-action:manipulation}html,body{overscroll-behavior-y:none}._root_1jgsk_1{gap:var(--sp-space-2);flex-direction:column;justify-content:center;align-items:center;min-block-size:40vh;animation:.25s ease-out both _fade-in_1jgsk_1;display:flex}._svg_1jgsk_11{block-size:130px;inline-size:80px;overflow:visible}._staff_1jgsk_17 line{transform-origin:0 0;stroke:var(--sp-border);stroke-width:2px;animation:.5s ease-out both _staff_1jgsk_17}._clef_1jgsk_24{fill:none;stroke:var(--sp-primary);stroke-dasharray:557;stroke-dashoffset:-557px;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;animation:1.4s cubic-bezier(.55,0,.35,1) infinite alternate _write_1jgsk_1}._clef-group_1jgsk_35{transform-origin:50%;transform-box:fill-box}._dot_1jgsk_40{fill:var(--sp-primary)}._note_1jgsk_44{opacity:0;fill:var(--sp-primary);animation:2s ease-in-out infinite _float_1jgsk_1}._note_1jgsk_44+._note_1jgsk_44{animation-delay:1s}._caption_1jgsk_53{color:var(--sp-ink-2);font-size:13px;font-weight:600}@keyframes _fade-in_1jgsk_1{0%{opacity:0}}@keyframes _staff_1jgsk_17{0%{transform:scaleX(0)}}@keyframes _write_1jgsk_1{to{stroke-dashoffset:0}}@keyframes _float_1jgsk_1{0%{opacity:0;transform:translateY(12px)}25%{opacity:.9}to{opacity:0;transform:translate(14px,-46px)rotate(12deg)}}@media (prefers-reduced-motion:reduce){._clef_1jgsk_24,._note_1jgsk_44,._staff_1jgsk_17 line{animation:none}._clef_1jgsk_24{stroke-dashoffset:0}}._root_1yedk_1{gap:var(--sp-space-3);border-radius:var(--sp-radius-xl);min-block-size:56px;color:var(--sp-on-inverse);background:var(--sp-inverse);align-items:center;padding-block:10px;padding-inline:14px 8px;display:flex}._mark_1yedk_13{block-size:28px;inline-size:28px;color:var(--sp-ink);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._success_1yedk_23 ._mark_1yedk_13{background:var(--sp-toast-accent)}._error_1yedk_26 ._mark_1yedk_13{background:var(--sp-danger-soft)}._info_1yedk_29 ._mark_1yedk_13{background:var(--sp-warning-soft)}._text_1yedk_33{flex-direction:column;flex-grow:1;gap:2px;display:flex}._title_1yedk_40{font-size:14px;font-weight:700}._subtitle_1yedk_45{opacity:.75;font-size:13px}._action_1yedk_50{cursor:pointer;block-size:var(--sp-control-sm);border-radius:var(--sp-radius-sm);font-family:var(--sp-font-sans);color:var(--sp-toast-accent);background:0 0;border:none;padding-block:0;padding-inline:10px;font-size:14px;font-weight:800}._root_lb8oa_1{z-index:60;inset-block-end:calc(var(--sp-tabbar-height) + var(--sp-space-2) + env(safe-area-inset-bottom,0px));inset-inline:var(--sp-space-3);position:fixed}