:root{--arena:#f6e6c8;--crema:#fff7e8;--oro:#e0b45c;--oro-txt:#8a5a12;--coral:#e2543f;--coral-sh:#b53c2b;--teal:#3fb8a5;--teal-sh:#2b8b7c;--naranja:#f0a03c;--marron:#4a2d16;--marron-mid:#8a6132;--tenue:#a8977c;--panel-bg:#f3f1ec;--panel-head:#4a2d16;--panel-card:#fff;--display:"Chalkboard SE","Comic Sans MS","Comic Neue",ui-rounded,system-ui,cursive;--impact:"Chalkboard SE","Comic Sans MS",ui-rounded,system-ui,sans-serif;--body:-apple-system,system-ui,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);background:#241a10;color:var(--marron);-webkit-tap-highlight-color:transparent}.app{max-width:440px;margin:0 auto;min-height:100%;position:relative;overflow:hidden;background:var(--arena)}.app.dark{background:#2a2118}.app.panel{background:var(--panel-bg)}.screen{min-height:100vh;min-height:100dvh;position:relative;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 116px)}.screen.nostrong{padding-bottom:0}.glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.55),transparent 45%),radial-gradient(circle at 85% 72%,rgba(199,142,74,.28),transparent 50%)}.pad{position:relative;padding:0 20px}.h-display{font-family:var(--display);font-weight:400;color:var(--marron);line-height:1.05;text-wrap:balance}.num{font-family:var(--impact);font-variant-numeric:tabular-nums}.khead{position:relative;padding:calc(env(safe-area-inset-top) + 44px) 20px 8px;display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:16px;background:var(--coral);box-shadow:0 3px 0 var(--coral-sh);display:flex;align-items:center;justify-content:center;font-size:24px;flex:none;border:none;color:#fff;cursor:pointer}.khead .hi{flex:1;min-width:0}.khead .hi .n{font-family:var(--display);font-size:22px;color:var(--marron);line-height:1}.khead .hi .t{font-size:12px;font-weight:600;color:var(--marron-mid)}.coins{display:flex;align-items:center;gap:6px;background:#fff5df;border:3px solid var(--oro);border-radius:999px;padding:6px 12px;flex:none}.coin{width:19px;height:19px;border-radius:50%;background:linear-gradient(#ffd766,#e8a92c);border:2px solid #c98a1c;flex:none}.coins span{font-family:var(--impact);font-size:19px;color:var(--oro-txt)}.strip{position:relative;padding:8px 20px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.day{flex:none;width:50px;border-radius:16px;background:var(--crema);border:3px solid var(--oro);color:var(--marron-mid);padding:6px 0;text-align:center;cursor:pointer;font:inherit}.day .dow{font-size:9.5px;font-weight:800;letter-spacing:.3px}.day .dn{font-family:var(--impact);font-size:20px;line-height:1.1}.day.on{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 4px 0 var(--coral-sh)}.day.done{border-color:var(--teal)}.day.done .dn{color:var(--teal)}.day.on.done .dn{color:#fff}.prog{position:relative;margin:12px 20px 0;background:var(--crema);border:3px solid var(--oro);border-radius:20px;padding:11px 14px}.prog .r{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.prog .ttl{font-size:13px;font-weight:800;color:var(--marron)}.prog .cnt{font-size:13px;font-weight:800;color:var(--coral)}.bar{height:13px;border-radius:999px;background:#ecdcbd;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--naranja),var(--coral));transition:width .4s}.bar.teal>i{background:var(--teal)}.badge-line{position:relative;margin:9px 20px 0;display:flex;align-items:center;gap:9px;background:#ffffff80;border:2px dashed var(--oro);border-radius:16px;padding:8px 12px}.badge-line .bi{font-size:20px}.badge-line .bt{font-size:12px;font-weight:700;color:var(--marron-mid);line-height:1.25}.badge-line .bt b{color:var(--marron)}.badge-line.got{background:#3fb8a524;border-color:var(--teal)}.acts{position:relative;margin-top:8px;padding:2px 20px 8px;display:flex;flex-direction:column;gap:2px}.act{display:flex;align-items:center;gap:11px;min-height:74px;background:none;border:none;padding:0;width:100%;font:inherit;text-align:left;cursor:pointer}.act.right{flex-direction:row-reverse}.tile{flex:none;width:64px;height:64px;border-radius:22px;border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:28px}.tile.now{background:var(--coral);box-shadow:0 4px 0 var(--coral-sh)}.tile.wait{background:var(--crema);box-shadow:0 4px #d9c49a}.tile.pend{background:var(--naranja);box-shadow:0 4px #c07d1e}.tile.done{background:var(--teal);box-shadow:0 4px 0 var(--teal-sh)}.act .card{flex:1;min-width:0;background:#fff;border-radius:16px;padding:9px 12px;box-shadow:0 3px #00000014;display:flex;flex-direction:column;gap:2px}.act .card .ct,.act .card .cs{display:block}.act.right .card{text-align:right}.card .ct{font-size:14px;font-weight:800;color:#3a2a18;line-height:1.22;text-wrap:pretty}.card .cs{font-size:12px;font-weight:800;margin-top:3px}.cs.now{color:var(--coral)}.cs.wait{color:var(--marron-mid)}.cs.pend{color:#c07d1e}.cs.done{color:var(--teal)}.bottomnav{position:fixed;left:0;right:0;bottom:0;max-width:440px;margin:0 auto;background:var(--crema);border-top:3px solid var(--oro);padding:10px 24px calc(env(safe-area-inset-bottom) + 20px);display:flex;justify-content:space-around}.bottomnav.dark{background:#0e1d44;border-color:#0e1d44}.bottomnav.panel{background:#fff;border-color:#e3ddd0}.navbtn{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#b09a76;background:none;border:none;font-family:inherit;cursor:pointer}.navbtn .ni{font-size:23px}.navbtn.on,.bottomnav.panel .navbtn.on{color:var(--coral)}.btn{display:block;width:100%;border:none;border-radius:24px;padding:17px;font-family:var(--display);font-size:22px;color:#fff;background:var(--coral);box-shadow:0 6px 0 var(--coral-sh);cursor:pointer;text-align:center}.btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--coral-sh)}.btn.teal{background:var(--teal);box-shadow:0 6px 0 var(--teal-sh)}.btn.ghost{background:var(--crema);color:var(--marron-mid);box-shadow:0 4px #d9c49a;font-family:var(--body);font-weight:800;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{font-family:var(--body);font-weight:800;font-size:15px;padding:12px;border-radius:16px;box-shadow:0 4px 0 var(--coral-sh)}.btn.sm.teal{box-shadow:0 4px 0 var(--teal-sh)}.back{position:absolute;left:16px;top:calc(env(safe-area-inset-top) + 44px);width:44px;height:44px;border-radius:15px;background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--marron-mid);border:none;cursor:pointer;z-index:5}.info{margin:14px 20px 0;background:var(--crema);border:3px solid var(--oro);border-radius:22px;padding:14px 16px;display:flex;gap:12px;align-items:center}.info .ii{font-size:28px}.info .it{font-size:15px;font-weight:500;color:#6b4a29;line-height:1.4}.chips{margin:14px 20px 0;display:flex;gap:10px}.chip{flex:1;background:var(--crema);border:3px solid var(--oro);border-radius:20px;padding:12px;text-align:center}.chip .ci{font-size:22px}.chip .cl{font-size:12px;font-weight:800;color:var(--marron-mid);margin-top:3px}.reward{background:var(--crema);border:3px solid var(--oro);border-radius:24px;padding:14px;display:flex;align-items:center;gap:14px}.reward.ok{border-color:var(--teal)}.reward .ri{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;flex:none;color:#fff}.reward .rt{flex:1;min-width:0}.reward .rt .rn{font-size:18px;font-weight:800;color:var(--marron)}.reward .rt .rd{font-size:13px;font-weight:600;color:var(--marron-mid)}.mini{margin-top:7px;height:11px;border-radius:999px;background:#ecdcbd;overflow:hidden}.mini>i{display:block;height:100%;border-radius:999px}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bcell{display:flex;flex-direction:column;align-items:center;gap:6px}.bcell .bx{width:100%;aspect-ratio:1;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#e8dcc2;opacity:.55}.bcell.got .bx{background:var(--teal);opacity:1;box-shadow:0 4px 0 var(--teal-sh)}.bcell .bn{font-size:11px;font-weight:800;color:var(--tenue);text-align:center;line-height:1.15}.bcell.got .bn{color:var(--marron)}.sect{font-family:var(--display);font-size:22px;color:var(--marron);margin:22px 20px 12px}.phead{background:var(--panel-head);padding:calc(env(safe-area-inset-top) + 44px) 20px 20px;color:#fff}.phead .top{display:flex;align-items:center;gap:12px}.phead .top .n{font-size:18px;font-weight:800}.phead .top .s{font-size:13px;color:#c9b48c}.phead .stats{margin-top:16px;display:flex;gap:10px}.pstat{flex:1;background:#ffffff1a;border-radius:16px;padding:11px 13px}.pstat .v{font-family:var(--impact);font-size:22px}.pstat .l{font-size:11px;font-weight:600;color:#c9b48c}.plabel{font-size:12px;font-weight:800;color:#8a7a63;letter-spacing:.6px;margin:20px 20px 10px}.pcard{margin:0 20px 12px;background:var(--panel-card);border-radius:20px;padding:15px;box-shadow:0 2px 8px #00000012}.pcard.hl{border:2px solid var(--teal)}.prow{display:flex;gap:12px;align-items:center}.prow .pi{font-size:24px}.prow .pt{flex:1;min-width:0}.prow .pt .pn{font-size:16px;font-weight:800;color:#2f2419}.prow .pt .pd{font-size:12px;color:#7d7263}.photo{width:74px;height:74px;border-radius:14px;object-fit:cover;flex:none;background:#eee}.prowbtns{margin-top:13px;display:flex;gap:10px}.pbtn{flex:1;border:none;border-radius:14px;padding:13px;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit}.pbtn.ok{background:var(--teal);color:#fff}.pbtn.no{flex:none;width:60px;background:var(--panel-bg);border:2px solid #ddd6c8;color:#8a7a63}.pbtn.dark{background:var(--panel-head);color:#fff}.pbtn.ghost{background:var(--panel-bg);border:2px solid #ddd6c8;color:#7d7263}.field{margin-bottom:10px}.field label{display:block;font-size:12px;font-weight:800;color:#8a7a63;margin-bottom:4px}.input,.textarea,select.input{width:100%;border:2px solid #e0d8c8;border-radius:12px;padding:11px 12px;font:inherit;font-size:15px;background:#fff;color:#2f2419}.textarea{min-height:64px;resize:vertical}.row2{display:flex;gap:10px}.row2>*{flex:1}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin:0 20px 12px}.switch{width:52px;height:30px;border-radius:999px;background:#d8cdb8;border:none;position:relative;cursor:pointer;flex:none}.switch.on{background:var(--teal)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .2s}.switch.on:after{left:25px}.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 26px;position:relative}.login .hero{padding-top:86px;text-align:center}.login .flag{font-size:64px}.login .title{font-family:var(--display);font-size:38px;color:var(--marron);line-height:1.05;margin-top:10px}.login .dates{font-size:15px;font-weight:600;color:var(--marron-mid);margin-top:8px}.profiles{margin-top:36px;display:flex;flex-direction:column;gap:16px}.profile{display:flex;align-items:center;gap:18px;border:none;border-radius:26px;padding:18px 22px;cursor:pointer;font:inherit;text-align:left;width:100%}.profile.kid{background:var(--coral);box-shadow:0 6px 0 var(--coral-sh)}.profile.parent{background:var(--crema);border:3px solid var(--oro)}.profile .pav{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;flex:none;background:#ffffff40}.profile.parent .pav{background:#f6e6c8}.profile .pn{font-family:var(--display);font-size:28px;color:#fff}.profile.parent .pn{font-weight:800;font-size:21px;color:var(--marron);font-family:var(--body)}.profile .ps{font-size:13px;font-weight:600}.profile.kid .ps{color:#ffffffd9}.profile.parent .ps{color:var(--marron-mid)}.profile .arrow{margin-left:auto;font-size:26px}.profile.kid .arrow{color:#fff}.profile.parent .arrow{color:var(--oro-txt)}.pinwrap{text-align:center;padding-top:60px}.pindots{display:flex;justify-content:center;gap:14px;margin:22px 0}.pindot{width:18px;height:18px;border-radius:50%;background:#e0d0ad;border:2px solid var(--oro)}.pindot.on{background:var(--coral);border-color:var(--coral)}.keypad{margin:10px auto 0;max-width:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{height:66px;border-radius:22px;background:#fff;box-shadow:0 4px #d9c49a;border:none;font-family:var(--impact);font-size:30px;color:var(--marron);cursor:pointer}.key:active{transform:translateY(3px);box-shadow:0 1px #d9c49a}.key.fn{background:var(--crema);font-size:22px;box-shadow:0 4px #d9c49a;font-family:var(--body);font-weight:800}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--marron-mid)}.spinner{width:44px;height:44px;border-radius:50%;border:5px solid #e0d0ad;border-top-color:var(--coral);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.bar>i{transition:none}}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%);background:var(--marron);color:#fff;padding:12px 20px;border-radius:16px;font-weight:700;font-size:14px;z-index:50;max-width:88%;text-align:center;box-shadow:0 8px 24px #0000004d}.toast.err{background:#b53c2b}.empty{text-align:center;color:var(--tenue);font-weight:600;padding:40px 24px;font-size:15px}.note{margin:14px 20px;text-align:center;font-size:13px;font-weight:600;color:var(--tenue)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e088c;display:flex;align-items:flex-end;justify-content:center;z-index:40}.sheet{background:var(--panel-bg);width:100%;max-width:440px;border-radius:26px 26px 0 0;padding:22px 20px calc(env(safe-area-inset-bottom) + 22px);max-height:88vh;overflow:auto}.sheet h3{margin:0 0 14px;font-family:var(--display);font-weight:400;font-size:24px;color:var(--marron)}