.pitch-player.svelte-e2mdd7{--pp-surface: #120f16;--pp-accent: #a855f7;--pp-ref: #8a8495;--pp-ink: #f4f1f8;--pp-ink-2: #c9c3d3;--pp-muted: #8a8495;margin:2rem 0 2.25rem;padding:1.1rem;border-radius:1rem;border:1px solid rgba(168,85,247,.22);background:linear-gradient(160deg,#221a2cd9,#120f16e6);box-shadow:0 10px 30px -12px #a855f72e;line-height:1.4;color:var(--pp-ink-2)}@media(min-width:640px){.pitch-player.svelte-e2mdd7{padding:1.35rem 1.5rem 1.25rem}}.pp-top.svelte-e2mdd7{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"titles titles piano" "play versions versions";gap:1rem .85rem;align-items:start}.pp-titles.svelte-e2mdd7{grid-area:titles;display:flex;flex-direction:column;gap:.2rem;min-width:0}.pp-switch.svelte-e2mdd7{grid-area:piano}.pp-play.svelte-e2mdd7{grid-area:play}.pp-versions.svelte-e2mdd7{grid-area:versions}.pp-eyebrow.svelte-e2mdd7{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c084fc}.pp-title.svelte-e2mdd7{font-size:1.05rem;font-weight:600;color:var(--pp-ink)}.pp-switch.svelte-e2mdd7{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.35rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--pp-ink-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:background .15s,border-color .15s}.pp-switch.svelte-e2mdd7:hover{background:#ffffff14}.pp-switch-track.svelte-e2mdd7{position:relative;width:30px;height:18px;border-radius:999px;background:#ffffff24;transition:background .15s}.pp-switch-thumb.svelte-e2mdd7{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.pp-switch[aria-checked=true].svelte-e2mdd7 .pp-switch-track:where(.svelte-e2mdd7){background:var(--pp-accent)}.pp-switch[aria-checked=true].svelte-e2mdd7 .pp-switch-thumb:where(.svelte-e2mdd7){transform:translate(12px)}.pp-play.svelte-e2mdd7{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 18px -6px #a855f799;transition:transform .12s,box-shadow .12s}.pp-play.svelte-e2mdd7:hover{transform:scale(1.05)}.pp-play.svelte-e2mdd7:active{transform:scale(.96)}.pp-play.svelte-e2mdd7 svg:where(.svelte-e2mdd7){width:22px;height:22px}.pp-spinner.svelte-e2mdd7{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:svelte-e2mdd7-pp-spin .7s linear infinite}@keyframes svelte-e2mdd7-pp-spin{to{transform:rotate(360deg)}}.pp-versions.svelte-e2mdd7{display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}.pp-version.svelte-e2mdd7{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .8rem;border-radius:.6rem;font-size:.9rem;font-weight:600;color:var(--pp-ink-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:background .12s,border-color .12s,color .12s}.pp-version.svelte-e2mdd7:hover{background:#ffffff14;color:var(--pp-ink)}.pp-version.active.svelte-e2mdd7{color:#fff;background:#a855f733;border-color:var(--pp-accent)}.pp-key.svelte-e2mdd7{display:none;font-size:.7rem;font-weight:700;color:var(--pp-muted);font-variant-numeric:tabular-nums}@media(hover:hover)and (min-width:640px){.pp-key.svelte-e2mdd7{display:inline}}.pp-version.active.svelte-e2mdd7 .pp-key:where(.svelte-e2mdd7){color:#d8b4fe}@media(max-width:639px){.pp-top.svelte-e2mdd7{grid-template-areas:"play titles piano" "versions versions versions";align-items:center;gap:.9rem .75rem}.pp-versions.svelte-e2mdd7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pp-version.svelte-e2mdd7{justify-content:center;padding:.4rem .35rem;font-size:.82rem}.pp-version.svelte-e2mdd7:last-child:nth-child(odd){grid-column:1 / -1}}.pp-legend.svelte-e2mdd7{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;margin:1.1rem 0 .5rem;font-size:.8rem;color:var(--pp-ink-2)}.pp-legend-items.svelte-e2mdd7{display:inline-flex;flex-wrap:wrap;gap:.4rem 1rem}.pp-legend-item.svelte-e2mdd7{display:inline-flex;align-items:center;gap:.45rem}.pp-legend-note.svelte-e2mdd7{color:var(--pp-muted)}.pp-line-key.svelte-e2mdd7{display:inline-block;width:16px;height:2px;border-radius:1px;background:var(--pp-accent);flex-shrink:0}.pp-line-key.ref.svelte-e2mdd7{background:var(--pp-ref)}.pp-chart.svelte-e2mdd7{position:relative;border-radius:.75rem;background:var(--pp-surface);border:1px solid rgba(255,255,255,.06);overflow:hidden;touch-action:pan-y}.pp-chart.svelte-e2mdd7 svg:where(.svelte-e2mdd7){display:block;cursor:crosshair}.grid.svelte-e2mdd7{stroke:#ffffff09;stroke-width:1;shape-rendering:crispEdges}.grid.in-key.svelte-e2mdd7{stroke:#ffffff17}.note-label.svelte-e2mdd7{fill:var(--pp-muted);font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums}.pitch-line.svelte-e2mdd7{fill:none;stroke:var(--pp-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.pitch-line.ref.svelte-e2mdd7{stroke:var(--pp-ref)}.playhead.svelte-e2mdd7{stroke:#ffffff47;stroke-width:1}.crosshair.svelte-e2mdd7{stroke:#ffffff73;stroke-width:1;pointer-events:none}.pitch-dot.svelte-e2mdd7{fill:var(--pp-accent);stroke:var(--pp-surface);stroke-width:2}.pitch-dot.ref.svelte-e2mdd7{fill:var(--pp-ref)}.pp-tooltip.svelte-e2mdd7{position:absolute;top:8px;transform:translate(12px);min-width:150px;padding:.5rem .65rem;border-radius:.5rem;background:#1f1a26f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px -8px #0009;pointer-events:none;font-size:.78rem;white-space:nowrap}.pp-tooltip.flip.svelte-e2mdd7{transform:translate(calc(-100% - 12px))}.pp-tooltip-row.svelte-e2mdd7{display:flex;align-items:center;gap:.5rem}.pp-tooltip-row.svelte-e2mdd7+.pp-tooltip-row:where(.svelte-e2mdd7){margin-top:.25rem}.pp-tooltip-value.svelte-e2mdd7{color:var(--pp-ink);font-weight:700;font-variant-numeric:tabular-nums;min-width:4.6rem}.pp-tooltip-label.svelte-e2mdd7{color:var(--pp-muted)}.pp-setting.svelte-e2mdd7{margin-top:.65rem;font-size:.85rem;color:var(--pp-muted)}.pp-setting-name.svelte-e2mdd7{color:var(--pp-ink-2);font-weight:600}.pp-progress.svelte-e2mdd7{height:3px;margin:1.1rem 0 0;border-radius:2px;background:#ffffff14;overflow:hidden}.pp-progress-fill.svelte-e2mdd7{height:100%;background:var(--pp-accent);transform-origin:left center}.pp-blind.svelte-e2mdd7{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.pp-blind-q.svelte-e2mdd7{display:block;font-size:.9rem;margin-bottom:.6rem}.pp-blind-picks.svelte-e2mdd7{display:flex;flex-wrap:wrap;gap:.5rem}.pp-pick.svelte-e2mdd7{min-height:40px;padding:.45rem 1rem;border-radius:.6rem;font-size:.9rem;font-weight:600;color:#fff;background:#a855f724;border:1px solid rgba(168,85,247,.45);transition:background .12s}.pp-pick.svelte-e2mdd7:hover{background:#a855f742}.pp-reveal.svelte-e2mdd7{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.pp-reveal-rows.svelte-e2mdd7{display:flex;flex-direction:column;gap:.35rem}.pp-reveal-row.svelte-e2mdd7{display:flex;align-items:center;gap:.55rem;font-size:.92rem}.pp-reveal-key.svelte-e2mdd7{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--pp-ink);background:#ffffff14}.pp-reveal-row.picked.svelte-e2mdd7 .pp-reveal-key:where(.svelte-e2mdd7){background:var(--pp-accent)}.pp-reveal-name.svelte-e2mdd7{color:var(--pp-ink);font-weight:600}.pp-reveal-tag.svelte-e2mdd7{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .45rem;border-radius:999px;color:#e9d5ff;background:#a855f733}.pp-reveal-tag.mattie.svelte-e2mdd7{color:var(--pp-ink-2);background:#ffffff14}.pp-retake.svelte-e2mdd7{font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:.5rem;color:var(--pp-ink-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.pp-retake.svelte-e2mdd7:hover{background:#ffffff17}.pp-error.svelte-e2mdd7{margin-top:.75rem;font-size:.85rem;color:#fca5a5}button.svelte-e2mdd7:focus-visible{outline:2px solid #c084fc;outline-offset:2px}