.activity-container.svelte-1loimxp{height:100%;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);overflow-y:auto;gap:1.25rem}.header.svelte-1loimxp{text-align:center}.title.svelte-1loimxp{font-size:2rem;font-weight:900;color:#7c3aed;margin:0}.subtitle.svelte-1loimxp{font-size:1rem;color:#9333ea;margin:.25rem 0 0}.sentence-display.svelte-1loimxp{background:#fff;border:4px solid #7c3aed;border-radius:1.5rem;padding:1.5rem 2rem;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;width:100%;max-width:500px}.sentence-display.quiet.svelte-1loimxp{background:#eff6ff;border-color:#3b82f6}.sentence-display.loud.svelte-1loimxp{background:#fef2f2;border-color:#ef4444;animation:svelte-1loimxp-shake .3s ease-in-out}@keyframes svelte-1loimxp-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sentence.svelte-1loimxp{font-weight:800;color:#1f2937;margin:0;transition:all .3s ease}.word.svelte-1loimxp{color:#7c3aed}.mode-instruction.svelte-1loimxp{font-size:1.25rem;font-weight:700;color:#6b7280;margin:.5rem 0 0;animation:svelte-1loimxp-bounce .5s ease}@keyframes svelte-1loimxp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sound-waves.svelte-1loimxp{display:flex;gap:8px;height:40px;align-items:center}.wave.svelte-1loimxp{width:8px;height:20px;background:#a78bfa;border-radius:4px;transition:all .3s ease}.sound-waves.active.svelte-1loimxp .wave:where(.svelte-1loimxp){animation:svelte-1loimxp-wave .5s ease-in-out infinite}.sound-waves.active.svelte-1loimxp .wave:where(.svelte-1loimxp):nth-child(1){animation-delay:0s}.sound-waves.active.svelte-1loimxp .wave:where(.svelte-1loimxp):nth-child(2){animation-delay:.1s}.sound-waves.active.svelte-1loimxp .wave:where(.svelte-1loimxp):nth-child(3){animation-delay:.2s}@keyframes svelte-1loimxp-wave{0%,to{height:20px}50%{height:40px}}.mode-grid.svelte-1loimxp{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:500px}.mode-button.svelte-1loimxp{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;border-radius:1rem;border:3px solid #d1d5db;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.mode-button.svelte-1loimxp:hover{transform:scale(1.05)}.mode-button.active.svelte-1loimxp{border-width:4px}.mode-button[data-color=blue].svelte-1loimxp{border-color:#3b82f6}.mode-button[data-color=blue].active.svelte-1loimxp{background:#eff6ff}.mode-button[data-color=red].svelte-1loimxp{border-color:#ef4444}.mode-button[data-color=red].active.svelte-1loimxp{background:#fef2f2}.mode-button[data-color=purple].svelte-1loimxp{border-color:#a855f7}.mode-button[data-color=purple].active.svelte-1loimxp{background:#faf5ff}.mode-button[data-color=amber].svelte-1loimxp{border-color:#f59e0b}.mode-button[data-color=amber].active.svelte-1loimxp{background:#fffbeb}.mode-icon.svelte-1loimxp{font-size:2rem}.mode-label.svelte-1loimxp{font-size:.875rem;font-weight:700;color:#374151}.item-nav.svelte-1loimxp{display:flex;align-items:center;gap:1rem}.item-counter.svelte-1loimxp{font-size:.875rem;color:#6b7280}.drill-counter.svelte-1loimxp{font-size:.875rem;color:#6b7280;margin:0}