:root{--green-900:#0f3d2b;--green-800:#124a34;--green-700:#15774f;--green-600:#1b7a5a;--green-500:#2a9d6f;--green-300:#7bc3a4;--green-100:#e6f0ea;--amber-600:#b96e13;--amber-500:#e8a03d;--amber-200:#f4d19a;--cream:#fff1da;--paper:#fbf7ee;--ink:#16211c;--ink-70:#4a544d;--line:#e5ddcd;--choice-rest-bg:#fff;--choice-rest-edge:#e2d9c7;--choice-select-bg:#eaf3ee;--choice-select-edge:var(--green-500);--choice-right-bg:#e4f3ea;--choice-right-edge:var(--green-600);--choice-right-ink:var(--green-800);--choice-wrong-bg:#fbeede;--choice-wrong-edge:#d6893f;--choice-wrong-ink:#8a4f16;--flame:#e8863d;--coin:#e8a03d;--sprout:var(--green-600);--r-sm:8px;--r-md:12px;--r-lg:20px;--r-pill:999px;--press-depth:4px;--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2, .7, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--font-title:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:700;line-height:1.15}button,[role=button],a{min-height:48px}:focus-visible{outline:3px solid var(--green-500);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation:none!important}}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 20px calc(var(--safe-bottom) + 20px);flex-direction:column;display:flex}.screen--calm{background:var(--green-100)}.screen__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.screen__body{flex-direction:column;flex:1;justify-content:center;gap:20px;width:100%;max-width:520px;margin:0 auto;display:flex;overflow-y:auto}.stack{flex-direction:column;gap:16px;width:100%;display:flex}.stack--center{text-align:center;align-items:center}.row{align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.row--center{justify-content:center}.row--start{align-items:flex-start}.title{font-family:var(--font-title);color:var(--ink);font-size:1.5rem;line-height:1.2}.title--big{color:var(--green-700);font-size:2.2rem}.lead{color:var(--ink-70);margin:0;font-size:1.05rem}.hint{color:var(--ink-70);font-size:.85rem}.error{color:var(--choice-wrong-ink);font-size:.9rem}.steps{color:var(--ink-70);font-weight:700}.field{border:2px solid var(--line);border-radius:var(--r-md);width:100%;min-height:52px;font-size:1.05rem;font-family:var(--font-body);background:#fff;padding:0 16px}.field:focus{border-color:var(--green-500);outline:none}.pressable{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.pressable__face{border-radius:var(--r-md);min-height:52px;font-family:var(--font-title);transition:transform var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1.05rem;font-weight:700;display:flex;transform:translateY(0)}.pressable--primary .pressable__face{background:var(--green-600);color:#fff;box-shadow:0 var(--press-depth) 0 var(--green-800)}.pressable--gold .pressable__face{background:var(--amber-500);color:#3a2408;box-shadow:0 var(--press-depth) 0 var(--amber-600)}.pressable--ghost .pressable__face{color:var(--ink);box-shadow:0 var(--press-depth) 0 var(--line);background:#fff}.pressable:active .pressable__face{transform:translateY(var(--press-depth));box-shadow:0 0}.pressable:disabled{opacity:.5;cursor:default}.pressable:disabled .pressable__face{transform:none}.choices{flex-direction:column;gap:12px;display:flex}.choice{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.choice__face{border-radius:var(--r-md);min-height:56px;transition:transform var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex;transform:translateY(0)}.choice--rest .choice__face{background:var(--choice-rest-bg);color:var(--ink);box-shadow:0 var(--press-depth) 0 var(--choice-rest-edge)}.choice--selected .choice__face{background:var(--choice-select-bg);color:var(--green-800);box-shadow:0 var(--press-depth) 0 var(--choice-select-edge)}.choice--right .choice__face{background:var(--choice-right-bg);color:var(--choice-right-ink);box-shadow:0 var(--press-depth) 0 var(--choice-right-edge)}.choice--wrong .choice__face{background:var(--choice-wrong-bg);color:var(--choice-wrong-ink);box-shadow:0 var(--press-depth) 0 var(--choice-wrong-edge)}.choice:active .choice__face{transform:translateY(var(--press-depth));box-shadow:0 0}.choice:disabled{cursor:default}.choice__mark{font-size:1.1rem;font-weight:800}.chip{border-radius:var(--r-pill);box-shadow:0 2px 0 var(--line);background:#fff;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.chip b{font-family:var(--font-title)}.chip--flame.is-active{animation:pop var(--dur-slow) var(--ease-bounce)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.sprout{align-items:center;gap:10px;width:100%;display:flex}.sprout__track{background:var(--green-100);border-radius:var(--r-pill);flex:1;height:12px;overflow:hidden}.sprout__fill{background:var(--sprout);border-radius:inherit;height:100%;transition:width var(--dur-slow) var(--ease)}.sprout__leaf{transform-origin:bottom;transition:transform var(--dur-slow) var(--ease)}.bubble{box-shadow:0 2px 0 var(--line);background:#fff;border-radius:16px;flex:1;padding:14px 16px;position:relative}.bubble--grave{background:var(--green-100)}.bubble:before{content:"";border:8px solid #0000;border-right-color:#fff;position:absolute;top:18px;left:-8px}.bubble--grave:before{border-right-color:var(--green-100)}.card{border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);background:#fff;padding:14px 16px}.card--answer{background:var(--green-100)}.card__kicker{color:var(--green-700);margin:0 0 4px;font-size:.8rem;font-weight:800}.card__strong{color:var(--ink);margin:0;font-weight:800}.note{border-radius:var(--r-md);padding:10px 14px;font-size:.95rem}.note--gentle{background:var(--amber-200);color:#5a3d10}.offline-badge{background:var(--green-700);color:#fff;text-align:center;border-radius:var(--r-pill);margin-bottom:8px;padding:6px 12px;font-size:.85rem;font-weight:700}.overlay{z-index:50;background:#0a140f8c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--paper);padding:24px 20px calc(20px + var(--safe-bottom));text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;display:flex}.steps-list{color:var(--ink);align-self:stretch;padding-left:20px;line-height:1.9}.ios-share{vertical-align:middle;color:var(--green-700);margin-left:6px;display:inline-flex}.link{color:var(--ink-70);cursor:pointer;background:0 0;border:0;padding:10px;font-weight:700}.reward--loud .title--big{animation:pop var(--dur-slow) var(--ease-bounce)}.confetti{background:radial-gradient(circle, var(--amber-200), transparent 70%);width:220px;height:220px;animation:burst var(--dur-slow) var(--ease) both;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}@keyframes burst{0%{opacity:0;transform:scale(.4)}50%{opacity:.85}to{opacity:0;transform:scale(1.35)}}.yela{display:block}
