.prompt.svelte-hhnv7q{flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.chord-row.svelte-hhnv7q{align-items:baseline;gap:.6rem;display:flex}.chord-caption.svelte-hhnv7q{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.chord-label.svelte-hhnv7q{color:var(--color-text-primary);font-size:1.9rem;font-weight:800;line-height:1;animation:.25s cubic-bezier(.175,.885,.32,1.275) svelte-hhnv7q-pop-in}.instruction.svelte-hhnv7q{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:600}.degree.svelte-hhnv7q{text-align:center;color:var(--color-accent-secondary);text-shadow:0 0 20px color-mix(in srgb, var(--color-accent) 60%, transparent);font-size:2.4rem;font-weight:800;line-height:1.1;transition:color .15s;animation:.3s cubic-bezier(.175,.885,.32,1.275) svelte-hhnv7q-pop-in}.degree.found.svelte-hhnv7q{color:var(--color-success);text-shadow:0 0 22px color-mix(in srgb, var(--color-success) 65%, transparent)}.degree.placeholder.svelte-hhnv7q{color:var(--color-text-secondary);text-shadow:none}.target-note.svelte-hhnv7q{min-height:1rem;color:var(--color-text-secondary);font-size:1rem;font-weight:600;line-height:1}@media (width<=480px){.degree.svelte-hhnv7q{font-size:1.9rem}}.next-slot.svelte-hhnv7q{justify-content:center;align-items:center;height:1.4rem;margin-top:.6rem;display:flex}.next-up.svelte-hhnv7q{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:baseline;gap:.4rem;font-size:.8rem;display:inline-flex}.next-chord.svelte-hhnv7q{color:var(--color-text-primary);font-size:.95rem;font-weight:800}.beat-track.svelte-hhnv7q{background:var(--color-surface-overlay);border-radius:9999px;width:min(320px,80%);height:4px;margin-top:.5rem;overflow:hidden}.beat-fill.svelte-hhnv7q{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-secondary));transform-origin:0;border-radius:9999px;width:100%;height:100%;animation-name:svelte-hhnv7q-drain;animation-timing-function:linear;animation-fill-mode:forwards}.beat-fill.count-in.svelte-hhnv7q{background:var(--color-text-secondary)}@keyframes svelte-hhnv7q-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes svelte-hhnv7q-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.beat-fill.svelte-hhnv7q,.degree.svelte-hhnv7q,.chord-label.svelte-hhnv7q{animation:none}}.transport.svelte-1mcuiw{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin-top:.5rem;display:flex}.play-btn.svelte-1mcuiw{float:none;background:var(--color-accent-hover);width:fit-content;height:fit-content;color:var(--color-accent-contrast);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;margin:0;padding:.55rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.play-btn.svelte-1mcuiw:hover{background:var(--color-accent);transform:translateY(-1px)}.play-btn.running.svelte-1mcuiw{border-color:color-mix(in srgb, var(--color-danger) 50%, transparent);background:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger)}.play-btn.running.svelte-1mcuiw:hover{background:color-mix(in srgb, var(--color-danger) 24%, transparent)}.badges.svelte-1mcuiw{flex-wrap:wrap;gap:.4rem;display:flex}.badge.svelte-1mcuiw{border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.chorus-badge.svelte-1mcuiw{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);color:var(--color-accent-secondary)}.best-badge.svelte-1mcuiw{background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 25%, transparent);color:var(--color-success)}.flash-slot.svelte-1mcuiw{justify-content:center;align-items:center;height:1.75rem;margin-top:.6rem;display:flex}.flash.svelte-1mcuiw{color:var(--color-success);font-size:.9rem;font-weight:700;animation:2.5s forwards svelte-1mcuiw-flash-in}@keyframes svelte-1mcuiw-flash-in{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flash.svelte-1mcuiw{animation:none}}.lock-wrap.svelte-19lz74a{align-items:center;display:inline-flex;position:relative}.badge.svelte-19lz74a{background:color-mix(in srgb, var(--color-premium) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-premium) 35%, transparent);width:1.35rem;height:1.35rem;color:var(--color-premium);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.tooltip.svelte-19lz74a{text-align:center;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);width:max-content;max-width:min(16rem,100vw - 2rem);color:var(--color-text-secondary);opacity:0;pointer-events:none;z-index:5;border-radius:10px;padding:.5rem .85rem;font-size:.8rem;font-weight:500;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px -10px #00000080}.tooltip.svelte-19lz74a:after{content:"";height:.7rem;position:absolute;top:100%;left:0;right:0}.tooltip.svelte-19lz74a a:where(.svelte-19lz74a){color:var(--color-accent-secondary);white-space:nowrap;font-weight:700;text-decoration:none}.lock-wrap.svelte-19lz74a:hover .tooltip:where(.svelte-19lz74a),.lock-wrap.svelte-19lz74a:focus-within .tooltip:where(.svelte-19lz74a){opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.settings-title.svelte-bn30dl{color:var(--color-text-primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem;display:flex}.settings-title.svelte-bn30dl i:where(.svelte-bn30dl){color:var(--color-accent)}.form-grid.svelte-bn30dl{grid-template-columns:max-content max-content;justify-content:center;align-items:center;gap:1.25rem 2rem;max-width:560px;margin:0 auto;display:grid}.control-label.svelte-bn30dl{text-align:right;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;justify-content:flex-end;align-items:center;gap:.45rem;margin:0;font-size:.85rem;font-weight:600;display:inline-flex}.control-wrapper.svelte-bn30dl{justify-content:flex-start;align-items:center;gap:.6rem;display:flex}.control-hint.svelte-bn30dl{color:var(--color-text-secondary);max-width:15rem;font-size:.75rem}.control-hint.svelte-bn30dl a{color:var(--color-accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.control-hint.svelte-bn30dl a:hover{color:var(--color-accent-hover)}.select-input.svelte-bn30dl{appearance:none;background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);width:fit-content;height:fit-content;color:var(--color-text-primary);border-radius:8px;margin:0;padding:.4rem .75rem;font-family:inherit;font-size:.9rem}.select-input.locked.svelte-bn30dl,.select-input.svelte-bn30dl:disabled{color:var(--color-text-secondary);border-color:color-mix(in srgb, var(--color-premium) 25%, transparent);cursor:not-allowed}.tempo-wrapper.svelte-bn30dl{gap:.75rem}.tempo-slider.svelte-bn30dl{width:9rem;accent-color:var(--color-accent)}.tempo-slider.svelte-bn30dl:disabled{cursor:not-allowed;accent-color:var(--color-text-secondary)}.tempo-value.svelte-bn30dl{color:var(--color-text-secondary);min-width:4.5rem;font-size:.8rem;font-weight:700}.switch.svelte-bn30dl{flex-shrink:0;width:3rem;height:1.6rem;display:inline-block;position:relative}.switch.svelte-bn30dl input:where(.svelte-bn30dl){z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch.svelte-bn30dl input:where(.svelte-bn30dl):disabled{cursor:not-allowed}.slider.svelte-bn30dl{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-bn30dl: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-bn30dl input:where(.svelte-bn30dl):checked+.slider:where(.svelte-bn30dl){background-color:var(--color-accent);box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 50%, transparent)}.switch.svelte-bn30dl input:where(.svelte-bn30dl):checked+.slider:where(.svelte-bn30dl):before{transform:translate(1.4rem)}.switch.svelte-bn30dl input:where(.svelte-bn30dl):disabled+.slider:where(.svelte-bn30dl){border-color:color-mix(in srgb, var(--color-premium) 25%, transparent)}@media (width<=560px){.form-grid.svelte-bn30dl{grid-template-columns:1fr;justify-items:start}.control-label.svelte-bn30dl{text-align:left;justify-content:flex-start}.control-hint.svelte-bn30dl{max-width:100%}}.overview.svelte-funcbq{flex-direction:column;gap:.9rem;display:flex}.overview-title.svelte-funcbq{color:var(--color-text-primary);text-align:center;margin:0;font-size:1rem;font-weight:700}.bars.svelte-funcbq{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:100%;max-width:30rem;margin:0 auto;padding:0;list-style:none;display:grid}.bar.svelte-funcbq{background:color-mix(in srgb, var(--color-surface-overlay) 60%, transparent);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .2rem;transition:background .2s,border-color .2s;display:flex}.bar.changing.svelte-funcbq{border-left-color:var(--color-border-strong)}.bar.active.svelte-funcbq{background:color-mix(in srgb, var(--color-accent) 22%, transparent);border-color:color-mix(in srgb, var(--color-accent) 55%, transparent)}.bar-numeral.svelte-funcbq{color:var(--color-text-secondary);letter-spacing:.5px;font-size:.65rem;font-weight:700}.bar.active.svelte-funcbq .bar-numeral:where(.svelte-funcbq){color:var(--color-accent-secondary)}.bar-chord.svelte-funcbq{color:var(--color-text-primary);font-size:.85rem;font-weight:700}.legend.svelte-funcbq{flex-direction:column;gap:.3rem;width:100%;max-width:30rem;margin:0 auto;padding:0;list-style:none;display:flex}.legend-row.svelte-funcbq{border:1px solid #0000;border-radius:8px;grid-template-columns:2rem 4.5rem 1fr;align-items:center;gap:.5rem;padding:.35rem .5rem;transition:background .2s,border-color .2s;display:grid}.legend-row.active.svelte-funcbq{background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent) 30%, transparent)}.legend-numeral.svelte-funcbq{color:var(--color-text-secondary);font-size:.75rem;font-weight:700}.legend-chord.svelte-funcbq{color:var(--color-text-primary);font-size:.95rem;font-weight:800}.legend-tones.svelte-funcbq{flex-wrap:wrap;gap:.35rem;display:flex}.tone.svelte-funcbq{background:color-mix(in srgb, var(--color-surface-overlay) 70%, transparent);border:1px solid var(--color-border-subtle);border-radius:9999px;align-items:baseline;gap:.25rem;padding:.1rem .45rem;display:inline-flex}.tone-note.svelte-funcbq{color:var(--color-accent-secondary);font-size:.85rem;font-weight:700}.tone-degree.svelte-funcbq{color:var(--color-text-secondary);font-size:.7rem}@media (width<=520px){.legend-row.svelte-funcbq{grid-template-columns:1.6rem 3.6rem 1fr;gap:.35rem}.tone-degree.svelte-funcbq{display:none}}.page.svelte-jerdin{background-color:var(--color-surface-canvas);min-height:calc(100vh - 4.5rem - 130px);margin:-1em;padding:1em}.page-inner.svelte-jerdin{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 3rem}.page-header.svelte-jerdin{text-align:center;margin-bottom:2rem}.page-title.svelte-jerdin{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-jerdin{color:var(--color-text-secondary);max-width:620px;margin:0 auto;font-size:1.05rem}.glass-card.svelte-jerdin{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}.main-game-card.svelte-jerdin{margin-bottom:2rem;padding:2rem}.overview-card.svelte-jerdin{margin-bottom:2rem;padding:1.5rem}.settings-card.svelte-jerdin{padding:2rem}.save-options-row.svelte-jerdin{border-top:1px solid var(--color-border-subtle);justify-content:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.audio-error.svelte-jerdin{text-align:center;color:var(--color-danger);margin:.75rem 0 0;font-size:.9rem}.my-fretboard-js .note.improv-hit,.my-fretboard-js .note.improv-miss,.my-fretboard-js .note.improv-reveal{opacity:1!important}.my-fretboard-js .note.improv-hit .note-display,.my-fretboard-js .note.improv-miss .note-display,.my-fretboard-js .note.improv-reveal .note-display{color:#fff;text-shadow:0 1px 2px #0009}.my-fretboard-js .note.improv-hit{background:linear-gradient(135deg,#34d399 0%,#059669 100%)!important;border-color:#fff!important;box-shadow:0 0 15px #10b981cc,inset 0 2px 4px #fff6!important}.my-fretboard-js .note.improv-miss{background:linear-gradient(135deg,#f87171 0%,#dc2626 100%)!important;border-color:#fff!important;box-shadow:0 0 15px #ef4444cc,inset 0 2px 4px #fff6!important}.my-fretboard-js .note.improv-outside{pointer-events:none}.my-fretboard-js .note.improv-reveal{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)!important;border-color:#fff!important;box-shadow:0 0 14px #f59e0bbf,inset 0 2px 4px #ffffff59!important}@media (width<=600px){.main-game-card.svelte-jerdin,.settings-card.svelte-jerdin{padding:1.25rem}}