.segmented.svelte-1n4ayas{gap:.4rem;max-width:220px;margin:0 auto 1.5rem;display:flex}.segment-btn.svelte-1n4ayas{appearance:none;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);background:#ffffff0a;border-radius:10px;flex:1;margin:0;padding:.4rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s}.segment-btn.svelte-1n4ayas:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-text-primary)}.segment-btn.pressed.svelte-1n4ayas{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);color:#fff;box-shadow:0 4px 14px -4px color-mix(in srgb, var(--color-accent) 60%, transparent);border-color:#0000}.key-group.svelte-2xiqo8{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.key-btn.svelte-2xiqo8{appearance:none;border:1px solid var(--color-border-subtle);width:3rem;height:3rem;color:var(--color-text-primary);background:#ffffff0a;border-radius:10px;flex-shrink:0;margin:0;font-size:1rem;font-weight:700;transition:all .2s}.key-btn.sharp.svelte-2xiqo8{width:2.4rem;height:2.4rem;color:var(--color-text-secondary);align-self:center;font-size:.8rem}.key-btn.svelte-2xiqo8:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-text-primary);transform:translateY(-2px)}.key-btn.pressed.svelte-2xiqo8{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-color:color-mix(in srgb, var(--color-accent) 50%, transparent);color:var(--color-accent-secondary);box-shadow:0 0 10px color-mix(in srgb, var(--color-accent) 20%, transparent)}.key-btn.pressed.svelte-2xiqo8:hover{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}@media (width<=500px){.key-btn.svelte-2xiqo8{width:2.6rem;height:2.6rem;font-size:.9rem}.key-btn.sharp.svelte-2xiqo8{width:2.1rem;height:2.1rem;font-size:.7rem}}.scale-group.svelte-1kk7vo7{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.scale-btn.svelte-1kk7vo7{appearance:none;border:1px solid var(--color-border-subtle);width:fit-content;height:fit-content;color:var(--color-text-secondary);background:#ffffff0a;border-radius:9999px;flex-shrink:0;margin:0;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s}.scale-btn.svelte-1kk7vo7:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-text-primary);transform:translateY(-2px)}.scale-btn.pressed.svelte-1kk7vo7{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-color:color-mix(in srgb, var(--color-accent) 50%, transparent);color:var(--color-accent-secondary);box-shadow:0 0 10px color-mix(in srgb, var(--color-accent) 20%, transparent)}.scale-btn.pressed.svelte-1kk7vo7:hover{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}@media (width<=500px){.scale-btn.svelte-1kk7vo7{padding:.5rem .85rem;font-size:.78rem}}.caged-legend.svelte-143q20t{justify-content:center;gap:1.25rem;margin-top:1.5rem;font-size:1.75rem;font-weight:900;display:flex}.caged-legend.svelte-143q20t span:where(.svelte-143q20t){text-shadow:0 0 12px}.scale-table-wrapper.svelte-1h03q44{justify-content:center;margin-top:1.5rem;display:flex;overflow-x:auto}.scale-table.svelte-1h03q44{border-collapse:separate;border-spacing:.35rem}.interval-cell.svelte-1h03q44,.note-cell.svelte-1h03q44{text-align:center;border:1px solid var(--color-border-subtle);background:#ffffff0a;border-radius:8px;min-width:2.4rem;padding:.4rem .5rem}.interval-cell.svelte-1h03q44{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.note-cell.svelte-1h03q44{color:var(--color-accent-secondary);font-size:.95rem;font-weight:700}.form-grid.svelte-1efz3cx{grid-template-columns:max-content max-content;justify-content:center;align-items:center;gap:1.25rem 2rem;margin:0 auto;display:grid}.control-label.svelte-1efz3cx{text-align:right;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:600}.control-wrapper.svelte-1efz3cx{justify-content:flex-start;align-items:center;display:flex}.switch.svelte-1efz3cx{width:3rem;height:1.6rem;display:inline-block;position:relative}.switch.svelte-1efz3cx input:where(.svelte-1efz3cx){z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.slider.svelte-1efz3cx{cursor:pointer;background-color:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider.svelte-1efz3cx:before{content:"";background-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:all .3s;position:absolute;bottom:.13rem;left:.18rem;box-shadow:0 2px 4px #0000004d}.switch.svelte-1efz3cx input:where(.svelte-1efz3cx):checked+.slider:where(.svelte-1efz3cx){background-color:var(--color-accent);box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 50%, transparent)}.switch.svelte-1efz3cx input:where(.svelte-1efz3cx):checked+.slider:where(.svelte-1efz3cx):before{transform:translate(1.4rem)}@media (width<=500px){.form-grid.svelte-1efz3cx{grid-template-columns:1fr;justify-items:start}.control-label.svelte-1efz3cx{text-align:left}}.page.svelte-aoqulm{background-color:var(--color-surface-canvas);min-height:calc(100vh - 4.5rem - 130px);margin:-1em;padding:1em}.page-inner.svelte-aoqulm{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 3rem}.page-header.svelte-aoqulm{text-align:center;margin-bottom:2rem}.page-title.svelte-aoqulm{background:linear-gradient(135deg, var(--color-title-from) 0%, var(--color-title-to) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.page-subtitle.svelte-aoqulm{color:var(--color-text-secondary);max-width:560px;margin:0 auto;font-size:1.05rem}.glass-card.svelte-aoqulm{background:color-mix(in srgb, var(--color-surface-raised) 45%, transparent);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 10px 30px -10px #0000004d}.selector-card.svelte-aoqulm,.main-game-card.svelte-aoqulm{margin-bottom:2rem;padding:2rem}.settings-card.svelte-aoqulm{padding:2rem}@media (width<=600px){.selector-card.svelte-aoqulm,.main-game-card.svelte-aoqulm,.settings-card.svelte-aoqulm{padding:1.25rem}}