@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/Nunito_400Regular.174i97e9ia3xj.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/Nunito_600SemiBold.35ajg6_ue-g9f.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/Nunito_700Bold.3r1v5676owz-v.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/Nunito_800ExtraBold.1ddtqe7c_rsgb.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/Nunito_900Black.3_c1bq2ecns6h.woff2)format("woff2")}
*{box-sizing:border-box;margin:0;padding:0}:root{--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px))}:is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color],[type=image]),textarea):is(:focus,:focus-visible){outline:none!important}:root{--brand-sunshine:#ffb91f;--brand-sunshine-deep:#e5a40a;--brand-coral:#216bdc;--brand-coral-deep:#1558d6;--brand-navy:#216bdc;--brand-navy-deep:#1558d6;--brand-sky:#216bdc;--brand-mint:#2f9e6a;--brand-magenta:#6b5f92;--primary-blue:#216bdc;--primary-blue-light:#eef5ff;--primary-dark:#1558d6;--star-gold:#ffb91f;--star-gold-dark:#e5a40a;--gold-ink:#684700;--success-green:#2f9e6a;--success-green-light:#edf8f0;--child-pink:#6b5f92;--child-blue:#216bdc;--child-orange:#ffb91f;--child-red:#216bdc;--cream:#eef5ff;--cream-deep:#dceaff;--page:#f7f9ff;--card-white:#fff;--line:#e5e9f2;--pale-yellow:#fff8df;--pale-green:#edf8f0;--text-dark:#21145f;--text-medium:#6b5f92;--text-light:#a39bb8;--bg-warm:#eef5ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 16px #21145f0f;--shadow-card-hover:0 10px 28px #21145f1a;--shadow-btn:0 6px 20px #2474f238;--shadow-btn-hover:0 10px 28px #2474f252;--shadow-star-glow:0 0 18px #ffb91f73;--transition-fast:.12s ease;--transition-normal:.22s ease;--transition-slow:.4s ease}html{scrollbar-gutter:stable}body{background:var(--page);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.flizzie-modal-dialog{scrollbar-gutter:stable;max-height:min(95vh, calc(100dvh - (2 * var(--space-md))))!important}@media (max-width:600px),(max-height:620px){.flizzie-modal-overlay{padding:var(--space-sm)!important;align-items:flex-start!important}.flizzie-modal-dialog{max-height:calc(100dvh - (2 * var(--space-sm)))!important;padding:var(--space-md)!important;border-radius:var(--radius-lg)!important}}.parent-shell-header-control{transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}@media (hover:hover){.parent-shell-header-control:hover{background:var(--cream);border-color:var(--brand-navy)!important;color:var(--brand-navy)!important;box-shadow:var(--shadow-card-hover)!important}}.parent-shell-header-control:focus-visible{background:var(--cream);outline:none;border-color:var(--brand-navy)!important;color:var(--brand-navy)!important;box-shadow:0 0 0 var(--space-xs) var(--cream-deep), var(--shadow-card-hover)!important}.flizzie-skeleton{background:linear-gradient(90deg, var(--cream) 20%, var(--cream-deep) 50%, var(--cream) 80%);background-size:200% 100%;animation:1.4s ease-in-out infinite flizzie-skeleton-shimmer}@keyframes flizzie-skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.flizzie-skeleton{animation:none}}.display-heading{letter-spacing:-.02em;text-transform:uppercase;color:var(--brand-navy);font-weight:900;line-height:1.05}.mkt-hero{gap:var(--space-xl);grid-template-columns:minmax(280px,1fr) minmax(240px,.8fr);align-items:center;display:grid}.mkt-hero-preview{isolation:isolate;justify-content:center;align-items:flex-end;min-height:420px;display:flex;position:relative}.mkt-hero-mascot{z-index:3;filter:drop-shadow(0 16px 28px #21145f33);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(360px,88%);height:auto;margin-inline:auto;display:block;position:relative;transform:translate(-3%)}.mkt-float{z-index:1;pointer-events:none;position:absolute}.mkt-float-stars{width:158px;top:2%;left:-5%;transform:rotate(-5deg)}.mkt-float-tasks{width:200px;top:6%;right:0;transform:rotate(3deg)translate(2%)}@media (max-width:820px){.mkt-hero{grid-template-columns:1fr}.mkt-hero-preview{min-height:340px;margin-top:var(--space-lg);max-width:420px;margin-inline:auto}.mkt-hero-mascot{width:min(280px,72%)}.mkt-float-stars{width:132px;top:2%;left:0}.mkt-float-tasks{width:168px;top:3%;right:0}}@media (max-width:480px){.mkt-float-stars{width:118px}.mkt-float-tasks{width:148px}}.motivemate-page{min-height:100vh;padding:var(--space-lg) var(--space-md);flex-direction:column;align-items:center;display:flex}.page-header{text-align:center;width:100%;max-width:600px;margin-bottom:var(--space-xl)}.page-header .mascot-emoji{margin-bottom:var(--space-sm);font-size:80px;display:block}.card{background:var(--card-white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);width:100%}.card:hover{box-shadow:var(--shadow-card-hover)}.card.card-ocean{border:3px solid var(--primary-blue)}.card.card-pink{border:3px solid var(--child-pink)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;display:inline-flex}.btn-primary{background:var(--brand-navy);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.btn-secondary{color:var(--primary-blue);border:3px solid var(--primary-blue);background:#fff}.btn-child{background:var(--brand-sunshine);color:var(--brand-navy);box-shadow:0 6px 20px #f6c24466}.btn-child:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f6c24480}.pin-keypad{gap:var(--space-md);max-width:280px;margin:var(--space-xl) auto;grid-template-columns:repeat(3,1fr);display:grid}.pin-keypad .key-btn{border-radius:var(--radius-full);border:3px solid var(--child-blue);width:80px;height:80px;color:var(--primary-blue);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-family:Nunito,sans-serif;font-size:36px;font-weight:800;box-shadow:0 2px 8px #0000001a}.pin-keypad .key-btn:hover{background:var(--child-blue);color:#fff;transform:scale(1.1)}.pin-keypad .key-btn:active{transform:scale(.95)}.pin-display{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.pin-dot{border-radius:var(--radius-full);width:64px;height:64px;transition:all var(--transition-normal);background:#fff;border:3px solid #ddd}.pin-dot.filled{border-color:var(--star-gold);background:linear-gradient(135deg, var(--star-gold), var(--star-gold-dark));box-shadow:var(--shadow-star-glow)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.shake-animation{animation:.4s shake}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-16px)}60%{transform:translateY(-8px)}}.bounce-animation{animation:2s infinite bounce}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bounce-animation,.shake-animation,.star-burst-animation{animation:none!important}}@keyframes starBurst{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.star-burst-animation{font-size:48px;animation:.6s ease-out starBurst;display:inline-block}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.confetti-piece{border-radius:var(--radius-full);width:10px;height:20px;animation:3s linear forwards confettiFall;position:absolute}.task-card{align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-sm);background:linear-gradient(135deg, var(--bg-warm), white);border-radius:var(--radius-md);border:2px solid var(--star-gold);cursor:pointer;transition:all var(--transition-normal);display:flex}.task-card:hover{box-shadow:var(--shadow-card-hover);transform:translate(4px)}.task-card.completed{background:var(--success-green-light);border-color:var(--success-green)}.progress-bar-container{border-radius:var(--radius-full);background:#f0f0f0;height:10px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.nav-bar{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);padding:var(--space-md);width:100%;max-width:600px;display:flex}.nav-item{padding:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:none;flex:1;font-family:Nunito,sans-serif;font-size:16px;font-weight:600}.nav-item:hover{background:var(--child-blue);color:#fff}.adventure-path{align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;display:flex}.map-tile{border-radius:var(--radius-full);border:3px solid var(--primary-blue);width:32px;height:32px;transition:all var(--transition-normal);background:#fff}.map-tile.completed{background:var(--star-gold);border-color:var(--star-gold);box-shadow:var(--shadow-star-glow)}.map-tile.current{border-color:var(--child-pink);background:#fde8f0}@media (max-width:768px){.page-header .mascot-emoji{font-size:64px}.pin-keypad .key-btn{width:64px;height:64px;font-size:28px}.card{padding:var(--space-md)}}@media (max-width:480px){.page-header .mascot-emoji{font-size:48px}.pin-keypad .key-btn{width:56px;height:56px;font-size:24px}.card{padding:var(--space-sm);border-radius:var(--radius-md)}}.text-center{text-align:center}.text-blue{color:var(--primary-blue)}.text-gold{color:var(--star-gold)}.text-green{color:var(--success-green)}.mt-md{margin-top:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}html[data-app-shell],html[data-app-shell] body{overscroll-behavior:none}html[data-app-shell] body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html[data-app-shell] input,html[data-app-shell] textarea,html[data-app-shell] [contenteditable=true]{-webkit-user-select:text;user-select:text}html[data-app-shell] img{-webkit-user-drag:none}