.drum-app.svelte-kf4u9t{max-width:800px;margin:0 auto}.start-screen.svelte-kf4u9t{text-align:center;padding:32px 16px}.start-screen.svelte-kf4u9t h2:where(.svelte-kf4u9t){font-size:1.75rem;font-weight:600;margin:0 0 8px;padding:0;color:var(--midi-daw-ink, #1a1a1a)}.dark .start-screen.svelte-kf4u9t h2:where(.svelte-kf4u9t){color:#e5e5e5}.start-screen.svelte-kf4u9t p:where(.svelte-kf4u9t){color:var(--midi-daw-ink-muted, #64748b);margin:0 0 32px}.difficulty-select.svelte-kf4u9t{margin-bottom:32px;text-align:left}.difficulty-select.svelte-kf4u9t>label:where(.svelte-kf4u9t){display:block;font-weight:600;margin-bottom:12px;color:var(--midi-daw-ink, #1a1a1a)}.dark .difficulty-select.svelte-kf4u9t>label:where(.svelte-kf4u9t){color:#e5e5e5}.difficulty-options.svelte-kf4u9t{display:flex;flex-direction:column;gap:8px}.diff-btn.svelte-kf4u9t{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-kf4u9t{background:#0a0a0a;border-color:#ffffff1a}.diff-btn.svelte-kf4u9t:hover{border-color:var(--midi-daw-accent)}.diff-btn.active.svelte-kf4u9t{border-color:var(--midi-daw-accent);background:var(--midi-daw-accent-soft)}.diff-btn.svelte-kf4u9t strong:where(.svelte-kf4u9t){color:var(--midi-daw-ink, #1a1a1a)}.dark .diff-btn.svelte-kf4u9t strong:where(.svelte-kf4u9t){color:#e5e5e5}.diff-btn.svelte-kf4u9t span:where(.svelte-kf4u9t){font-size:.85rem;color:var(--midi-daw-ink-muted, #64748b)}.start-btn.svelte-kf4u9t{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-kf4u9t:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--midi-daw-accent-glow)}.exercise-area.svelte-kf4u9t{display:flex;flex-direction:column;gap:16px;padding:16px}.stats-bar.svelte-kf4u9t{display:flex;gap:16px;align-items:center;justify-content:center}.stat.svelte-kf4u9t{font-size:.875rem;color:var(--midi-daw-ink-muted, #64748b);font-weight:500}.difficulty-badge.svelte-kf4u9t{padding:2px 10px;background:var(--midi-daw-accent-soft);border-radius:999px;color:var(--midi-daw-accent);font-weight:600}.playback-row.svelte-kf4u9t{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.play-btn.svelte-kf4u9t{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;min-width:120px}.play-btn.svelte-kf4u9t:hover,.play-btn.active.svelte-kf4u9t{background:var(--midi-daw-accent);color:#fff}.bpm-control.svelte-kf4u9t{display:flex;align-items:center;gap:6px}.bpm-control.svelte-kf4u9t label:where(.svelte-kf4u9t){font-size:.8rem;font-weight:600;color:var(--midi-daw-ink-muted)}.bpm-control.svelte-kf4u9t input:where(.svelte-kf4u9t){width:60px;padding:6px 8px;border:1px solid var(--midi-daw-accent-border);border-radius:6px;background:var(--midi-daw-panel, white);color:var(--midi-daw-ink, #1a1a1a);font-size:.9rem;text-align:center}.dark .bpm-control.svelte-kf4u9t input:where(.svelte-kf4u9t){background:#0a0a0a;color:#e5e5e5;border-color:#ffffff1a}.grid-wrapper.svelte-kf4u9t{overflow-x:auto;-webkit-overflow-scrolling:touch}.sequencer-grid.svelte-kf4u9t{display:flex;flex-direction:column;gap:2px;background:var(--midi-daw-panel, white);border:1px solid var(--midi-daw-accent-border);border-radius:12px;padding:12px;min-width:-moz-fit-content;min-width:fit-content}.dark .sequencer-grid.svelte-kf4u9t{background:#0a0a0a;border-color:#ffffff1a}.grid-row.svelte-kf4u9t{display:flex;gap:2px;align-items:center}.voice-label.svelte-kf4u9t{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;margin-right:4px}.voice-short.svelte-kf4u9t{font-weight:700;font-size:.85rem;color:var(--voice-color)}.beat-marker.svelte-kf4u9t{flex:1;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--midi-daw-ink-muted, #94a3b8);min-width:36px}.beat-marker.active-step.svelte-kf4u9t{color:var(--midi-daw-accent)}.step-cell.svelte-kf4u9t{flex:1;min-width:36px;height:36px;border:1.5px solid rgba(0,0,0,.08);border-radius:5px;background:#00000008;cursor:pointer;transition:all .1s ease;position:relative}.dark .step-cell.svelte-kf4u9t{border-color:#ffffff14;background:#ffffff08}.step-cell.beat-start.svelte-kf4u9t{border-left:2px solid rgba(0,0,0,.15)}.dark .step-cell.beat-start.svelte-kf4u9t{border-left-color:#ffffff26}.step-cell.on.svelte-kf4u9t{background:var(--voice-color);border-color:var(--voice-color);opacity:.85}.step-cell.active-step.svelte-kf4u9t{box-shadow:inset 0 0 0 2px var(--midi-daw-accent)}.step-cell.svelte-kf4u9t:hover:not(:disabled){border-color:var(--voice-color);opacity:1}.step-cell.svelte-kf4u9t:disabled{cursor:default}.step-cell.wrong.svelte-kf4u9t{box-shadow:inset 0 0 0 2px #ef4444}.step-cell.target-on.svelte-kf4u9t:not(.on){background:var(--voice-color);opacity:.3;box-shadow:inset 0 0 0 2px #ef4444}.submit-btn.svelte-kf4u9t{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-kf4u9t:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--midi-daw-accent-glow)}.result-panel.svelte-kf4u9t{text-align:center;padding:24px;border-radius:12px;border:2px solid}.result-panel.good.svelte-kf4u9t{border-color:#22c55e;background:#22c55e14}.result-panel.ok.svelte-kf4u9t{border-color:#eab308;background:#eab30814}.result-panel.bad.svelte-kf4u9t{border-color:#ef4444;background:#ef444414}.result-score.svelte-kf4u9t{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:var(--midi-daw-ink, #1a1a1a)}.dark .result-score.svelte-kf4u9t{color:#e5e5e5}.result-feedback.svelte-kf4u9t{font-size:.95rem;color:var(--midi-daw-ink-muted);margin-bottom:12px;line-height:1.6}.legend.svelte-kf4u9t{display:flex;gap:16px;justify-content:center;margin-bottom:16px;font-size:.8rem}.legend-item.svelte-kf4u9t{display:flex;align-items:center;gap:4px;color:var(--midi-daw-ink-muted)}.legend-item.correct.svelte-kf4u9t:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--midi-daw-accent)}.legend-item.missed.svelte-kf4u9t:before{content:"";width:12px;height:12px;border-radius:3px;border:2px solid #ef4444}.next-btn.svelte-kf4u9t{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-kf4u9t:hover{transform:translateY(-1px)}@media (max-width: 480px){.step-cell.svelte-kf4u9t{min-width:28px;height:28px}.voice-label.svelte-kf4u9t{width:28px;height:28px}.voice-short.svelte-kf4u9t{font-size:.75rem}}