.velocity-app.svelte-9mkrqk{max-width:700px;margin:0 auto}.start-screen.svelte-9mkrqk{text-align:center;padding:32px 16px}.start-screen.svelte-9mkrqk h2:where(.svelte-9mkrqk){font-size:1.75rem;font-weight:600;margin:0 0 8px;padding:0;color:var(--midi-daw-ink, #1a1a1a)}.dark .start-screen.svelte-9mkrqk h2:where(.svelte-9mkrqk){color:#e5e5e5}.start-screen.svelte-9mkrqk p:where(.svelte-9mkrqk){color:var(--midi-daw-ink-muted, #64748b);margin:0 0 32px}.difficulty-select.svelte-9mkrqk{margin-bottom:32px;text-align:left}.difficulty-select.svelte-9mkrqk>label:where(.svelte-9mkrqk){display:block;font-weight:600;margin-bottom:12px;color:var(--midi-daw-ink, #1a1a1a)}.dark .difficulty-select.svelte-9mkrqk>label:where(.svelte-9mkrqk){color:#e5e5e5}.difficulty-options.svelte-9mkrqk{display:flex;flex-direction:column;gap:8px}.diff-btn.svelte-9mkrqk{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:2px solid var(--midi-daw-accent-border);border-radius:10px;background:var(--midi-daw-panel, white);cursor:pointer;text-align:left;transition:all .2s ease}.dark .diff-btn.svelte-9mkrqk{background:#0a0a0a;border-color:#ffffff1a}.diff-btn.svelte-9mkrqk:hover{border-color:var(--midi-daw-accent)}.diff-btn.active.svelte-9mkrqk{border-color:var(--midi-daw-accent);background:var(--midi-daw-accent-soft)}.diff-btn.svelte-9mkrqk strong:where(.svelte-9mkrqk){color:var(--midi-daw-ink, #1a1a1a)}.dark .diff-btn.svelte-9mkrqk strong:where(.svelte-9mkrqk){color:#e5e5e5}.diff-btn.svelte-9mkrqk span:where(.svelte-9mkrqk){font-size:.85rem;color:var(--midi-daw-ink-muted, #64748b)}.start-btn.svelte-9mkrqk{padding:14px 32px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--midi-daw-hero-start),var(--midi-daw-hero-mid));border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.start-btn.svelte-9mkrqk:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--midi-daw-accent-glow)}.exercise-area.svelte-9mkrqk{display:flex;flex-direction:column;gap:16px;padding:16px}.stats-bar.svelte-9mkrqk{display:flex;gap:16px;align-items:center;justify-content:center}.stat.svelte-9mkrqk{font-size:.875rem;color:var(--midi-daw-ink-muted, #64748b);font-weight:500}.difficulty-badge.svelte-9mkrqk{padding:2px 10px;background:var(--midi-daw-accent-soft);border-radius:999px;color:var(--midi-daw-accent);font-weight:600}.playback-row.svelte-9mkrqk{display:flex;gap:10px}.play-btn.svelte-9mkrqk{flex:1;padding:10px 16px;font-size:.95rem;font-weight:600;border:2px solid var(--midi-daw-accent);border-radius:10px;background:transparent;color:var(--midi-daw-accent);cursor:pointer;transition:all .2s ease}.play-btn.svelte-9mkrqk:hover,.play-btn.active.svelte-9mkrqk{background:var(--midi-daw-accent);color:#fff}.velocity-display.svelte-9mkrqk{display:flex;gap:8px;padding:16px;background:var(--midi-daw-panel, white);border:1px solid var(--midi-daw-accent-border);border-radius:12px}.dark .velocity-display.svelte-9mkrqk{background:#0a0a0a;border-color:#ffffff1a}.velocity-bars.svelte-9mkrqk{flex:1;display:flex;gap:3px;height:200px;align-items:flex-end}.bar-cell.svelte-9mkrqk{flex:1;height:100%;position:relative;cursor:ns-resize;display:flex;align-items:flex-end;border-bottom:1px solid rgba(0,0,0,.1);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.dark .bar-cell.svelte-9mkrqk{border-bottom-color:#ffffff1a}.bar-cell.playing.svelte-9mkrqk{background:var(--midi-daw-accent-soft)}.user-bar.svelte-9mkrqk{width:100%;background:var(--midi-daw-accent, #06b6d4);border-radius:3px 3px 0 0;transition:height .05s ease;min-height:2px}.user-bar.wrong.svelte-9mkrqk{background:#ef4444}.target-bar.svelte-9mkrqk{position:absolute;bottom:0;left:0;width:100%;border-top:3px solid rgba(16,185,129,.7);pointer-events:none;z-index:1}.bar-beat.svelte-9mkrqk{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;color:var(--midi-daw-ink-muted, #94a3b8)}.velocity-axis.svelte-9mkrqk{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:200px;font-size:.6rem;color:var(--midi-daw-ink-muted, #94a3b8);text-align:right}.submit-btn.svelte-9mkrqk{padding:14px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--midi-daw-hero-start),var(--midi-daw-hero-mid));border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.submit-btn.svelte-9mkrqk:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--midi-daw-accent-glow)}.result-panel.svelte-9mkrqk{text-align:center;padding:24px;border-radius:12px;border:2px solid}.result-panel.good.svelte-9mkrqk{border-color:#22c55e;background:#22c55e14}.result-panel.ok.svelte-9mkrqk{border-color:#eab308;background:#eab30814}.result-panel.bad.svelte-9mkrqk{border-color:#ef4444;background:#ef444414}.result-score.svelte-9mkrqk{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:var(--midi-daw-ink, #1a1a1a)}.dark .result-score.svelte-9mkrqk{color:#e5e5e5}.result-feedback.svelte-9mkrqk{font-size:.95rem;color:var(--midi-daw-ink-muted);margin-bottom:20px;line-height:1.6}.next-btn.svelte-9mkrqk{padding:12px 28px;font-size:1rem;font-weight:600;color:#fff;background:var(--midi-daw-accent);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease}.next-btn.svelte-9mkrqk:hover{transform:translateY(-1px)}