@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Quicksand:wght@300;400;500;600;700&family=Lexend:wght@100;300;400;500;600;700;800;900&display=swap";:root{--color-primary:#004edb;--color-on-primary:#fff;--color-primary-container:#2a67ff;--color-on-primary-container:#fdfbff;--color-inverse-primary:#b5c4ff;--color-secondary:#a53c02;--color-on-secondary:#fff;--color-secondary-container:#ff7e45;--color-on-secondary-container:#682300;--color-tertiary:#006a34;--color-on-tertiary:#fff;--color-tertiary-container:#008643;--color-on-tertiary-container:#f4fff1;--color-background:#faf9f6;--color-on-background:#1a1c1a;--color-surface:#faf9f6;--color-surface-dim:#dbdad7;--color-surface-bright:#faf9f6;--color-surface-container-lowest:#fff;--color-surface-container-low:#f4f3f1;--color-surface-container:#efeeeb;--color-surface-container-high:#e9e8e5;--color-surface-container-highest:#e3e2e0;--color-on-surface:#1a1c1a;--color-on-surface-variant:#434655;--color-surface-variant:#e3e2e0;--color-outline:#737687;--color-outline-variant:#c3c5d8;--color-surface-tint:#0050e2;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-primary-fixed:#dce1ff;--color-primary-fixed-dim:#b5c4ff;--color-on-primary-fixed:#00164e;--color-on-primary-fixed-variant:#003cad;--color-secondary-fixed:#ffdbce;--color-secondary-fixed-dim:#ffb598;--color-on-secondary-fixed:#370e00;--color-on-secondary-fixed-variant:#7e2c00;--color-tertiary-fixed:#6dfe9c;--color-tertiary-fixed-dim:#4de082;--color-on-tertiary-fixed:#00210c;--color-on-tertiary-fixed-variant:#005227;--color-shadow-tint:#0050e214;--shadow-elevation:0px 4px 20px var(--color-shadow-tint);--radius-sm:.5rem;--radius-default:1rem;--radius-md:1.5rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--spacing-base:8px;--spacing-xs:4px;--spacing-sm:12px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:64px;--spacing-gutter:24px;--spacing-margin-mobile:20px;--spacing-margin-desktop:64px;--font-family-display:"Quicksand", system-ui, -apple-system, sans-serif;--font-family-body:"Lexend", system-ui, -apple-system, sans-serif;--font-family-brand:"Fredoka", "Quicksand", system-ui, sans-serif;--font-family:var(--font-family-body);--color-plus:#f5a623;--color-plus-container:#ffe082}.brand-sky-shell{background:linear-gradient(180deg, #9ecfff 0%, #bddfff 28%, #d9ecff 55%, #eef6ff 78%, var(--color-background) 100%);min-height:100%;position:relative;overflow:hidden}.brand-sky-shell__glow{pointer-events:none;background:radial-gradient(90% 50% at 50% -5%,#ffffff8c 0%,#0000 60%),radial-gradient(circle at 12% 22%,#004edb1f 0%,#0000 28%),radial-gradient(circle at 88% 30%,#ff7e4524 0%,#0000 26%);position:absolute;inset:0}.brand-sky-shell__image{pointer-events:none;opacity:.22;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.brand-onboarding-card{z-index:1;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-default);background:#ffffffeb;border:1px solid #c3c5d859;width:100%;max-width:480px;padding:28px 24px 24px;position:relative;box-shadow:0 16px 40px #004edb1f,inset 0 0 0 1px #ffffffa6}.brand-capsule-btn{border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-family-body);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.brand-capsule-btn:active{transform:scale(.97)}.brand-capsule-btn--idle{color:var(--color-on-surface-variant);background:#ffffffb8;border-color:#c3c5d88c;box-shadow:0 4px 14px #004edb0f}.brand-capsule-btn--selected{color:#fff;box-shadow:0 6px 18px #004edb33}.brand-step-dots{justify-content:center;align-items:center;gap:8px;display:flex}.brand-step-dot{background:#004edb2e;border-radius:50%;width:8px;height:8px;transition:transform .2s,background-color .2s}.brand-step-dot--active{background:var(--color-primary);transform:scale(1.25);box-shadow:0 0 0 3px #004edb26}.brand-step-dot--done{background:var(--color-secondary-container)}.brand-mascot-ring{background:var(--color-primary-fixed);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 10px 28px #004edb38}.brand-loader-pulse{animation:1.6s ease-in-out infinite brand-loader-pulse}@keyframes brand-loader-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-background);width:100%;height:100%;color:var(--color-on-background);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.snap-x-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.snap-x-container::-webkit-scrollbar{display:none}.snap-x-item{scroll-snap-align:center;flex-shrink:0}.headline-lg{font-family:var(--font-family-display);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.headline-md{font-family:var(--font-family-display);font-size:24px;font-weight:600;line-height:32px}.headline-sm{font-family:var(--font-family-display);font-size:20px;font-weight:600;line-height:28px}.body-lg{font-family:var(--font-family-body);font-size:18px;font-weight:400;line-height:28px}.body-md{font-family:var(--font-family-body);font-size:16px;font-weight:400;line-height:24px}.body-sm{font-family:var(--font-family-body);font-size:14px;font-weight:400;line-height:20px}.label-lg{font-family:var(--font-family-body);letter-spacing:.1px;font-size:14px;font-weight:600;line-height:20px}.label-md{font-family:var(--font-family-body);letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}.label-sm{font-family:var(--font-family-body);letter-spacing:.5px;font-size:11px;font-weight:500;line-height:16px}.label-caps{font-family:var(--font-family-body);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}@media (width<=600px){.headline-lg{letter-spacing:-.01em;font-size:28px;line-height:36px}}.btn{font-family:var(--font-family-body);border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;min-height:48px;padding:8px 24px;font-size:16px;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,box-shadow .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}.btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-bottom:4px solid var(--color-on-primary-fixed-variant)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary)}.btn-primary:disabled{background-color:var(--color-surface-container-high,var(--color-outline-variant));color:var(--color-on-surface-variant);border-bottom-color:var(--color-outline-variant)}.btn-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-bottom:4px solid var(--color-on-secondary-fixed-variant)}.btn-secondary:hover{background-color:var(--color-secondary)}.btn-outline{border:1px solid var(--color-outline-variant);color:var(--color-primary-container);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-container-low)}.glass-header{z-index:100;-webkit-backdrop-filter:blur(20px);background-color:#faf9f6cc;border-bottom:1px solid #c3c5d84d;position:sticky;top:0}.floating-nav{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container);border-radius:var(--radius-full);width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-elevation);z-index:90;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.input-field{border-radius:var(--radius-md);background-color:var(--color-surface-container-low);width:100%;min-height:48px;font-family:var(--font-family-body);color:var(--color-on-surface);border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:16px;transition:background-color .2s,border-color .2s}.input-field:focus{background-color:var(--color-surface-container);border-color:var(--color-primary-container);outline:none}.capsule-shadow{box-shadow:0 4px 20px #0050e214}.streak-glow{filter:drop-shadow(0 0 8px #ff7e4566)}.glass-blur{-webkit-backdrop-filter:blur(8px)}.correct-answer{animation:.5s ease-out forwards bounce-in;color:var(--color-tertiary)!important;border:1.5px solid var(--color-tertiary)!important;background-color:#006a3414!important}.wrong-answer{animation:.4s ease-in-out forwards shake;color:var(--color-error)!important;border:1.5px solid var(--color-error)!important;background-color:#ba1a1a14!important}.home-subline-card,.guest-sign-in-cta{border-radius:var(--radius-default);width:100%;font-family:var(--font-family-body);text-align:center;cursor:pointer;box-shadow:none;border:1.5px solid;margin-top:10px;padding:14px 16px;font-size:14px;font-weight:600;line-height:1.45;transition:opacity .15s}.home-subline-card:active,.guest-sign-in-cta:active{opacity:.88}.home-subline-card--static{cursor:default}.home-subline-card--static:active{opacity:1}.home-subline-card--encourage,.guest-sign-in-cta--encourage{color:var(--color-tertiary);border-color:var(--color-tertiary);background-color:#006a3414}.home-subline-card--upsell,.guest-sign-in-cta--upsell{color:var(--color-error);border-color:var(--color-error);background-color:#ba1a1a14}.home-subline-card--neutral,.guest-sign-in-cta--neutral{background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed-variant);border-color:var(--color-primary-fixed-dim)}.home-subline-card--gold-star{color:#8a5a00;background:linear-gradient(135deg,#ffc10738 0%,#ff980024 100%);border-color:#e6a800;font-weight:700;position:relative;overflow:hidden;box-shadow:0 2px 14px #e6a8002e}.home-subline-card__label{z-index:1;display:block;position:relative}.home-subline-card__sparkles{pointer-events:none;z-index:0;position:absolute;inset:0}.home-subline-card__sparkle{opacity:0;animation-name:gold-stardust-sparkle;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute}.home-subline-card__sparkle--glyph{color:#ffeb3b;text-shadow:0 0 3px #ffc107,0 0 7px #ffc107f2,0 0 12px #ff9800cc,0 0 18px #ff8f008c;font-weight:700;line-height:1}@keyframes gold-stardust-sparkle{0%{opacity:0;transform:scale(.9)}28%{opacity:.9;transform:scale(1)}72%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.gold-star-modal__stage{z-index:1;justify-content:center;align-items:center;width:100%;max-width:360px;display:flex;position:relative}.gold-star-modal__card{position:relative}.gold-star-burst{pointer-events:none;position:fixed;inset:0;overflow:visible}.gold-star-burst--behind{z-index:0}.gold-star-burst--front{z-index:2}.gold-star-burst__particle{color:#ffeb3b;text-shadow:0 0 5px #ffc107,0 0 12px #ffc107f2,0 0 20px #ff9800cc;opacity:0;will-change:transform, opacity;font-weight:700;line-height:1;animation-fill-mode:forwards;position:absolute;transform:translate(-50%,-50%)translate(0)scale(.05)rotate(0)}.gold-star-burst__particle--rise{animation-name:gold-star-cracker-path,gold-star-cracker-rise-opacity;animation-timing-function:cubic-bezier(.15,.9,.2,1),linear}.gold-star-burst__particle--fall{animation-name:gold-star-cracker-path,gold-star-cracker-fall-opacity;animation-timing-function:cubic-bezier(.15,.9,.2,1),linear}.gold-star-burst__particle--lg{color:#fff176;text-shadow:0 0 6px #ffeb3b,0 0 14px #ffc107,0 0 24px #ffc107,0 0 36px #ff9800d9;filter:drop-shadow(0 0 6px #ffc107e6)}@keyframes gold-star-cracker-path{0%{transform:translate(-50%,-50%)translateY(8px)scale(.04)rotate(0)}5%{transform:translate(-50%, -50%) translate(calc(var(--burst-px) * .2), calc(var(--burst-py) * .14)) scale(1.35) rotate(calc(var(--burst-rot) * .1))}22%{transform:translate(-50%, -50%) translate(var(--burst-px), var(--burst-py)) scale(1) rotate(var(--burst-rot))}to{transform:translate(-50%, -50%) translate(var(--burst-ex), var(--burst-ey)) scale(.35) rotate(calc(var(--burst-rot) + 36deg))}}@keyframes gold-star-cracker-rise-opacity{0%{opacity:0}4%{opacity:1}24%{opacity:1}32%{opacity:0}to{opacity:0}}@keyframes gold-star-cracker-fall-opacity{0%{opacity:0}24%{opacity:0}32%{opacity:1}82%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.gold-star-burst{display:none}}.reflection-panel{flex-direction:column;width:100%;min-height:calc(100dvh - 61px);display:flex}.reflection-panel__body{flex:1;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:20px 20px 12px;overflow-y:auto}.reflection-panel__heading{color:var(--color-primary);font-family:var(--font-family-label);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.reflection-panel__card{border-radius:var(--radius-default);border:1px solid var(--color-surface-container-high);background:#fff;padding:20px;box-shadow:0 8px 24px #0000000f}.reflection-panel__knowknow-row{align-items:flex-start;gap:14px;display:flex}.reflection-prompt-bubble{background:var(--color-primary-fixed);border-radius:var(--radius-default);border:1.5px solid #004edb2e;flex:1;min-width:0;padding:14px 16px;position:relative}.reflection-prompt-bubble__text{color:var(--color-on-surface);margin:0;font-weight:600;line-height:26px}.reflection-panel__hint{text-align:center;color:var(--color-on-surface-variant);margin:20px 0 0;line-height:22px}.reflection-panel__conversation{border-top:1px solid var(--color-surface-container-high);flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;display:flex}.reflection-chat-row{flex-direction:column;max-width:88%;display:flex}.reflection-chat-row--user{align-items:flex-end;margin-left:auto}.reflection-chat-row--knowknow{align-items:flex-start;margin-right:auto}.reflection-chat-label{font-family:var(--font-family-label);color:var(--color-on-surface-variant);text-align:inherit;margin-bottom:6px;font-size:10px;font-weight:700}.reflection-chat-row--user .reflection-chat-label{text-align:right}.reflection-user-bubble,.reflection-knowknow-bubble{border-radius:var(--radius-default);border:1px solid;width:100%;padding:14px 16px;position:relative;box-shadow:0 4px 16px #0000000f}.reflection-knowknow-bubble{box-shadow:0 8px 24px #004edb1a}.reflection-user-bubble__text,.reflection-knowknow-bubble__text{margin:0;line-height:22px}.reflection-panel__footer{padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));background:var(--color-background);border-top:1px solid var(--color-surface-container-high);flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.reflection-mic-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:8px 0 0;display:flex;position:relative}.reflection-mic-btn:disabled{opacity:.5;cursor:not-allowed}.reflection-mic-btn__ring{background:#004edb14;border-radius:50%;width:88px;height:88px;animation:2s ease-in-out infinite reflection-mic-pulse;position:absolute;top:0}.reflection-mic-btn__core{z-index:1;background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 8px 24px #004edb47}.reflection-mic-btn__label{color:var(--color-primary);font-size:15px;font-weight:700}.reflection-done-btn{border-radius:var(--radius-full);width:100%;box-shadow:0 4px 0 var(--color-on-primary-fixed-variant);justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.reflection-complete-btn{border-radius:var(--radius-full);width:100%;box-shadow:0 4px 0 var(--color-on-primary-fixed-variant);justify-content:center;align-items:center;gap:8px;padding:14px 0;font-size:15px;font-weight:700;display:flex}.reflection-skip-btn{color:var(--color-on-surface-variant);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px 0 0;font-size:13px;font-weight:600;text-decoration:underline}.reflection-offline-input{flex-direction:column;gap:10px;width:100%;display:flex}.reflection-offline-input__textarea{resize:none;border-radius:var(--radius-default);border:1px solid var(--color-outline-variant);width:100%;color:var(--color-on-surface);background:#fff;padding:12px 14px;font-family:inherit;font-size:15px;line-height:22px}.reflection-offline-input__send{border-radius:var(--radius-full);justify-content:center;align-items:center;gap:8px;padding:14px 0;font-weight:700;display:flex}@keyframes reflection-mic-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.reflection-mic-btn__ring{animation:none}}.home-subline-card--progress{color:var(--color-error);border-color:var(--color-error);background-color:#ba1a1a14}.ribbon-day-card{overflow:hidden}.ribbon-day-card--selected{z-index:1}.ribbon-day-card--glint:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:conic-gradient(#0000 0deg 250deg,#ffe082 280deg,#ffb300 300deg,#ffe082 320deg,#0000 340deg 360deg);animation:1.2s linear forwards gold-glint-spin;position:absolute;inset:-3px}.ribbon-day-card--glint>*{z-index:1;position:relative}@keyframes gold-glint-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reward-pop{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards slide-up}.speech-bubble-pop{animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards speech-bubble-pop}.ai-float-animation{animation:3s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounce-in{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes speech-bubble-pop{0%{opacity:0;transform:translate(12px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.typing-dots{align-items:center;gap:5px;height:22px;padding:0 2px;display:flex}.typing-dots span{background-color:var(--color-on-surface-variant);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typing-dot-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes parent-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.parent-content-fade{animation:.28s ease-out parent-fade-in}@keyframes parent-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.parent-skeleton-block{background:linear-gradient(90deg, var(--color-surface-container-low) 25%, var(--color-surface-container) 50%, var(--color-surface-container-low) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite parent-shimmer}.story-image-wrap{position:relative;overflow:hidden}.story-image-shimmer{z-index:1;background:linear-gradient(90deg, var(--color-surface-container-low) 20%, var(--color-surface-container) 45%, var(--color-surface-container-high) 55%, var(--color-surface-container-low) 80%);background-size:200% 100%;animation:1.5s ease-in-out infinite parent-shimmer;position:absolute;inset:0}.story-image--loading{opacity:0}.story-image--loaded{opacity:1;transition:opacity .35s}.parent-chevron{flex-shrink:0;transition:transform .22s}.parent-chevron-expanded{transform:rotate(180deg)}.parent-articles-panel{grid-template-rows:0fr;transition:grid-template-rows .26s;display:grid}.parent-articles-panel-expanded{grid-template-rows:1fr}.parent-articles-panel-inner{min-height:0;overflow:hidden}