@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap";:root{--green-50:#ecf7f0;--green-100:#d2eedc;--green-200:#a8dcbc;--green-300:#74c496;--green-400:#44a971;--green-500:#1f8a5b;--green-600:#15724a;--green-700:#105538;--green-800:#0c3f2a;--coral-100:#ffe7de;--coral-300:#ffc2ae;--coral-400:#ff9576;--coral-500:#f2724c;--coral-600:#d9572f;--sky-100:#e3f1fb;--sky-300:#bfe0f5;--sky-400:#6fb8e8;--sky-500:#2a8fd8;--sky-600:#1e73b4;--sun-100:#fff3d6;--sun-300:#ffe2a1;--sun-400:#ffcf5c;--sun-500:#fbb614;--sun-600:#e09a00;--grape-100:#eee7fb;--grape-300:#d6c8f5;--grape-400:#a98be8;--grape-500:#7a5ad9;--grape-600:#6242bc;--berry-100:#fce4ec;--berry-300:#f8c2d4;--berry-400:#ef8aab;--berry-500:#e0517a;--berry-600:#c23a60;--cream-50:#fffdf7;--cream-100:#fbf6ec;--cream-200:#f4eddf;--sand-300:#e8decc;--ink-900:#2a2521;--ink-700:#4a433c;--ink-500:#756c61;--ink-400:#9a9085;--ink-300:#c4bbae;--line-200:#ece4d6;--line-300:#e0d6c4;--bg:var(--cream-100);--surface:#fff;--surface-sunk:var(--cream-50);--surface-card:#fff;--surface-tint:var(--green-50);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-faint:var(--ink-400);--text-on-primary:#fff;--text-on-dark:var(--cream-50);--primary:var(--green-500);--primary-hover:var(--green-600);--primary-press:var(--green-700);--primary-soft:var(--green-100);--on-primary:#fff;--accent:var(--coral-500);--accent-hover:var(--coral-600);--accent-soft:var(--coral-100);--focus-ring:var(--green-400);--border:var(--line-200);--border-strong:var(--line-300);--border-primary:var(--green-300);--coach:var(--sky-500);--coach-soft:var(--sky-100);--success:var(--green-500);--success-soft:var(--green-100);--warning:var(--sun-600);--warning-soft:var(--sun-100);--danger:var(--berry-500);--danger-soft:var(--berry-100);--info:var(--sky-500);--info-soft:var(--sky-100);--area-speakup:var(--coral-500);--area-listen:var(--sky-500);--area-feelings:var(--berry-500);--area-conflict:var(--grape-500);--area-connect:var(--green-500);--part-home:var(--coral-500);--part-school:var(--sky-500);--part-friends:var(--sun-600);--part-feelings:var(--grape-500);--kid-bg:#f3ecff;--kid-primary:var(--grape-500);--kid-primary-hover:var(--grape-600);--kid-star:var(--sun-500);--kid-surface:#fff}.kidzone{--bg:var(--kid-bg);--primary:var(--grape-500);--primary-hover:var(--grape-600);--primary-press:#533399;--primary-soft:var(--grape-100);--focus-ring:var(--grape-400);--accent:var(--sun-500);--accent-hover:var(--sun-600)}:root{--font-display:"Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-read:"Newsreader", Georgia, "Times New Roman", serif;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-extrabold:800;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.12;--leading-snug:1.28;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--display-font:var(--font-display);--display-weight:var(--w-extrabold);--heading-font:var(--font-display);--heading-weight:var(--w-bold);--body-font:var(--font-body);--label-weight:var(--w-bold);--read-font:var(--font-read);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--gutter:var(--space-5);--section-gap:var(--space-7);--card-pad:var(--space-5);--content-max:430px;--tap-min:44px;--control-h-sm:40px;--control-h:52px;--control-h-lg:60px;--nav-h:76px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #4a38260f;--shadow-sm:0 2px 6px #4a382612;--shadow-md:0 6px 18px #4a382617;--shadow-lg:0 14px 36px #4a38261f;--shadow-pop:0 18px 50px #4a38262e;--shadow-primary:0 8px 20px #1f8a5b42;--shadow-accent:0 8px 20px #f2724c42;--inset-top:inset 0 1px 0 #ffffff59;--blur-sm:6px;--blur-md:16px;--scrim:#2a25216b;--border-w:1.5px;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--heading-font);color:var(--text-strong);font-weight:var(--heading-weight);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.sprout-eyebrow{font-family:var(--font-body);font-weight:var(--w-extrabold);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.sprout-read{font-family:var(--read-font);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-body)}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}html,body,#root{height:100%}html,body{overscroll-behavior:none}body{background:var(--bg);margin:0}#root{background:radial-gradient(120% 80% at 50% 0%, var(--cream-50), var(--cream-200));justify-content:center;display:flex}.app-frame{width:100%;max-width:var(--content-max);background:var(--bg);flex-direction:column;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=768px){.app-frame{max-width:1024px}}.app-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.app-scroll::-webkit-scrollbar{display:none}html.cap-native,html.cap-native body{overscroll-behavior:none;height:100%;overflow:hidden}html.cap-native body{width:100%;position:fixed;inset:0}html.cap-native .app-frame{background:#f6f1ff;height:100%;min-height:0}html.cap-native .app-scroll{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button{font-family:inherit}@keyframes questPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.quest-pulse{animation:questPulse 1.6s var(--ease-soft,ease-in-out) infinite}@keyframes micLive{0%,to{box-shadow:0 0 0 8px #e85d4c1f}50%{box-shadow:0 0 0 16px #e85d4c0a}}.mic-live{animation:1s ease-in-out infinite micLive}@keyframes starPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.star-pop{animation:starPop .5s var(--ease-out,ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp var(--dur-base,.22s) var(--ease-out,ease-out)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:.4s shake}@keyframes slideInNext{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes slideInPrev{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.slide-next{animation:slideInNext .26s var(--ease-out)}.slide-prev{animation:slideInPrev .26s var(--ease-out)}.mascot{transform-origin:50% 92%;display:inline-block}@keyframes mascotBreathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.015)}}.mascot-idle{animation:2.8s ease-in-out infinite mascotBreathe}@keyframes mascotCheer{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-22px)scale(1.05,.96)}50%{transform:translateY(0)scale(.96,1.05)}72%{transform:translateY(-9px)scale(1.02,.99)}to{transform:translateY(0)scale(1)}}.mascot-cheer{animation:mascotCheer .75s var(--ease-spring)}.confetti-piece{z-index:60;pointer-events:none;will-change:transform, opacity;border-radius:2px;width:9px;height:9px;animation:1s ease-out forwards confettiFly;position:fixed}@keyframes confettiFly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.journey-scene{background-image:url(/assets/journey/scene-bg.jpg),linear-gradient(#bfe3f5 0%,#cfe9c2 58%,#a7cf7c 100%);background-position:top,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}.mascot picture{animation:.45s both mascotFadeIn}@keyframes mascotFadeIn{0%{opacity:0}to{opacity:1}}.journey-dotbg{background-color:#fbf6ec;background-image:radial-gradient(#7a5ad91a 1.5px,#0000 1.5px);background-size:14px 14px}.card-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.card-rail::-webkit-scrollbar{display:none}.qcard-inner{transition:transform .18s,opacity .18s}.qcard-commit{transform:translateY(-8px)scale(1.05)}.type-caret{color:var(--coral-500);margin-left:1px;animation:.7s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.quest-pulse,.mic-live,.star-pop,.fade-up,.shake,.slide-next,.slide-prev,.mascot-idle,.mascot-cheer,.confetti-piece,.type-caret,.mascot picture{animation:none}.qcard-inner{transition:none}}.fnl-page{background-color:#f6f1ff;background-image:radial-gradient(#7a5ad921 1.5px,#0000 1.5px);background-size:15px 15px;justify-content:center;min-height:100dvh;display:flex}.fnl-stage{width:100%;max-width:460px;padding:22px 22px calc(40px + env(safe-area-inset-bottom))}.beat-in{animation:.38s cubic-bezier(.22,.61,.36,1) both beatIn}@keyframes beatIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pop-in{animation:.4s cubic-bezier(.22,1.2,.4,1) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.sheet-scrim{animation:.25s both fnlFadeIn}@keyframes fnlFadeIn{0%{opacity:0}to{opacity:1}}.sheet-body{animation:.34s cubic-bezier(.22,.61,.36,1) both slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.float{animation:3.4s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.beat-in,.pop-in,.sheet-body,.sheet-scrim,.float{animation:none!important}}