.opt-section.svelte-16njtv{border:1px solid var(--border);border-radius:var(--radius-md);background:0 0;margin:1.5rem 0;padding:.75rem 1rem;position:relative}.section-h.svelte-16njtv{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);margin:0 0 .6rem;padding-bottom:.4rem}.theme-row.svelte-16njtv{align-items:center;gap:1rem;min-height:2.2rem;padding:.45rem 0;display:flex}.hint.svelte-16njtv{color:var(--text-muted);margin:.5rem 0 0;font-size:.875rem}.notif-sub-h.svelte-16njtv{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:1.25rem 0 .35rem;font-size:.82rem;font-weight:700}.notif-time.svelte-16njtv{border:1px solid var(--border-field);border-radius:var(--radius-md);background:var(--bg,transparent);color:inherit;font:inherit;padding:.25rem .4rem}.notif-time.svelte-16njtv:disabled{opacity:.55}.notif-warn.svelte-16njtv{color:var(--danger,#b3261e)}.notif-detail.svelte-16njtv{opacity:.85;word-break:break-word;margin-top:.15rem;font-size:.8rem}.notif-test-row.svelte-16njtv{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0 0;display:flex}.notif-test.svelte-16njtv{border:1px solid var(--border,#ccc);border-radius:var(--radius-md);background:var(--bg-subtle,#f2f2f2);color:inherit;font:inherit;cursor:pointer;padding:.35rem .7rem}.notif-test.svelte-16njtv:hover{background:var(--bg,white)}.cal-buttons.svelte-16njtv{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.cal-btn.svelte-16njtv{text-decoration:none;display:inline-block}.translate-badge.svelte-iy6jxf{z-index:9999;border-radius:var(--radius-lg);color:#fff;background:#7c3aed;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8rem;display:flex;position:fixed;bottom:.75rem;right:.75rem;box-shadow:0 2px 8px #0000004d}.translate-badge.svelte-iy6jxf button:where(.svelte-iy6jxf){color:inherit;border-radius:calc(var(--radius-md) * 5 / 6);cursor:pointer;background:0 0;border:1px solid #fff9;padding:.15rem .5rem;font-size:.75rem}.translate-badge.svelte-iy6jxf button:where(.svelte-iy6jxf):hover{background:#ffffff26}.baby-prefs.svelte-11ie9ec{gap:1.25rem;max-width:640px;margin:0 auto;padding:1rem 0 2rem;display:grid}.baby-chips.svelte-11ie9ec{border:none;flex-wrap:wrap;gap:.5rem;padding:0;display:flex}.baby-chip.svelte-11ie9ec{border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:3.2rem;padding:.7rem .9rem;font-size:1.2rem;font-weight:700;display:inline-flex}.baby-chip.svelte-11ie9ec input:where(.svelte-11ie9ec){opacity:0;pointer-events:none;position:absolute}.baby-chip[data-checked=true].svelte-11ie9ec{border-color:var(--accent,#7952b3);background:color-mix(in srgb, var(--accent,#7952b3) 15%, transparent)}.baby-links.svelte-11ie9ec{gap:.75rem;display:grid}.baby-link.svelte-11ie9ec{border:2px solid var(--border);border-radius:var(--radius-xl);color:var(--text);background:var(--bg-elevated);padding:1rem 1.25rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:block}.baby-link.svelte-11ie9ec:hover{border-color:var(--accent,#7952b3)}fieldset.svelte-11ie9ec{border:1px solid var(--border);margin:.75rem 0;padding:.75rem 1rem}fieldset.svelte-11ie9ec legend:where(.svelte-11ie9ec){font-weight:700}.advance-after-repeats.svelte-11ie9ec .aar-flawless:where(.svelte-11ie9ec){align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.advance-after-repeats.svelte-11ie9ec .aar-inline:where(.svelte-11ie9ec){flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem 0;display:inline-flex}.advance-after-repeats.svelte-11ie9ec .aar-trailing:where(.svelte-11ie9ec){align-items:center;gap:.5rem;display:inline-flex}.advance-after-repeats.svelte-11ie9ec .aar-count:where(.svelte-11ie9ec){width:4rem}.advance-after-repeats.svelte-11ie9ec .aar-then:where(.svelte-11ie9ec){align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.advance-after-repeats.svelte-11ie9ec .aar-direction:where(.svelte-11ie9ec){flex:1;width:100%;max-width:22rem;display:block}.progressive-tempo.svelte-11ie9ec{margin-top:.35rem}.progressive-tempo.svelte-11ie9ec .pt-legend-toggle:where(.svelte-11ie9ec){cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.progressive-tempo.svelte-11ie9ec .pt-inline:where(.svelte-11ie9ec){flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.5rem 0;display:flex}.progressive-tempo.svelte-11ie9ec .pt-field:where(.svelte-11ie9ec){flex-direction:column;gap:.2rem;font-size:.85rem;display:inline-flex}.progressive-tempo.svelte-11ie9ec .pt-field:where(.svelte-11ie9ec) input:where(.svelte-11ie9ec){width:5rem}.progressive-tempo.svelte-11ie9ec .pt-field:where(.svelte-11ie9ec) .pt-unit:where(.svelte-11ie9ec){font-size:.8rem}.progressive-tempo.svelte-11ie9ec .pt-field.pt-after:where(.svelte-11ie9ec){flex-direction:row;align-items:center;gap:.4rem}.tempo-metrum-row.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:0 1.5rem;display:flex}.dm-sentence.svelte-11ie9ec{gap:.4rem}.dm-sentence.svelte-11ie9ec input:where(.svelte-11ie9ec){width:4.5rem}.progressive-tempo.svelte-11ie9ec .pt-decrease:where(.svelte-11ie9ec){align-items:center;gap:.5rem;margin-top:.25rem;display:flex}fieldset.locked.svelte-11ie9ec{opacity:.5;pointer-events:none;filter:grayscale(.7)}.hint.svelte-11ie9ec{color:var(--text-muted);margin:.5rem 0 0;font-size:.875rem}.theme-row.svelte-11ie9ec{align-items:center;gap:1rem;min-height:2.2rem;padding:.45rem 0;display:flex}.option-note.svelte-11ie9ec{color:var(--text-muted);max-width:34rem;margin:.1rem 0 .4rem 1.9rem;font-size:.82rem}.theme-row.svelte-11ie9ec+.theme-row:where(.svelte-11ie9ec){border-top:1px solid color-mix(in srgb, var(--border) 25%, transparent)}.baby-prefs.svelte-11ie9ec [data-changed=true],.prefs-grid.svelte-11ie9ec [data-changed=true]{position:relative}.baby-prefs.svelte-11ie9ec [data-changed=true]:before,.prefs-grid.svelte-11ie9ec [data-changed=true]:before{content:"";inset-block:var(--space-1);border-radius:var(--radius-sm);background:var(--accent);width:3px;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset-inline-start:calc(var(--space-2) * -1)}@starting-style{.baby-prefs.svelte-11ie9ec [data-changed=true]:before,.prefs-grid.svelte-11ie9ec [data-changed=true]:before{opacity:0}}.theme-row.svelte-11ie9ec select:where(.svelte-11ie9ec){min-width:0;max-width:100%}.theme-row.svelte-11ie9ec input[type=checkbox]:where(.svelte-11ie9ec),.theme-row.svelte-11ie9ec input[type=radio]:where(.svelte-11ie9ec){flex:none;width:1.1rem;height:1.1rem}.section-h.svelte-11ie9ec{margin:0 0 .6rem}.opt-section.svelte-11ie9ec h2.section-h:where(.svelte-11ie9ec){border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);padding-bottom:.4rem}.seg-group.svelte-11ie9ec{border:1px solid var(--border,#ccc);border-radius:var(--radius-md);gap:0;display:inline-flex;overflow:hidden}.seg.svelte-11ie9ec{cursor:pointer;background:var(--card-bg,transparent);color:var(--text);border-right:1px solid var(--border,#ccc);-webkit-user-select:none;user-select:none;padding:.4rem .85rem;font-size:.9rem;line-height:1.2;transition:background .12s,color .12s}.seg.svelte-11ie9ec:last-child{border-right:none}.seg.svelte-11ie9ec input[type=radio]:where(.svelte-11ie9ec){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.seg[data-active=true].svelte-11ie9ec{background:var(--accent,#2563eb);color:var(--accent-fg,#fff)}.seg.svelte-11ie9ec:hover:not([data-active=true]){background:var(--hover-bg,#0000000d)}.seg-large.svelte-11ie9ec{padding:.6rem 1.2rem;font-size:1rem;font-weight:500}.notation-staff-options.svelte-11ie9ec{border-top:1px dashed var(--border,#ccc);margin-top:1rem;padding-top:.75rem}.prefs-levels-link-row.svelte-11ie9ec{margin:2rem 0 0;padding-top:1rem}.prefs-levels-link.svelte-11ie9ec{color:var(--accent,#2563eb);font-weight:600;text-decoration:none}.prefs-levels-link.svelte-11ie9ec:hover{text-decoration:underline}.scales-keyscale-row.svelte-11ie9ec{align-items:center;gap:.4rem;display:flex}.scales-keyscale-row.svelte-11ie9ec>select:where(.svelte-11ie9ec){min-width:0}.scales-grid.svelte-11ie9ec{grid-template-columns:minmax(0,1fr);gap:1rem 1.5rem;display:grid}@media (width>=760px){.scales-grid.svelte-11ie9ec{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scales-grid-left-bottom.svelte-11ie9ec{grid-column:1/-1}}.prefs-main-exercise.svelte-11ie9ec fieldset:where(.svelte-11ie9ec){min-inline-size:0;min-width:0}.scale-sequence-list.svelte-11ie9ec{flex-direction:column;gap:.25rem;display:flex}.scale-sequence-list.svelte-11ie9ec label:where(.svelte-11ie9ec){align-items:center;gap:.5rem;display:flex}.scale-loop.svelte-11ie9ec{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.scale-loop-count.svelte-11ie9ec input:where(.svelte-11ie9ec){width:4rem}.scale-type-toggle-btn.svelte-11ie9ec{cursor:pointer;border:1px solid var(--border);background:var(--bg-subtle,transparent);color:inherit;border-radius:var(--radius-sm);padding:0 .5rem;font-size:1rem;line-height:1}.scale-type-toggle-btn.svelte-11ie9ec:hover{background:var(--bg-hover,var(--border))}.slider-row.svelte-11ie9ec input[type=range]:where(.svelte-11ie9ec){flex:auto;min-width:8rem}.slider-value.svelte-11ie9ec{font-variant-numeric:tabular-nums;text-align:right;min-width:2.4rem;color:var(--text-muted)}.inversions.svelte-11ie9ec{flex-wrap:wrap;gap:.5rem}.inv-btn.svelte-11ie9ec{border-radius:var(--radius-pill);cursor:pointer;background:var(--bg-elevated,#e5e7eb);color:var(--text-muted,#6b7280);-webkit-user-select:none;user-select:none;border:none;align-items:center;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background .12s,color .12s,transform 50ms;display:inline-flex;position:relative}.inv-btn-input.svelte-11ie9ec{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.inv-btn-label.svelte-11ie9ec{pointer-events:none}.inv-btn.svelte-11ie9ec:hover{background:var(--border,#d1d5db)}.inversions[data-colorful-inversions=on].svelte-11ie9ec .inv-btn[data-checked=true]:where(.svelte-11ie9ec){color:#fff}.inversions[data-colorful-inversions=on].svelte-11ie9ec .inv-btn[data-checked=true][data-inversion="0"]:where(.svelte-11ie9ec){background:#111}.inversions[data-colorful-inversions=on].svelte-11ie9ec .inv-btn[data-checked=true][data-inversion="1"]:where(.svelte-11ie9ec){background:#82a905}.inversions[data-colorful-inversions=on].svelte-11ie9ec .inv-btn[data-checked=true][data-inversion="2"]:where(.svelte-11ie9ec){background:#7952b3}.inversions[data-colorful-inversions=on].svelte-11ie9ec .inv-btn[data-checked=true][data-inversion="3"]:where(.svelte-11ie9ec){background:orange}.inversions[data-colorful-inversions=off].svelte-11ie9ec .inv-btn[data-checked=true]:where(.svelte-11ie9ec){background:var(--accent);color:var(--accent-contrast)}.inv-btn[data-disabled=true].svelte-11ie9ec{background:var(--bg,#f3f4f6);color:var(--text-muted-2,#9ca3af);cursor:not-allowed;pointer-events:none;opacity:.6}.chord-types-show-all.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated,var(--bg));width:1.4rem;height:1.4rem;color:var(--text-muted);cursor:pointer;font:inherit;justify-content:center;align-items:center;margin-left:.5rem;padding:0;font-size:.9rem;line-height:1;transition:border-color .1s,color .1s;display:inline-flex}.chord-types-show-all.svelte-11ie9ec:hover{border-color:var(--accent);color:var(--text)}.chord-type-groups-row.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:.4rem 2rem;display:flex}.chord-type-group.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.chord-type-group-toggle.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated,var(--bg));cursor:pointer;color:var(--text-muted);align-items:center;gap:.35rem;padding:.3rem .6rem;font-family:inherit;font-size:.85rem;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.chord-type-group-toggle.svelte-11ie9ec:hover{border-color:var(--accent);color:var(--text)}.chord-type-group-toggle[data-open=true].svelte-11ie9ec{color:var(--text);border-color:var(--text-muted-2,var(--border))}.chord-type-group-title-btn.svelte-11ie9ec,.chord-type-group-chevron-btn.svelte-11ie9ec{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.chord-type-group-title.svelte-11ie9ec{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.chord-type-group-chevron.svelte-11ie9ec{opacity:.7;justify-content:center;align-items:center;width:.9em;font-size:.9rem;display:inline-flex}.chord-type-row.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ninja-fieldset.svelte-11ie9ec{min-inline-size:0;max-width:100%}.ninja-scroll.svelte-11ie9ec{max-width:100%;padding-bottom:.25rem;overflow-x:auto}.ninja-grid.svelte-11ie9ec{grid-template-columns:auto repeat(var(--ninja-cols,20), minmax(1.6rem, 1fr));place-items:center;gap:.3rem .15rem;min-width:max-content;display:grid}.ninja-row-head.svelte-11ie9ec{color:var(--text-muted);justify-self:start;padding-right:.35rem;font-size:.85rem;font-weight:700}.ninja-cell.svelte-11ie9ec{cursor:pointer;justify-content:center;align-items:center;min-width:1.6rem;min-height:1.5rem;display:inline-flex}.ninja-cell.svelte-11ie9ec input:where(.svelte-11ie9ec){cursor:pointer;margin:0}.ninja-step-label.svelte-11ie9ec{color:var(--text-muted);text-align:center;font-family:ui-monospace,monospace;font-size:.75rem}.ninja-quality-name.svelte-11ie9ec{margin:.5rem 0 0;font-weight:600}.chord-type-btn.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;background:var(--bg);justify-content:center;align-items:center;min-width:2.5rem;padding:.3rem .75rem;font-family:ui-monospace,monospace;font-size:.85rem;transition:background .1s,border-color .1s;display:inline-flex}.chord-type-btn.svelte-11ie9ec:hover{border-color:var(--accent)}.chord-type-btn[data-checked=true].svelte-11ie9ec{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.note-btn[data-black=true].svelte-11ie9ec{background:var(--bg-elevated);border-color:var(--text-muted)}.note-btn[data-black=true][data-checked=true].svelte-11ie9ec{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.base-note-shortcuts.svelte-11ie9ec{margin-bottom:.4rem}.visually-hidden.svelte-11ie9ec{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-label.svelte-11ie9ec{min-width:6rem}select.svelte-11ie9ec,input[type=number].svelte-11ie9ec,input[type=text].svelte-11ie9ec,input[type=url].svelte-11ie9ec{border-radius:var(--radius-sm);padding:.26rem .39rem}input[type=number].svelte-11ie9ec{width:6rem}.tab-grid.svelte-11ie9ec{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1rem;margin:0 0 1rem;display:grid}@media (width<=1440px){.tab-grid.svelte-11ie9ec{grid-template-columns:minmax(0,1fr)}}.tab-section-a.svelte-11ie9ec,.tab-section-b.svelte-11ie9ec{flex-direction:column;gap:.5rem;min-width:0;padding-top:.6rem;display:flex}.tab-section-a.svelte-11ie9ec{max-width:700px}.tab-section-b.svelte-11ie9ec{justify-self:start}.tab-a-section.svelte-11ie9ec{background:0 0;border:0;padding:0}.base-notes-hint.svelte-11ie9ec{padding-bottom:.6rem}.activity-aside.svelte-11ie9ec{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.notation-inline.svelte-11ie9ec{border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.75rem;display:flex}.naming-aside.svelte-11ie9ec{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.6rem 0;display:flex}.naming-aside.svelte-11ie9ec legend:where(.svelte-11ie9ec){color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 .4rem;font-size:.75rem;font-weight:600}.naming-row.svelte-11ie9ec{flex-direction:column;gap:.2rem;padding:.35rem 0;display:flex}.naming-row-check.svelte-11ie9ec{flex-direction:row;align-items:center;gap:.6rem;min-height:2.2rem;padding:.45rem 0}.naming-row-check.svelte-11ie9ec input[type=checkbox]:where(.svelte-11ie9ec){flex:none;width:1.1rem;height:1.1rem}.naming-row-inline.svelte-11ie9ec{flex-direction:row;align-items:center;gap:.75rem}.naming-label.svelte-11ie9ec{color:var(--text-muted);font-size:.7rem}.naming-label-inline.svelte-11ie9ec{color:var(--text);flex:none;font-size:.9rem}.naming-row-inline.svelte-11ie9ec .naming-select:where(.svelte-11ie9ec),.naming-row-inline.svelte-11ie9ec .naming-number:where(.svelte-11ie9ec){flex:auto;min-width:0}.radio-column.svelte-11ie9ec{flex-direction:column;gap:0;display:flex}.hints-box.svelte-11ie9ec{border:1px solid var(--border,#d0d4dc);border-radius:var(--radius-lg);gap:.35rem;margin:.35rem 0 .6rem;padding:.5rem .9rem .7rem;display:grid}.hints-box.svelte-11ie9ec legend:where(.svelte-11ie9ec){padding:0 .35rem;font-weight:700}.hints-lead.svelte-11ie9ec,.hints-note.svelte-11ie9ec{color:var(--text-muted);margin:0;font-size:.85rem}.hints-note.svelte-11ie9ec{font-size:.8rem;font-style:italic}.hints-sub.svelte-11ie9ec{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem;font-weight:700}.radio-row.svelte-11ie9ec{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.6rem;min-height:2.2rem;padding:.4rem .2rem;transition:background .12s;display:flex}.radio-row.svelte-11ie9ec+.radio-row:where(.svelte-11ie9ec){border-top:1px solid color-mix(in srgb, var(--border) 25%, transparent)}.radio-row.svelte-11ie9ec:hover{background:var(--hover-bg,#0000000a)}.radio-row[data-active=true].svelte-11ie9ec{color:var(--accent,#2563eb);font-weight:600}.radio-row.svelte-11ie9ec input[type=radio]:where(.svelte-11ie9ec){width:1.1rem;height:1.1rem;accent-color:var(--accent,#2563eb);flex:none}.naming-select.svelte-11ie9ec,.naming-number.svelte-11ie9ec{border:1px solid var(--border-field);border-radius:calc(var(--radius-md) * 5 / 6);background:var(--bg);color:var(--text);font:inherit;padding:.35rem .5rem}.activity-label.svelte-11ie9ec{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.activity-select.svelte-11ie9ec{border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;padding:.5rem .75rem;font-weight:600}.activity-select.svelte-11ie9ec option:where(.svelte-11ie9ec){background:var(--bg);color:var(--text)}.activity-select.svelte-11ie9ec:focus{border-color:var(--accent,#2563eb);outline:none}.subject-tabs.svelte-11ie9ec{border-bottom:1px solid var(--border);overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-1);scroll-padding-inline:var(--space-8);flex-wrap:nowrap;gap:0;display:flex;overflow-x:auto}.subject-tabs-wrap.svelte-11ie9ec{position:relative}.subject-tabs-arrow.svelte-11ie9ec{z-index:var(--z-raised);width:var(--space-8);background:var(--bg);min-height:2.75rem;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0}.subject-tabs-arrow.svelte-11ie9ec:hover{color:var(--text)}.subject-tabs-arrow[data-dir=prev].svelte-11ie9ec{left:0}.subject-tabs-arrow[data-dir=next].svelte-11ie9ec{right:0}.subject-tabs.svelte-11ie9ec::-webkit-scrollbar{display:none}.subject-tabs[data-fade-start=true].svelte-11ie9ec{-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6));-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6));mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6))}.subject-tabs[data-fade-end=true].svelte-11ie9ec{-webkit-mask-image:linear-gradient(to right, var(--text) calc(100% - var(--space-6)), transparent);-webkit-mask-image:linear-gradient(to right, var(--text) calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(to right, var(--text) calc(100% - var(--space-6)), transparent)}.subject-tabs[data-fade-start=true][data-fade-end=true].svelte-11ie9ec{-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6), var(--text) calc(100% - var(--space-6)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6), var(--text) calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(to right, transparent, var(--text) var(--space-6), var(--text) calc(100% - var(--space-6)), transparent)}.prefs-aside.svelte-11ie9ec>.prefs-filter-input:where(.svelte-11ie9ec){width:100%;margin:0 0 1rem}.subject-tab.svelte-11ie9ec{appearance:none;color:var(--text-muted);cursor:pointer;font:inherit;border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;flex:none;padding:.55rem 1.1rem;font-size:.95rem}.subject-tab.svelte-11ie9ec:hover{color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent)}.subject-tab[data-checked=true].svelte-11ie9ec,.subject-tab[data-checked=true].svelte-11ie9ec:hover{color:#fafafa;background:#101012;font-weight:600}[data-theme=playful] .subject-tab[data-checked=true].svelte-11ie9ec,[data-theme=playful] .subject-tab[data-checked=true].svelte-11ie9ec:hover{background:#7952b3}.subject-section.svelte-11ie9ec{border:none;padding:0}.prefs-grid.svelte-11ie9ec{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"exercise aside""user aside";align-items:start;gap:1.5rem;display:grid}.prefs-main-exercise.svelte-11ie9ec{grid-area:exercise;min-width:0}.prefs-main-exercise.svelte-11ie9ec>.opt-section:where(.svelte-11ie9ec):first-child{margin-top:0}.prefs-main-user.svelte-11ie9ec{grid-area:user;min-width:0}.prefs-main-user-summary.svelte-11ie9ec{color:#fafafa;border-radius:var(--radius-md);background:#101012;border:1px solid #101012;margin:2.5rem 0 .75rem;padding:.6rem .8rem;font-size:1rem;font-weight:600}[data-theme=playful] .prefs-main-user-summary.svelte-11ie9ec{background:#7952b3;border-color:#7952b3}@media (width<=900px){.prefs-grid.svelte-11ie9ec{grid-template-columns:minmax(0,1fr);grid-template-areas:"aside""exercise""user";padding-bottom:5rem}}.prefs-aside.svelte-11ie9ec{flex-direction:column;grid-area:aside;align-self:stretch;gap:1.25rem;min-width:0;display:flex}.activity-aside-wrap.svelte-11ie9ec{flex-direction:column;gap:.75rem;display:flex}.prefs-aside-sticky.svelte-11ie9ec{background:var(--bg);z-index:10;flex-direction:column;gap:.75rem;padding:.25rem 0;display:flex;position:sticky;top:1rem}.prefs-filter-input.svelte-11ie9ec{border:1px solid var(--border-field);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);font:inherit;box-sizing:border-box;padding:.55rem .75rem}.prefs-filter-input.svelte-11ie9ec:focus{outline:2px solid var(--accent,#2563eb);outline-offset:1px}[data-filter-hide]{display:none!important}@media (width<=900px){.prefs-aside-sticky.svelte-11ie9ec{background:0 0;padding:0;position:static}.prefs-done.svelte-11ie9ec{background:var(--bg-elevated);border-top:1px solid var(--border);z-index:100;margin:0;padding:.6rem 1rem;position:fixed;bottom:0;left:0;right:0}}.exid-bar.svelte-11ie9ec{background:var(--band-orange);border-radius:calc(var(--radius-lg) * 1.25);--exid-card-bg:var(--bg-elevated);border:0;flex-direction:column;gap:.75rem;margin:0;padding:1rem;display:flex}.exid-share.svelte-11ie9ec{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.exid-share-url.svelte-11ie9ec{flex:100%;min-width:0}.exid-share-btn.svelte-11ie9ec{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;padding:.4rem .8rem}.exid-share-btn.svelte-11ie9ec:hover{background:var(--bg-hover,var(--bg-elevated))}.exid-share-btn.svelte-11ie9ec:disabled{opacity:.6;cursor:progress}.exid-share-url.svelte-11ie9ec{font:inherit;padding:.35rem .5rem;font-size:.85rem}.opt-section.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-md);margin:1.5rem 0;padding:.75rem 1rem;position:relative}.opt-section[data-scope=exercise].svelte-11ie9ec{background:#82a9050a}.opt-section[data-scope=user].svelte-11ie9ec{background:0 0}.prefs-reset-buttons.svelte-11ie9ec{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.prefs-assessment-row.svelte-11ie9ec{margin:1rem 0 .25rem}.prefs-assessment-link.svelte-11ie9ec{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text);padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.prefs-assessment-link.svelte-11ie9ec:hover{border-color:var(--accent);color:var(--accent)}.prefs-reset-outside.svelte-11ie9ec{background:0 0;border:0;justify-content:flex-start;margin:.75rem 0;padding:0}.prefs-reset-btn.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;flex:0 auto;padding:.3rem .7rem;font-size:.85rem;font-weight:500}.prefs-reset-btn.svelte-11ie9ec:hover{filter:brightness(1.1)}.prefs-reset-btn-exercise.svelte-11ie9ec{background:#82a9050a}.prefs-subgroup.svelte-11ie9ec{border-top:1px dashed color-mix(in srgb, var(--border) 60%, transparent);margin-top:.6rem;padding-top:.4rem}.prefs-subgroup.svelte-11ie9ec:first-of-type{border-top:0;margin-top:.4rem;padding-top:0}.prefs-sub-row.svelte-11ie9ec{flex-direction:column;gap:.2rem;margin-left:1.4rem;padding-left:.4rem;display:flex}.prefs-inline-radios.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;display:flex}.prefs-inline-radios.svelte-11ie9ec>label:where(.svelte-11ie9ec){font:inherit;align-items:center;gap:.25rem;display:inline-flex}.prefs-radio-group.svelte-11ie9ec{flex:1 1 0;min-width:0}.theme-row.svelte-11ie9ec .prefs-melody-from-input:where(.svelte-11ie9ec){flex:none;width:5ch}.prefs-melody-from-of.svelte-11ie9ec{white-space:nowrap}.prefs-advanced-details.svelte-11ie9ec{margin:1.5rem 0}.prefs-advanced-summary.svelte-11ie9ec{cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;list-style:revert;padding:.4rem .6rem;font-size:.85rem;font-weight:600}.prefs-advanced-summary.svelte-11ie9ec:hover{color:var(--text)}.prefs-advanced-body.svelte-11ie9ec{margin-top:.5rem}.opt-section.svelte-11ie9ec h2:where(.svelte-11ie9ec){margin:0;font-size:1.15rem}.locale-form.svelte-11ie9ec{margin-top:2rem}.prefs-midi-device-controls.svelte-11ie9ec{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.prefs-midi-device-controls.svelte-11ie9ec select:where(.svelte-11ie9ec){min-width:11rem}.prefs-midi-diag-link.svelte-11ie9ec{white-space:nowrap;color:var(--accent,#2563eb);font-size:.85rem}.prefs-done.svelte-11ie9ec{text-align:center;margin:2rem 0 1rem}.prefs-start-game-mode.svelte-11ie9ec{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:fit-content;min-height:2.2rem;margin:0 auto;font-size:.9rem;display:flex}.naming-levels-link.svelte-11ie9ec{margin:.75rem 0 0;font-size:.9rem}.prefs-done-link.svelte-11ie9ec{background:var(--prefs-cta-bg,var(--cta-bg));width:100%;color:var(--prefs-cta-fg,var(--cta-fg));border-radius:var(--radius-md);text-align:center;box-sizing:border-box;padding:.85rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;display:block}.prefs-done-link.svelte-11ie9ec:hover{filter:brightness(1.05)}.prefs-schema-version.svelte-11ie9ec{border-top:1px solid var(--border);color:var(--text-muted);text-align:right;margin:2rem 0 0;padding-top:1rem;font-size:.8rem}.prefs-schema-version.svelte-11ie9ec code:where(.svelte-11ie9ec){font-size:.8rem}.progression-input-row.svelte-11ie9ec,.specific-input-row.svelte-11ie9ec{align-items:stretch;gap:.5rem;display:flex}.specific-input-row.svelte-11ie9ec .specific-input:where(.svelte-11ie9ec){min-width:12rem;font-family:var(--mono,monospace);flex:auto;padding:.3rem .5rem;font-size:.95rem}.my-editor-link.svelte-11ie9ec,.songs-search-link.svelte-11ie9ec,.suggest-btn.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle,#f2f2f2);color:inherit;cursor:pointer;align-items:center;padding:.3rem .7rem;font-family:inherit;font-size:.9rem;text-decoration:none;display:inline-flex}.my-editor-link.svelte-11ie9ec:hover,.songs-search-link.svelte-11ie9ec:hover,.suggest-btn.svelte-11ie9ec:hover{background:var(--bg,white)}.my-editor-link.svelte-11ie9ec:hover{text-decoration:underline}.suggest-btn.svelte-11ie9ec{font-size:1.1rem;line-height:1}.songs-search-link.svelte-11ie9ec{padding:.3rem .5rem}.i-search.svelte-11ie9ec{background:currentColor;width:1.1rem;height:1.1rem;display:inline-block;-webkit-mask:url(../../../icons/search.svg) 50%/contain no-repeat;mask:url(../../../icons/search.svg) 50%/contain no-repeat}.prefs-songs-transpose-fieldset.svelte-11ie9ec{margin-top:2.5rem}.prefs-songs-transpose-toggle.svelte-11ie9ec{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:.4rem;padding:.15rem .4rem;display:inline-flex}.prefs-songs-transpose-toggle.svelte-11ie9ec:hover{background:color-mix(in srgb, var(--accent,#2563eb) 8%, transparent)}.prefs-songs-transpose-toggle.svelte-11ie9ec:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}.prefs-songs-transpose-chevron.svelte-11ie9ec{color:var(--text-muted);font-size:.75em;transition:transform .15s;display:inline-block}.prefs-songs-transpose-fieldset[data-open=true].svelte-11ie9ec .prefs-songs-transpose-chevron:where(.svelte-11ie9ec){transform:rotate(90deg)}.prefs-songs-transpose-body.svelte-11ie9ec{padding-top:.5rem}.prefs-songs-transpose-summary.svelte-11ie9ec{text-align:left;width:100%;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 .75rem;padding:0;font-size:.9rem;display:block}.prefs-songs-transpose-summary.svelte-11ie9ec:hover{color:var(--text)}.detected-key.svelte-11ie9ec{color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem}.detected-key.svelte-11ie9ec strong:where(.svelte-11ie9ec){color:var(--text)}.transpose-columns.svelte-11ie9ec{grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:.25rem 0 .5rem;display:grid}.transpose-col.svelte-11ie9ec{flex-direction:column;gap:.3rem;display:flex}.transpose-col-h.svelte-11ie9ec{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.transpose-btn.svelte-11ie9ec{border:1px solid var(--border,#d1d5db);border-radius:var(--radius-sm);background:var(--bg-elevated,transparent);color:var(--text);cursor:pointer;text-align:left;font-variant-numeric:tabular-nums;padding:.4rem .7rem;font-size:.9rem}.transpose-btn.svelte-11ie9ec:hover{background:var(--bg,white);border-color:var(--accent,#2563eb)}.progression-input.svelte-11ie9ec{min-width:12rem;font-family:var(--mono,monospace);flex:auto;padding:.3rem .5rem;font-size:.95rem}.progression-presets-dropdown.svelte-11ie9ec{position:relative}.progression-presets-dropdown.svelte-11ie9ec>summary:where(.svelte-11ie9ec){cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle,#f2f2f2);padding:.3rem .6rem;list-style:none}.progression-presets-list.svelte-11ie9ec{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated,white);z-index:100;min-width:22rem;max-height:22rem;margin:.25rem 0 0;padding:.4rem 0;list-style:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 6px 18px #00000026}.preset-group-header.svelte-11ie9ec{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.35rem .75rem .15rem;font-size:.7rem;font-weight:700}.preset-row.svelte-11ie9ec{margin:0}.preset-btn.svelte-11ie9ec{cursor:pointer;text-align:left;background:0 0;border:none;align-items:baseline;gap:.6rem;width:100%;padding:.3rem .75rem;font-size:1.1rem;display:flex}.preset-btn.svelte-11ie9ec:hover{background:var(--bg-hover,#f2f2f2)}.preset-title.svelte-11ie9ec{min-width:6rem;color:var(--text-muted);font-size:.95rem}.preset-tokens.svelte-11ie9ec{flex-wrap:wrap;gap:.4rem;display:inline-flex}.preset-tok[data-inv="0"].svelte-11ie9ec{color:var(--text)}.preset-tok[data-inv="1"].svelte-11ie9ec{color:#88a80b}.preset-tok[data-inv="2"].svelte-11ie9ec{color:#765ab5}.preset-tok[data-inv="3"].svelte-11ie9ec{color:#f5930a}.variety-hint.svelte-11ie9ec{border-radius:var(--radius-lg);color:#b45309;background:#b453091f;border:1px solid #b45309;margin:0 0 .6rem;padding:.55rem .8rem;font-size:.92rem;font-weight:600}