@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fffbf3;--text:#2b2a33;--ink:#2b2a33;--muted:#5d5b69;--card:#fff;--card-soft:#f1f0fa;--ground-base:#f6f5fb;--success:#17806a;--line:#ece5d6;--star:#f5b301;--star-soft:#ffd45e;--star-line:#b67f00;--leon:#2f5fd0;--lucy:#c93f5e;--louis:#17806a;--danger:#b3261e;--tint:var(--text);--radius:28px;--radius-sm:18px;--shadow-soft:0 1px 0 #2b2a330d, 0 14px 28px -20px #2b2a3380;--font-title:"Bricolage Grotesque Variable", "Bricolage Grotesque", "Nunito Variable", system-ui, sans-serif;--font-text:"Nunito Variable", "Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:has(.child-screen){--bg:#14131a;--ground-base:#15141c;--card:#24232e;--card-soft:#2f2e3b;--text:#f2f0f7;--ink:#f2f0f7;--muted:#b8b5c6;--line:#3a3946;--danger:#ff8a80;--success:#5fd0b0;--tint:#5b57d6;--shadow-soft:0 1px 0 #00000040, 0 14px 28px -20px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-text);margin:0;font-size:1.0625rem;line-height:1.4}h1,h2,h3{font-family:var(--font-title);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.1}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:inherit}:focus-visible{outline:3px solid var(--text);outline-offset:3px}.page{max-width:720px;margin:0 auto;padding:16px 16px 112px}.page-wide{max-width:1100px}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.grid-xl{grid-template-columns:repeat(auto-fill,minmax(clamp(160px,20vw,240px),1fr))}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.child-screen{--edge:max(16px, calc((100% - 1100px) / 2));max-width:none;min-height:100dvh;padding-inline:var(--edge);background:radial-gradient(60rem 30rem at 100% -10%, color-mix(in srgb, var(--ground,var(--tint)) 32%, transparent), transparent 60%), radial-gradient(40rem 26rem at 0% 110%, color-mix(in srgb, var(--ground,var(--tint)) 18%, transparent), transparent 60%), color-mix(in srgb, var(--ground,var(--tint)) 10%, var(--ground-base));margin:0}.child-head{background:color-mix(in srgb, var(--card) 62%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);border-radius:999px;padding:10px 14px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:20px}.card-tint{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tint) 30%, transparent), var(--shadow-soft)}.notice{border-radius:var(--radius-sm);background:var(--card);box-shadow:var(--shadow-soft);padding:12px 16px}.notice-error{box-shadow:inset 0 0 0 2px var(--danger);color:var(--danger)}.notice-success{box-shadow:inset 0 0 0 2px var(--success);color:var(--success)}.btn{background:var(--card);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow-soft);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .3s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled,.btn[aria-busy=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--tint);color:#fff;box-shadow:0 12px 22px -14px var(--tint)}.btn-danger{color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger)}.btn-ghost{box-shadow:none;background:0 0;text-decoration:underline}.btn[aria-pressed=true]{background:color-mix(in srgb, var(--tint) 14%, var(--card));box-shadow:inset 0 0 0 3px var(--tint);color:var(--text)}.btn-lg{min-height:64px;padding:12px 28px;font-size:1.25rem}.btn-xl{min-width:96px;min-height:96px;padding:16px 32px;font-size:1.5rem}.tile{background:var(--card);min-width:96px;min-height:96px;color:var(--text);font:inherit;cursor:pointer;box-shadow:0 1px 0 #2b2a330f, 0 18px 28px -20px color-mix(in srgb, var(--tint) 80%, transparent);border:0;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .12s,background-color .3s;display:flex;position:relative}.tile:active:not(:disabled){transform:scale(.97)}.tile-xl{border-radius:40px;min-width:140px;min-height:clamp(160px,20vw,240px)}.tile[aria-pressed=true]{background:color-mix(in srgb, var(--tint) 14%, var(--card));box-shadow:inset 0 0 0 3px var(--tint)}.tile:disabled{cursor:default}.tile:disabled:not([aria-pressed=true]){opacity:.55}.tile-check{position:absolute;top:10px;right:10px}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-weight:800}.field-hint{color:var(--muted);font-size:.95rem}.input{border:2px solid var(--line);background:var(--card);min-height:48px;color:var(--text);font:inherit;border-radius:16px;width:100%;padding:8px 14px}.input:focus-visible{border-color:var(--text);outline-offset:1px}input[type=color].input{width:64px;padding:2px}input[type=checkbox]{width:24px;height:24px}.picto{color:var(--ink);flex:none;display:inline-flex}.picto .f,.picto .t{fill:var(--tint);fill-opacity:.34}.picto .f,.star .f{transition:fill-opacity .6s ease-out}.picto-empty .f{fill-opacity:0;transition:none}@keyframes currency-fill{0%{fill-opacity:0}}.celebrate .f{animation:.6s ease-out both currency-fill}.celebrate>:nth-child(2) .f{animation-delay:.15s}.celebrate>:nth-child(3) .f{animation-delay:.3s}.check-badge{border:3px solid var(--tint);background:var(--card);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 10px -4px #2b2a3366}.check-badge svg{width:70%;height:70%}.picto svg{width:100%;height:100%}.progress{background:color-mix(in srgb, var(--star) 22%, var(--card));border-radius:999px;width:100%;height:18px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--star), var(--star-soft));border-radius:999px;height:100%;transition:width .5s}.state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;display:flex}.spinner{border:4px solid var(--line);border-top-color:var(--text);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.nav{background:color-mix(in srgb, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:space-between;gap:4px;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 1px #2b2a330f,0 18px 36px -18px #2b2a338c}.nav a{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:48px;min-height:48px;padding-inline:12px;font-weight:800;text-decoration:none;display:flex}.nav a:not([aria-current=page]) .nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav a[aria-current=page]{background:var(--text);color:#fff;padding-inline:18px}.nav .btn{min-width:48px;min-height:48px;box-shadow:none;padding:0;text-decoration:none}.badge{background:var(--tint);color:#fff;width:56px;height:56px;font-family:var(--font-title);border-radius:36%;flex:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:inline-flex}.badge-lg{width:96px;height:96px;font-size:2.5rem}.clock{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800}.blocks-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=48rem){.blocks-layout{grid-template-columns:1.3fr 1fr}.blocks-layout>.now-card{position:sticky;top:16px}}.now-card{background:color-mix(in srgb, var(--tint) 14%, var(--card));color:var(--ink);text-align:center}.now-card .btn-primary{background:var(--ink);color:var(--card)}.now-bubble{background:var(--card);border-radius:50%;justify-content:center;align-self:center;align-items:center;padding:24px;display:inline-flex}.now-step{font-family:var(--font-title);margin:0;font-size:2rem;font-weight:800}.now-card .btn{width:100%}.pips{gap:8px;display:inline-flex}.pip{border:2px solid var(--ink);box-sizing:border-box;border-radius:50%;width:14px;height:14px;transition:background-color .3s}.pip-done{background:var(--ink)}.blocks-list,.blocks-list ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.blocks-list .btn{border-radius:24px;justify-content:flex-start;width:100%}.blocks-list [aria-current=step]>.btn:not(:focus-visible){outline:4px solid var(--tint);outline-offset:3px}.timer-panel{background:color-mix(in srgb, var(--tint) 10%, var(--card));border-radius:24px;padding:10px 16px}.calendar-grid{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%}.calendar-grid th{color:var(--muted);padding:4px 0;font-size:.85rem;font-weight:800}.calendar-day{background:var(--card);width:100%;min-height:56px;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow-soft);border:0;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:4px 2px;display:flex}.calendar-day-out{box-shadow:none;color:var(--muted);background:0 0}.calendar-day[aria-current=date]{box-shadow:inset 0 0 0 2px var(--text);font-weight:800}.calendar-day[aria-pressed=true]{background:color-mix(in srgb, var(--tint) 14%, var(--card));box-shadow:inset 0 0 0 2px var(--tint)}.calendar-marks{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:20px;font-size:.75rem;display:flex}.calendar-dot{background:var(--text);border-radius:50%;width:10px;height:10px}.neutral-screen{--ground:#5b57d6}.neutral-screen:not(.center-screen){padding-block:40px 24px}.neutral-screen h1{font-size:2.4rem}.center-screen{place-items:center;padding-block:24px;display:grid}.panel{width:min(100%,400px);padding:28px}.choose-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin:0;padding:0;list-style:none}.choose-tile{background:color-mix(in srgb, var(--tint) 14%, var(--card));width:100%;min-height:260px;font-family:var(--font-title);letter-spacing:-.02em;gap:12px;font-size:1.8rem;font-weight:800}.choose-tile .badge-lg{width:120px;height:120px;box-shadow:0 16px 26px -16px var(--tint);font-size:3.2rem}.pill{background:var(--card);color:var(--text);font-family:var(--font-text);letter-spacing:0;border-radius:999px;padding:4px 16px;font-size:1rem;font-weight:800}.keypad{grid-template-columns:repeat(3,1fr);gap:12px}.keypad .btn{background:var(--card-soft);box-shadow:none;font-family:var(--font-title);border-radius:24px;font-size:1.6rem}.ask-card{background:var(--text);color:#fff;box-shadow:0 18px 30px -18px #2b2a33b3}.ask-card .btn-primary{color:var(--text);box-shadow:none;background:#fff}.kid-card{flex-direction:column;gap:16px;padding:18px;display:flex}.kid-top{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.kid-top .badge{width:60px;height:60px}.kid-top h3{font-size:1.4rem}.pill-currency{background:color-mix(in srgb, var(--tint) 12%, var(--card));align-items:center;gap:6px;display:inline-flex}.kid-card .progress{background:color-mix(in srgb, var(--tint) 16%, var(--card));height:14px}.kid-card .progress-bar{background:var(--tint)}.kid-card h4{font-size:.9rem}.rings{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.rings li{text-align:center;flex-direction:column;align-items:center;gap:2px;width:84px;font-size:.85rem;display:flex}.ring-name{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.ring{position:relative}.ring svg{display:block}.ring circle{fill:none}.ring-track{stroke:color-mix(in srgb, var(--tint) 16%, var(--card))}.ring-arc{stroke:var(--tint)}.ring-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kid-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kid-actions .btn{width:100%;padding-inline:8px}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.btn,.tile,.progress-bar,.picto .f,.star .f,.pip{transition:none}.celebrate .f,.celebrate>:nth-child(2) .f,.celebrate>:nth-child(3) .f{animation:none}}
