.page-wrapper.svelte-bcr9sl{min-height:100vh;background-color:var(--bg-secondary)}.hero-graphic.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:440px}.hero-app.svelte-bcr9sl{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-bcr9sl:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.hero-app-chrome.svelte-bcr9sl{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.chrome-dots.svelte-bcr9sl{display:flex;gap:5px}.chrome-dot.svelte-bcr9sl{width:9px;height:9px;border-radius:50%;display:block}.chrome-dot.red.svelte-bcr9sl{background:#ff5f57}.chrome-dot.yellow.svelte-bcr9sl{background:#febc2e}.chrome-dot.green.svelte-bcr9sl{background:#28c840}.chrome-title.svelte-bcr9sl{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-bcr9sl{width:46px}.hero-app-body.svelte-bcr9sl{min-height:240px;display:flex;align-items:stretch}.hero-phase.svelte-bcr9sl{width:100%;padding:var(--spacing-4) var(--spacing-5);animation:svelte-bcr9sl-phaseIn .35s ease-out}@keyframes svelte-bcr9sl-phaseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recording-phase.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-4)}.recording-header.svelte-bcr9sl{display:flex;align-items:center;justify-content:space-between}.rec-indicator.svelte-bcr9sl{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);font-weight:600;color:#ef4444}.rec-dot.svelte-bcr9sl{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:svelte-bcr9sl-recPulse 1s infinite}@keyframes svelte-bcr9sl-recPulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 4px #ef444400}}.rec-timer.svelte-bcr9sl{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-bcr9sl{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:var(--spacing-3) 0}.wave-bar.svelte-bcr9sl{width:3px;height:var(--h);background:var(--color-primary-400);border-radius:2px;animation:svelte-bcr9sl-waveAnim 1.4s ease-in-out infinite;animation-delay:var(--delay);opacity:.85}@keyframes svelte-bcr9sl-waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.recording-meta.svelte-bcr9sl{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border-light)}.meta-client.svelte-bcr9sl{display:flex;align-items:center;gap:var(--spacing-1);font-size:11px;font-weight:500;color:var(--text-tertiary)}.meta-client.svelte-bcr9sl svg{color:var(--text-quaternary);flex-shrink:0}.meta-tag.svelte-bcr9sl{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-bcr9sl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:220px}.processing-spinner.svelte-bcr9sl{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-bcr9sl-spinGlow 1.2s ease-in-out infinite}@keyframes svelte-bcr9sl-spinGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.processing-text.svelte-bcr9sl{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0}.processing-bar.svelte-bcr9sl{width:160px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.processing-fill.svelte-bcr9sl{height:100%;width:0%;background:var(--color-primary-500);border-radius:2px;animation:svelte-bcr9sl-processFill 1.4s ease-out forwards}@keyframes svelte-bcr9sl-processFill{0%{width:0%}to{width:100%}}.outputs-phase.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-3)}.outputs-header.svelte-bcr9sl{display:flex;align-items:center}.outputs-done.svelte-bcr9sl{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:600;color:#16a34a}.outputs-done.svelte-bcr9sl svg{color:#16a34a}.outputs-cards.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-2)}.output-card.svelte-bcr9sl{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-bcr9sl{opacity:1;transform:translateY(0)}.output-card-top.svelte-bcr9sl{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.output-card-top.svelte-bcr9sl svg{flex-shrink:0}.note-card.svelte-bcr9sl .output-card-top:where(.svelte-bcr9sl) svg{color:#059669}.youth-card.svelte-bcr9sl .output-card-top:where(.svelte-bcr9sl) svg{color:#3b82f6}.parent-card.svelte-bcr9sl .output-card-top:where(.svelte-bcr9sl) svg{color:#ec4899}.output-card-title.svelte-bcr9sl{font-size:11px;font-weight:600;color:var(--text-primary);flex:1}.output-tone-tag.svelte-bcr9sl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-sm);transition:all .3s ease}.output-card-preview.svelte-bcr9sl{display:flex;flex-direction:column;gap:4px}.note-line.svelte-bcr9sl{display:flex;gap:var(--spacing-2);font-size:10px;line-height:1.4}.note-label.svelte-bcr9sl{font-weight:600;color:var(--text-tertiary);white-space:nowrap}.note-text.svelte-bcr9sl{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-audience-strip.svelte-bcr9sl{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.hero-audience-pill.svelte-bcr9sl{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-audience-pill.active.svelte-bcr9sl{font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.hero-graphic.svelte-bcr9sl{max-width:400px;margin:0 auto}.hero-app.svelte-bcr9sl,.hero-app.svelte-bcr9sl:hover{transform:none}}@media(max-width:640px){.hero-graphic.svelte-bcr9sl{max-width:100%}.hero-app-body.svelte-bcr9sl{min-height:210px}.recording-waveform.svelte-bcr9sl{height:44px}.wave-bar.svelte-bcr9sl{width:2px}}.challenges-section.svelte-bcr9sl{padding:var(--spacing-16) 0;background:var(--bg-primary)}.challenges-layout.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-8)}.challenges-tabs.svelte-bcr9sl{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.challenge-tab.svelte-bcr9sl{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-bcr9sl:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.challenge-tab.active.svelte-bcr9sl{border-color:var(--color-primary-500);background:var(--color-primary-50)}.challenge-tab-icon.svelte-bcr9sl{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-bcr9sl .challenge-tab-icon:where(.svelte-bcr9sl){background:var(--color-primary-500);color:#fff}.challenge-tab-text.svelte-bcr9sl{display:flex;flex-direction:column;gap:2px}.challenge-tab-title.svelte-bcr9sl{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.challenge-tab-stat.svelte-bcr9sl{font-size:var(--text-xs);color:var(--text-tertiary)}.challenge-tab-stat.svelte-bcr9sl strong:where(.svelte-bcr9sl){color:var(--color-primary-600);font-weight:700}.challenge-detail.svelte-bcr9sl{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-bcr9sl{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-bcr9sl{color:var(--text-tertiary)}.solution-label.svelte-bcr9sl{color:var(--color-primary-600)}.challenge-problem.svelte-bcr9sl p:where(.svelte-bcr9sl),.challenge-solution.svelte-bcr9sl p:where(.svelte-bcr9sl){font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.challenge-arrow.svelte-bcr9sl{display:flex;align-items:center;justify-content:center;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-bcr9sl{grid-template-columns:repeat(2,1fr)}.challenge-detail.svelte-bcr9sl{grid-template-columns:1fr;text-align:center}.challenge-arrow.svelte-bcr9sl{justify-self:center}}@media(max-width:640px){.challenges-tabs.svelte-bcr9sl{grid-template-columns:1fr}}.outputs-section.svelte-bcr9sl{padding:var(--spacing-16) 0;background:var(--bg-secondary)}.outputs-layout.svelte-bcr9sl{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-8);align-items:start}.outputs-selector.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-2);position:sticky;top:120px}.output-tab.svelte-bcr9sl{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 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)}.output-tab.svelte-bcr9sl:hover{border-color:var(--color-primary-200)}.output-tab.active.svelte-bcr9sl{border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.output-tab-icon.svelte-bcr9sl{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;background:var(--color-primary-50);color:var(--color-primary-600)}.output-tab-icon[data-color=blue].svelte-bcr9sl{background:#3b82f61a;color:#2563eb}.output-tab-icon[data-color=pink].svelte-bcr9sl{background:#ec48991a;color:#db2777}.output-tab-icon[data-color=green].svelte-bcr9sl{background:#22c55e1a;color:#16a34a}.output-tab.active.svelte-bcr9sl .output-tab-icon:where(.svelte-bcr9sl){background:var(--color-primary-500);color:#fff}.output-tab.active.svelte-bcr9sl .output-tab-icon[data-color=blue]:where(.svelte-bcr9sl){background:#2563eb}.output-tab.active.svelte-bcr9sl .output-tab-icon[data-color=pink]:where(.svelte-bcr9sl){background:#db2777}.output-tab.active.svelte-bcr9sl .output-tab-icon[data-color=green]:where(.svelte-bcr9sl){background:#16a34a}.output-tab-text.svelte-bcr9sl{display:flex;flex-direction:column;gap:1px}.output-tab-label.svelte-bcr9sl{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.output-tab-sublabel.svelte-bcr9sl{font-size:var(--text-xs);color:var(--text-tertiary)}.output-card.svelte-bcr9sl{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.outputs-preview.svelte-bcr9sl .output-card:where(.svelte-bcr9sl){opacity:1;transform:none}.output-card-header.svelte-bcr9sl{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.output-card-title.svelte-bcr9sl{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.output-card-badge.svelte-bcr9sl{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)}.output-card-body.svelte-bcr9sl{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.output-section.svelte-bcr9sl{display:flex;flex-direction:column;gap:var(--spacing-1)}.output-section-label.svelte-bcr9sl{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.output-section-text.svelte-bcr9sl{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:900px){.outputs-layout.svelte-bcr9sl{grid-template-columns:1fr}.outputs-selector.svelte-bcr9sl{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-2)}.output-tab.svelte-bcr9sl{flex:1;min-width:160px}}@media(max-width:640px){.output-tab.svelte-bcr9sl{min-width:100%}}.benefits-section.svelte-bcr9sl{padding:var(--spacing-16) 0;background:var(--bg-secondary)}