*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}:root{--milo-safe-top:env(safe-area-inset-top,0px);--milo-safe-bottom:env(safe-area-inset-bottom,0px);--milo-safe-left:env(safe-area-inset-left,0px);--milo-safe-right:env(safe-area-inset-right,0px);--milo-header-height:58px;--milo-bottom-nav-height:64px;--milo-font-family:"Nunito", "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--milo-font-size-display:clamp(48px, 9vw, 68px);--milo-font-size-h1:clamp(32px, 7vw, 48px);--milo-font-size-h2:clamp(26px, 5.5vw, 38px);--milo-font-size-h3:clamp(22px, 4.5vw, 30px);--milo-font-size-body-lg:clamp(19px, 3.8vw, 24px);--milo-font-size-body:clamp(16px, 3.2vw, 20px);--milo-font-size-caption:clamp(14px, 2.8vw, 17px);--milo-radius-sm:12px;--milo-radius-md:16px;--milo-radius-lg:24px;--milo-radius-pill:9999px;--milo-primary:#3b82f6;--milo-primary-dark:#2563eb;--milo-secondary:#10b981;--milo-secondary-dark:#059669;--milo-accent:#facc15;--milo-accent-dark:#eab308;--milo-pink:#ec4899;--milo-pink-dark:#db2777;--milo-purple:#8b5cf6;--milo-orange:#fb923c;--milo-sky:#38bdf8;--milo-mint:#34d399;--milo-success:#22c55e;--milo-success-bg:#dcfce7;--milo-error:#ef4444;--milo-error-bg:#fee2e2;--milo-warning:#f59e0b;--milo-ease-out:cubic-bezier(.16, 1, .3, 1);--milo-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--milo-ease-in-out:cubic-bezier(.4, 0, .2, 1);--milo-duration-fast:.14s;--milo-duration-normal:.2s;--milo-duration-modal:.26s;--milo-transition-fast:var(--milo-duration-fast) var(--milo-ease-out);--milo-transition-normal:var(--milo-duration-normal) var(--milo-ease-out);--milo-transition-spring:var(--milo-duration-normal) var(--milo-ease-spring);--milo-bounce-easing:var(--milo-ease-spring);--milo-bg:#fdfbf7;--milo-bg-secondary:#faf8f5;--milo-bg-cream:#fdfbf7;--milo-bg-warm-white:#faf8f5;--milo-bg-lavender:#f5f3ff;--milo-surface-lavender:#f5f3ff;--milo-wallpaper-color:#6366f1;--milo-wallpaper-opacity:.24;--milo-bg-gradient:linear-gradient(180deg, #fdfbf7 0%, #faf8f5 40%, #f5f3ff 100%);--milo-surface:#fff;--milo-surface-elevated:#fff;--milo-surface-soft:#f8fafc;--milo-surface-muted:#f1f5f9;--milo-surface-2:#f5f3ff;--milo-border:#e2e8f0;--milo-border-subtle:#f1f5f9;--milo-text-main:#1e293b;--milo-text-sub:#475569;--milo-text-muted:#64748b;--milo-clay-shadow:0 10px 25px -5px #2563eb14, 0 8px 10px -6px #00000008, inset 0 2px 3px #ffffffe6, inset 0 -2px 3px #00000008;--milo-clay-hero-shadow:0 16px 32px -8px #2563eb24, 0 8px 16px -6px #0000000d, inset 0 2px 4px #fffffff2, inset 0 -3px 4px #0000000a;--milo-clay-radius:24px;--milo-card-bg:var(--milo-glass-card-bg);--milo-card-border:var(--milo-glass-card-border);--milo-question-card-bg:var(--milo-glass-card-bg);--milo-question-card-border:var(--milo-glass-card-border);--milo-answer-card-bg:var(--milo-glass-card-bg);--milo-answer-card-border:var(--milo-glass-card-border);--milo-stat-card-bg:var(--milo-glass-card-bg);--milo-stat-card-border:var(--milo-glass-card-border);--milo-header-bg:var(--milo-glass-nav-bg);--milo-header-border:var(--milo-glass-nav-border);--milo-nav-bg:var(--milo-glass-nav-bg);--milo-nav-border:var(--milo-glass-nav-border);--milo-shell-backdrop:#e2e8f0;--milo-shell-border:#1e293b;--milo-card-hero-bg:var(--milo-glass-card-bg-elevated);--milo-card-hero-border:#bae6fd;--milo-quiz-bg:#fefce8b3;--milo-quiz-border:#fde04799;--milo-button-sec-bg:var(--milo-glass-card-bg);--milo-button-sec-border:var(--milo-glass-card-border);--milo-button-sec-border-bottom:#cbd5e1;--milo-success-text:#14532d;--milo-error-text:#991b1b;--milo-star-unfilled-fill:#e2e8f0;--milo-star-unfilled-stroke:#cbd5e1;--milo-shadow-sm:0 2px 6px #0f172a0a;--milo-shadow-md:0 8px 24px #2563eb14;--milo-shadow-lg:0 14px 34px #0f172a1f;--milo-glass-blur:7.2px;--milo-glass-blur-nav:9.6px;--milo-glass-surface-alpha:.68;--milo-glass-border-width:1px;--milo-glass-card-bg:#ffffffad;--milo-glass-card-bg-elevated:#ffffffc2;--milo-glass-card-border:#ffffffd9;--milo-glass-card-border-subtle:#e2e8f099;--milo-glass-card-highlight:inset 0 1px 1px 0 #fffffff2;--milo-glass-card-shadow:inset 0 1px 1px 0 #fffffff2, 0 4px 16px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--milo-glass-elevated-shadow:inset 0 1px 1.5px 0 #fff, 0 8px 24px -4px #0f172a14, 0 2px 8px -2px #0f172a0a;--milo-glass-shadow:var(--milo-glass-card-shadow);--milo-glass-nav-bg:#fdfbf7bd;--milo-glass-nav-border:#e2e8f0b3;--milo-glass-nav-shadow:0 8px 30px -4px #0f172a0f;--milo-glass-card-hover:inset 0 1px 1px 0 #fffffff2, 0 8px 24px -4px #2563eb1a;--milo-glass-card-pressed:#f1f5f9c7;--milo-stat-streak-bg:linear-gradient(135deg, #fff1f2b3 0%, #ffe4e6bd 100%);--milo-stat-streak-border:#f43f5e47;--milo-stat-streak-icon-bg:#ef444424;--milo-stat-streak-icon-border:#ef444447;--milo-stat-lessons-bg:linear-gradient(135deg, #f0f9ffb3 0%, #e0f2febd 100%);--milo-stat-lessons-border:#0ea5e947;--milo-stat-lessons-icon-bg:#0284c724;--milo-stat-lessons-icon-border:#0284c747;--milo-stat-xp-bg:linear-gradient(135deg, #fefce8b3 0%, #fef9c3bd 100%);--milo-stat-xp-border:#eab3084d;--milo-stat-xp-icon-bg:#d9770624;--milo-stat-xp-icon-border:#d9770647;--milo-stat-trophy-bg:linear-gradient(135deg, #faf5ffb3 0%, #f3e8ffbd 100%);--milo-stat-trophy-border:#a855f747;--milo-stat-trophy-icon-bg:#9333ea24;--milo-stat-trophy-icon-border:#9333ea47}[data-theme=dark]{--milo-bg:#071426;--milo-bg-secondary:#0a1930;--milo-bg-gradient:linear-gradient(180deg, #071326 0%, #0a1c35 40%, #0d2342 100%);--milo-wallpaper-color:#818cf8;--milo-wallpaper-accent-color:#38bdf8;--milo-wallpaper-opacity:.18;--milo-surface:#10233d;--milo-surface-elevated:#142b48;--milo-surface-soft:#172f4d;--milo-surface-muted:#1e3a5f;--milo-surface-2:#142b48;--milo-border:#24415f;--milo-border-subtle:#1a324c;--milo-text-main:#f8fafc;--milo-text-sub:#cbd5e1;--milo-text-muted:#94a3b8;--milo-card-bg:var(--milo-glass-card-bg);--milo-card-border:var(--milo-glass-card-border-subtle);--milo-question-card-bg:var(--milo-glass-card-bg);--milo-question-card-border:var(--milo-glass-card-border-subtle);--milo-answer-card-bg:var(--milo-glass-card-bg);--milo-answer-card-border:var(--milo-glass-card-border-subtle);--milo-stat-card-bg:var(--milo-glass-card-bg);--milo-stat-card-border:var(--milo-glass-card-border-subtle);--milo-header-bg:var(--milo-glass-nav-bg);--milo-header-border:var(--milo-glass-nav-border);--milo-nav-bg:var(--milo-glass-nav-bg);--milo-nav-border:var(--milo-glass-nav-border);--milo-shell-backdrop:#030a14;--milo-shell-border:#24415f;--milo-card-hero-bg:var(--milo-glass-card-bg-elevated);--milo-card-hero-border:#2563eb;--milo-quiz-bg:#1a241aa6;--milo-quiz-border:#854d0e8c;--milo-button-sec-bg:var(--milo-glass-card-bg);--milo-button-sec-border:var(--milo-glass-card-border-subtle);--milo-button-sec-border-bottom:#1e3a5f;--milo-success-bg:#064e3b;--milo-error-bg:#3b131d;--milo-success-text:#86efac;--milo-error-text:#fca5a5;--milo-star-unfilled-fill:#1e293b;--milo-star-unfilled-stroke:#334155;--milo-shadow-sm:0 2px 6px #00000040;--milo-shadow-md:0 8px 24px #00000059;--milo-shadow-lg:0 16px 36px #00000080;--milo-glass-blur:7.2px;--milo-glass-blur-nav:9.6px;--milo-glass-surface-alpha:.58;--milo-glass-border-width:1px;--milo-glass-card-bg:#10233d94;--milo-glass-card-bg-elevated:#142b48ad;--milo-glass-card-border:#38bdf838;--milo-glass-card-border-subtle:#24415f8c;--milo-glass-card-highlight:inset 0 1px 1px 0 #ffffff1f;--milo-glass-card-shadow:inset 0 1px 1px 0 #ffffff1f, 0 6px 20px -2px #0006;--milo-glass-elevated-shadow:inset 0 1px 1.5px 0 #ffffff29, 0 10px 28px -4px #00000080;--milo-glass-shadow:var(--milo-glass-card-shadow);--milo-glass-nav-bg:#0a1930bd;--milo-glass-nav-border:#24415f99;--milo-glass-nav-shadow:0 -4px 20px #0006;--milo-glass-card-hover:inset 0 1px 1px 0 #ffffff29, 0 8px 24px -2px #00000080;--milo-glass-card-pressed:#172f4db8;--milo-stat-streak-bg:linear-gradient(135deg, #2614249e 0%, #30182ca8 100%);--milo-stat-streak-border:#ef444459;--milo-stat-streak-icon-bg:#ef444438;--milo-stat-streak-icon-border:#ef444461;--milo-stat-lessons-bg:linear-gradient(135deg, #0e26449e 0%, #12345ca8 100%);--milo-stat-lessons-border:#38bdf859;--milo-stat-lessons-icon-bg:#38bdf838;--milo-stat-lessons-icon-border:#38bdf861;--milo-stat-xp-bg:linear-gradient(135deg, #2e26149e 0%, #3a3016a8 100%);--milo-stat-xp-border:#f59e0b59;--milo-stat-xp-icon-bg:#f59e0b38;--milo-stat-xp-icon-border:#f59e0b61;--milo-stat-trophy-bg:linear-gradient(135deg, #2216369e 0%, #2e1c4aa8 100%);--milo-stat-trophy-border:#c084fc59;--milo-stat-trophy-icon-bg:#c084fc38;--milo-stat-trophy-icon-border:#c084fc61}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--milo-font-family);background-color:var(--milo-shell-backdrop);color:var(--milo-text-main);-webkit-user-select:none;user-select:none;overscroll-behavior-y:none;min-height:100dvh;margin:0;padding:0;transition:background-color .2s,color .2s;overflow-x:hidden}a,button,input,select,textarea,[role=button],.milo-card,.milo-path-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100dvh;display:flex}.milo-shell{background:var(--milo-bg-gradient,var(--milo-bg));box-sizing:border-box;flex-direction:column;width:100%;max-width:1600px;height:100dvh;margin:0 auto;transition:background .2s;display:flex;position:relative;overflow:hidden}@media (width>=1600px){.milo-shell{border-inline:1px solid var(--milo-shell-border);box-shadow:0 0 40px #0000000d}}.milo-header-bar{z-index:30;padding:calc(var(--milo-safe-top,0px) + 12px) max(16px, var(--milo-safe-right,0px)) 12px max(16px, var(--milo-safe-left,0px));background-color:var(--milo-header-bg);-webkit-backdrop-filter:blur(var(--milo-glass-blur-nav,9.6px));border-bottom:1px solid var(--milo-header-border);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.milo-path-card,.milo-card,.milo-glass-card{-webkit-backdrop-filter:blur(var(--milo-glass-blur,7.2px));transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.milo-path-card:active,.milo-card:active,.milo-glass-card:active{transform:scale(.98)}.milo-path-card:hover,.milo-card:hover,.milo-glass-card:hover{box-shadow:var(--milo-glass-card-hover)}.milo-screen-content{padding:16px max(16px, var(--milo-safe-right,0px)) max(24px, calc(var(--milo-safe-bottom,0px) + 16px)) max(16px, var(--milo-safe-left,0px));box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;animation:miloScreenEnter var(--milo-duration-normal) var(--milo-ease-out) both;flex-direction:column;flex:1;gap:16px;display:flex;overflow:hidden auto}.milo-screen-content::-webkit-scrollbar{width:6px}.milo-screen-content::-webkit-scrollbar-track{background:0 0}.milo-screen-content::-webkit-scrollbar-thumb{background:var(--milo-border);border-radius:9999px}.milo-screen-content::-webkit-scrollbar-thumb:hover{background:var(--milo-text-muted)}.milo-shell>.milo-screen-content:first-child{padding-top:calc(var(--milo-safe-top,0px) + 16px)}:is(.milo-shell:has([data-bottom-nav]) .milo-screen-content,.milo-screen-content.has-bottom-nav){padding-bottom:calc(var(--milo-bottom-nav-height) + var(--milo-safe-bottom,0px) + 16px)}.milo-screen-content.fullscreen-welcome{padding-top:calc(var(--milo-safe-top,0px) + 20px);padding-bottom:calc(var(--milo-safe-bottom,0px) + 24px)}.milo-screen-content.parent-view{background-color:var(--milo-bg);padding-bottom:calc(var(--milo-bottom-nav-height) + var(--milo-safe-bottom,0px) + 20px)}.milo-carousel-viewport,.milo-carousel-container{width:100%;min-width:0;position:relative;overflow:hidden}.milo-carousel-track{padding-inline:16px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:14px;padding-top:4px;padding-bottom:12px;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.milo-carousel-track::-webkit-scrollbar{display:none}.milo-carousel-item{scroll-snap-align:start;flex:none}[data-theme=dark] .milo-path-card{box-shadow:0 4px 16px #00000059!important}[data-theme=dark] .milo-path-card:not(.locked) h4{color:#f8fafc!important}[data-theme=dark] .milo-path-card.locked h4{color:#94a3b8!important}[data-theme=dark] .milo-path-card:not(.locked) p{color:#cbd5e1!important}[data-theme=dark] .milo-path-card.locked p{color:#64748b!important}[data-theme=dark] .milo-path-card.locked{background-color:#0f1d2e!important;border-color:#1e334d!important}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #4c8bff66}50%{transform:scale(1.04);box-shadow:0 0 0 12px #4c8bff00}}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes popStar{0%{opacity:0;transform:scale(0)rotate(-45deg)}70%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-pulse-glow{animation:pulseGlow 2s infinite var(--milo-bounce-easing)}.animate-shake-error{animation:.3s ease-in-out shakeError}.animate-pop-star{animation:popStar .4s var(--milo-bounce-easing) forwards}.animate-float{animation:3s ease-in-out infinite floatMascot}.milo-hero-mascot{animation:3.5s ease-in-out infinite floatMascot}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes miloScreenEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes miloBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes miloModalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes miloDrawerSlideIn{0%{opacity:.95;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.milo-modal-backdrop{animation:miloBackdropFadeIn var(--milo-duration-fast) var(--milo-ease-out) both}.milo-modal-card{animation:miloModalPop var(--milo-duration-modal) var(--milo-ease-spring) both}.milo-drawer-slide{animation:miloDrawerSlideIn var(--milo-duration-modal) var(--milo-ease-out) both}.milo-primary-btn,.milo-secondary-btn,.milo-action-btn,button.milo-primary-btn,button.milo-secondary-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--milo-ease-out), background-color .15s ease, box-shadow .15s ease, filter .15s ease}.milo-primary-btn:active:not(:disabled),.milo-secondary-btn:active:not(:disabled),.milo-action-btn:active:not(:disabled){transition:transform 60ms ease-out!important;transform:scale(.975)translateY(1px)!important}@media (hover:hover) and (pointer:fine){.milo-primary-btn:hover:not(:disabled),.milo-secondary-btn:hover:not(:disabled){filter:brightness(1.03)}.milo-card.interactive:hover,.milo-path-card:not(.locked):hover{transform:translateY(-2px)}}.milo-card.interactive,.milo-path-card:not(.locked){cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--milo-ease-out), box-shadow .16s var(--milo-ease-out), border-color .16s ease}.milo-card.interactive:active,.milo-path-card:not(.locked):active{transition:transform 60ms ease-out!important;transform:scale(.98)translateY(0)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.milo-screen-content{animation:none!important}.milo-hero-mascot,.animate-float,.animate-pulse-glow,.animate-pop-star,.animate-shake-error{transition:none!important;animation:none!important}}.milo-responsive-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%;display:grid}@media (width>=600px){.milo-responsive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width>=1024px){.milo-responsive-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width>=768px){.milo-carousel-track{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:center;gap:20px!important;padding-bottom:20px!important;display:grid!important;overflow-x:visible!important}.milo-carousel-item,.milo-carousel-item>*{width:100%!important}}.milo-horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none}.milo-horizontal-scroll::-webkit-scrollbar{display:none}@media (pointer:fine){.milo-horizontal-scroll{scrollbar-width:thin;scrollbar-color:#94a3b873 transparent}.milo-horizontal-scroll::-webkit-scrollbar{height:6px;display:block}.milo-horizontal-scroll::-webkit-scrollbar-track{background:0 0;margin-inline:16px}.milo-horizontal-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.milo-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#64748bb3}}.milo-title-primary{line-height:1.2;font-size:clamp(28px,6.5vw,46px)!important}.milo-title-secondary{line-height:1.25;font-size:clamp(24px,5.2vw,36px)!important}.milo-title-tertiary{line-height:1.3;font-size:clamp(20px,4.2vw,28px)!important}.milo-screen-content h1{font-size:clamp(28px,6vw,44px);line-height:1.2}.milo-screen-content h2{font-size:clamp(22px,4.8vw,34px);line-height:1.25}.milo-screen-content h3{font-size:clamp(18px,3.8vw,26px);line-height:1.3}@media (width>=768px){.milo-screen-content h1{font-size:clamp(2.4rem,5vw,3.5rem)!important}.milo-screen-content h2{font-size:clamp(1.9rem,4vw,2.75rem)!important}.milo-screen-content h3{font-size:clamp(1.6rem,3vw,2.25rem)!important}.milo-learning-map-node{margin-bottom:24px}}.milo-content-wrapper{width:100%;max-width:1200px;margin:0 auto}.milo-destination-card{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.milo-destination-card:hover{transform:translateY(-4px)scale(1.01)}.milo-destination-card:active{transform:scale(.98)}.milo-checkpoint-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.milo-checkpoint-btn:active{transform:scale(.92)!important}@keyframes miloCheckpointBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.milo-pulse-current{animation:2.4s ease-in-out infinite miloCheckpointBreathing}@keyframes miloGuideBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.milo-guide-bounce{animation:2s ease-in-out infinite miloGuideBounce}.milo-modal-pop{animation:.24s cubic-bezier(.34,1.56,.64,1) forwards miloModalPop}@media (prefers-reduced-motion:reduce){.milo-pulse-current,.milo-guide-bounce,.milo-modal-pop,.milo-destination-card,.milo-themed-deco{transition:none!important;animation:none!important}}.milo-themed-deco{transform-origin:50%}@media (width<=600px){.milo-themed-deco{transform:scale(.82)}.milo-deco-hide-mobile{display:none!important}}