.page-wrapper.svelte-1xpb8vf{min-height:100vh;background-color:var(--bg-secondary)}.hero-graphic.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:440px}.hero-app.svelte-1xpb8vf{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 40px -4px #0000000f;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .4s ease}.hero-app.svelte-1xpb8vf:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.hero-app-chrome.svelte-1xpb8vf{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.chrome-dots.svelte-1xpb8vf{display:flex;gap:5px}.chrome-dot.svelte-1xpb8vf{width:9px;height:9px;border-radius:50%;display:block}.chrome-dot.red.svelte-1xpb8vf{background:#ff5f57}.chrome-dot.yellow.svelte-1xpb8vf{background:#febc2e}.chrome-dot.green.svelte-1xpb8vf{background:#28c840}.chrome-title.svelte-1xpb8vf{flex:1;text-align:center;font-size:10px;font-weight:500;color:var(--text-tertiary);background:var(--bg-primary);padding:3px 10px;border-radius:var(--radius-sm);margin:0 30px}.chrome-spacer.svelte-1xpb8vf{width:46px}.hero-app-body.svelte-1xpb8vf{min-height:260px;display:flex;align-items:stretch}.hero-phase.svelte-1xpb8vf{width:100%;padding:var(--spacing-4) var(--spacing-5);animation:svelte-1xpb8vf-phaseIn .35s ease-out}@keyframes svelte-1xpb8vf-phaseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recording-phase.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-4)}.recording-header.svelte-1xpb8vf{display:flex;align-items:center;justify-content:space-between}.rec-indicator.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);font-weight:600;color:#ef4444}.rec-dot.svelte-1xpb8vf{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:svelte-1xpb8vf-recPulse 1s infinite}@keyframes svelte-1xpb8vf-recPulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 4px #ef444400}}.rec-timer.svelte-1xpb8vf{font-family:monospace;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.recording-waveform.svelte-1xpb8vf{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:var(--spacing-3) 0}.wave-bar.svelte-1xpb8vf{width:3px;height:var(--h);background:var(--color-primary-400);border-radius:2px;animation:svelte-1xpb8vf-waveAnim 1.4s ease-in-out infinite;animation-delay:var(--delay);opacity:.85}@keyframes svelte-1xpb8vf-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.recording-meta.svelte-1xpb8vf{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border-light)}.meta-client.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;font-weight:500;color:var(--text-tertiary)}.meta-client.svelte-1xpb8vf svg{color:var(--text-quaternary);flex-shrink:0}.meta-tag.svelte-1xpb8vf{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full);transition:all .3s ease}.processing-phase.svelte-1xpb8vf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:240px}.processing-spinner.svelte-1xpb8vf{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-500);animation:svelte-1xpb8vf-spinGlow 1.2s ease-in-out infinite}@keyframes svelte-1xpb8vf-spinGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.processing-text.svelte-1xpb8vf{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.processing-bar.svelte-1xpb8vf{width:160px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.processing-fill.svelte-1xpb8vf{height:100%;width:0%;background:var(--color-primary-500);border-radius:2px;animation:svelte-1xpb8vf-processFill 1.4s ease-out forwards}@keyframes svelte-1xpb8vf-processFill{0%{width:0%}to{width:100%}}.outputs-phase.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-3)}.outputs-header.svelte-1xpb8vf{display:flex;align-items:center;justify-content:space-between}.outputs-done.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:#16a34a}.outputs-done.svelte-1xpb8vf svg{color:#16a34a}.outputs-template-tag.svelte-1xpb8vf{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full)}.outputs-cards.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-2)}.output-card.svelte-1xpb8vf{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-3);background:var(--bg-secondary);opacity:0;transform:translateY(8px);transition:all .35s ease-out}.output-card.visible.svelte-1xpb8vf{opacity:1;transform:translateY(0)}.output-card-top.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:4px}.output-card-top.svelte-1xpb8vf svg{flex-shrink:0}.note-card.svelte-1xpb8vf .output-card-top:where(.svelte-1xpb8vf) svg{color:var(--color-primary-500)}.student-card.svelte-1xpb8vf .output-card-top:where(.svelte-1xpb8vf) svg{color:#3b82f6}.parent-card.svelte-1xpb8vf .output-card-top:where(.svelte-1xpb8vf) svg{color:#ec4899}.output-card-title.svelte-1xpb8vf{font-size:11px;font-weight:600;color:var(--text-primary);flex:1}.output-age-tag.svelte-1xpb8vf{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-sm);background:#3b82f61a;color:#2563eb}.output-age-tag.parent-tag.svelte-1xpb8vf{background:#ec48991a;color:#db2777}.output-card-snippet.svelte-1xpb8vf{font-size:10px;color:var(--text-secondary);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hero-student-strip.svelte-1xpb8vf{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.hero-student-pill.svelte-1xpb8vf{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-tertiary);transition:all .3s ease}.hero-student-pill.active.svelte-1xpb8vf{font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.hero-graphic.svelte-1xpb8vf{max-width:400px;margin:0 auto}.hero-app.svelte-1xpb8vf,.hero-app.svelte-1xpb8vf:hover{transform:none}}@media(max-width:640px){.hero-graphic.svelte-1xpb8vf{max-width:100%}.hero-app-body.svelte-1xpb8vf{min-height:230px}.recording-waveform.svelte-1xpb8vf{height:44px}.wave-bar.svelte-1xpb8vf{width:2px}}.challenges-section.svelte-1xpb8vf{padding:var(--spacing-16) 0;background:var(--bg-primary)}.challenges-layout.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-8)}.challenges-tabs.svelte-1xpb8vf{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.challenge-tab.svelte-1xpb8vf{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-body)}.challenge-tab.svelte-1xpb8vf:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.challenge-tab.active.svelte-1xpb8vf{border-color:var(--color-primary-500);background:var(--color-primary-50)}.challenge-tab-icon.svelte-1xpb8vf{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0}.challenge-tab.active.svelte-1xpb8vf .challenge-tab-icon:where(.svelte-1xpb8vf){background:var(--color-primary-500);color:#fff}.challenge-tab-text.svelte-1xpb8vf{display:flex;flex-direction:column;gap:2px}.challenge-tab-title.svelte-1xpb8vf{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.challenge-tab-stat.svelte-1xpb8vf{font-size:var(--text-xs);color:var(--text-tertiary)}.challenge-tab-stat.svelte-1xpb8vf strong:where(.svelte-1xpb8vf){color:var(--color-primary-600);font-weight:700}.challenge-detail.svelte-1xpb8vf{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-6);align-items:center;padding:var(--spacing-8);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.challenge-label.svelte-1xpb8vf{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.problem-label.svelte-1xpb8vf{color:var(--text-tertiary)}.solution-label.svelte-1xpb8vf{color:var(--color-primary-600)}.challenge-problem.svelte-1xpb8vf p:where(.svelte-1xpb8vf),.challenge-solution.svelte-1xpb8vf p:where(.svelte-1xpb8vf){font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.challenge-arrow.svelte-1xpb8vf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);width:44px;height:44px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);flex-shrink:0;align-self:center}@media(max-width:900px){.challenges-tabs.svelte-1xpb8vf{grid-template-columns:repeat(2,1fr)}.challenge-detail.svelte-1xpb8vf{grid-template-columns:1fr;text-align:center}.challenge-arrow.svelte-1xpb8vf{justify-self:center}}@media(max-width:640px){.challenges-tabs.svelte-1xpb8vf{grid-template-columns:1fr}}.scenario-section.svelte-1xpb8vf{padding:var(--spacing-16) 0;background:var(--bg-secondary)}.scenario-layout.svelte-1xpb8vf{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-8);align-items:start}.scenario-steps.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-3);position:sticky;top:120px}.scenario-step.svelte-1xpb8vf{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-body)}.scenario-step.svelte-1xpb8vf:hover{border-color:var(--color-primary-200)}.scenario-step.active.svelte-1xpb8vf{border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.step-number.svelte-1xpb8vf{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;border-radius:50%;flex-shrink:0;background:var(--bg-secondary);color:var(--text-tertiary);border:2px solid var(--border-light);transition:all .2s ease}.step-number.active.svelte-1xpb8vf{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.step-number.completed.svelte-1xpb8vf{background:var(--color-primary-100);color:var(--color-primary-600);border-color:var(--color-primary-200)}.step-info.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-1)}.step-title.svelte-1xpb8vf{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.step-description.svelte-1xpb8vf{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.visual-card.svelte-1xpb8vf{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.visual-header.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.visual-header.svelte-1xpb8vf svg{color:var(--color-primary-500)}.visual-dot.svelte-1xpb8vf{width:8px;height:8px;border-radius:50%;background:var(--color-primary-500)}.visual-dot.pulse.svelte-1xpb8vf{animation:pulse 1.5s infinite}.visual-time.svelte-1xpb8vf{margin-left:auto;font-family:monospace;font-size:var(--text-xs);color:var(--text-tertiary)}.visual-badge.svelte-1xpb8vf{margin-left:auto;font-size:var(--text-xs);font-weight:600;padding:2px var(--spacing-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm)}.visual-body.svelte-1xpb8vf{padding:var(--spacing-5)}.recording-body.svelte-1xpb8vf{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-5)}.recording-waveform.svelte-1xpb8vf{display:flex;align-items:center;gap:3px;height:50px}.rec-bar.svelte-1xpb8vf{width:4px;height:var(--h);background:var(--color-primary-400);border-radius:2px}.recording-status.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-tertiary)}.recording-status.svelte-1xpb8vf svg{color:var(--color-primary-500)}.template-body.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-2)}.template-option.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);transition:background-color .15s ease}.template-option.selected.svelte-1xpb8vf{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.template-radio.svelte-1xpb8vf{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-radio.checked.svelte-1xpb8vf{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.note-body.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-4)}.note-preview-section.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-2)}.note-section-label.svelte-1xpb8vf{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.note-mock-text.svelte-1xpb8vf{display:flex;flex-direction:column;gap:6px}.mock-line.svelte-1xpb8vf{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.share-body.svelte-1xpb8vf{display:flex;flex-direction:column;gap:var(--spacing-3)}.share-output.svelte-1xpb8vf{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.share-icon.svelte-1xpb8vf{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.student-icon.svelte-1xpb8vf{background:#3b82f61a;color:#3b82f6}.parent-icon.svelte-1xpb8vf{background:#ec48991a;color:#ec4899}.export-icon.svelte-1xpb8vf{background:var(--color-primary-50);color:var(--color-primary-600)}.share-info.svelte-1xpb8vf{display:flex;flex-direction:column;flex:1;min-width:0}.share-title.svelte-1xpb8vf{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.share-desc.svelte-1xpb8vf{font-size:var(--text-xs);color:var(--text-tertiary)}.share-status.svelte-1xpb8vf{font-size:var(--text-xs);font-weight:600;padding:2px var(--spacing-2);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-tertiary)}.share-status.sent.svelte-1xpb8vf{background:#22c55e1a;color:#16a34a}@media(max-width:900px){.scenario-layout.svelte-1xpb8vf{grid-template-columns:1fr}.scenario-steps.svelte-1xpb8vf{position:static}}.benefits-section.svelte-1xpb8vf{padding:var(--spacing-16) 0;background:var(--bg-secondary)}