:root{--stat-green:#2fbf5f;--stat-yellow:#f2dc0e;--stat-orange:#f5a70b;--stat-red:#ef4444;--praise:#ffd75e;--star-silver:#cbd5e1;--star-gold:#ffd75e;--bg:#0f172a;--surface:#ffffff0f;--text:#f1f5f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{height:var(--app-height,100dvh);display:flex}.screen{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;flex:1;gap:1rem;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}[data-color=green]{--stat:var(--stat-green)}[data-color=yellow]{--stat:var(--stat-yellow)}[data-color=orange]{--stat:var(--stat-orange)}[data-color=red]{--stat:var(--stat-red)}.kid-button{color:#fff;background:linear-gradient(160deg, var(--stat), color-mix(in oklab, var(--stat) 72%, black));border-radius:1.5rem;flex:1;font-size:2.5rem;font-weight:700;transition:transform .1s,background .2s;position:relative;overflow:hidden}.kid-button[data-color=yellow],.kid-button[data-color=orange]{color:#172033}.kid-button:active{transform:scale(.97)}.kid-screen__header{align-items:center;gap:.75rem;min-height:3rem;display:flex}.back-button{background:var(--surface);border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid}.back-button__icon{width:1.75rem;height:1.75rem}.kid-screen__name{color:var(--stat);margin:0;font-size:2rem;font-weight:700;transition:color .2s}.behavior-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1rem;display:grid}.behavior-cell{min-width:0;min-height:0;container-type:size}.behavior-button{background:var(--surface);width:100%;height:100%;color:var(--stat);border:3px solid;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.25rem,4cqh,.5rem);transition:transform .1s,color .2s;display:flex}.behavior-button:active{transform:scale(.94)}.behavior-button__icon{width:clamp(1.5rem,min(48cqh,26vw),8rem);height:clamp(1.5rem,min(48cqh,26vw),8rem)}.behavior-button__count{font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,28cqh,3rem);font-weight:800;line-height:1}@container (height<=6.5rem){.behavior-button{border-radius:1rem;flex-direction:row;gap:1rem}.behavior-button__icon{width:clamp(1.25rem,55cqh,2.5rem);height:clamp(1.25rem,55cqh,2.5rem)}.behavior-button__count{font-size:clamp(1rem,45cqh,1.75rem)}}.praise-button{color:var(--stat-green);position:relative;overflow:hidden}[data-shine="1"]{--glow:10px}[data-shine="2"]{--glow:16px}[data-shine="3"]{--glow:22px}[data-shine="4"]{--glow:28px}[data-shine="5"]{--glow:34px}.praise-button[data-shine]:not([data-shine="0"]),.kid-button[data-shine]:not([data-shine="0"]){animation:2.4s ease-in-out infinite praise-pulse}@keyframes praise-pulse{0%,to{box-shadow:0 0 calc(var(--glow) * .5) 0 color-mix(in oklab, var(--praise) 50%, transparent)}50%{box-shadow:0 0 var(--glow) 3px color-mix(in oklab, var(--praise) 80%, transparent)}}.praise-button[data-shine="5"]:before,.kid-button[data-shine="5"]:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff4d 50%,#0000 58%);width:300%;animation:2.8s ease-in-out infinite praise-shimmer;position:absolute;top:0;bottom:0;left:-100%;transform:translate(-60%)}@keyframes praise-shimmer{to{transform:translate(60%)}}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkles__star{color:var(--praise);fill:currentColor;opacity:0;filter:drop-shadow(0 0 4px color-mix(in oklab, var(--praise) 80%, white));animation:1.8s ease-in-out infinite sparkle-twinkle;position:absolute}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}.home-footer{justify-content:flex-end;display:flex}.ghost-button{opacity:.4;border-radius:1rem;place-items:center;width:2.75rem;height:2.75rem;transition:opacity .15s,transform .1s;display:grid}.ghost-button svg{width:1.5rem;height:1.5rem}.ghost-button:active{opacity:.8;transform:scale(.92)}.fab{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;transition:transform .1s,opacity .2s;display:grid;position:fixed}.fab svg{width:1.75rem;height:1.75rem}.fab:active:not(:disabled){transform:scale(.92)}.fab--done:not(:disabled){background:var(--stat-green);color:#0f172a}.fab--done:disabled{opacity:.35;cursor:default}.settings-screen{padding-bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 5rem);gap:2rem;overflow-y:auto}.settings-section{flex-direction:column;gap:.75rem;display:flex}.settings-section__icon{opacity:.5;width:1.5rem;height:1.5rem}.kid-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.kid-row{align-items:center;gap:.75rem;display:flex}.kid-row__icon{opacity:.7;flex-shrink:0;width:1.5rem;height:1.5rem}.kid-row__input{min-width:0;font:inherit;color:inherit;background:var(--surface);border:none;border-radius:1rem;flex:1;padding:.75rem 1rem;font-size:1.125rem}.kid-row__input:focus{outline:2px solid #ffffff40}.icon-button{background:var(--surface);border-radius:1rem;flex-shrink:0;place-items:center;width:3rem;height:3rem;display:grid}.icon-button svg{width:1.5rem;height:1.5rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.75rem;display:grid}.icon-tile{aspect-ratio:1;background:var(--surface);opacity:.45;border:3px solid #0000;border-radius:1.25rem;place-items:center;transition:opacity .15s,border-color .15s,transform .1s;display:grid}.icon-tile svg{width:2rem;height:2rem}.icon-tile:active{transform:scale(.92)}.icon-tile[aria-pressed=true]{opacity:1;border-color:var(--stat-green)}.icon-tile:disabled{opacity:.12;cursor:default}.icon-tile--praise[aria-pressed=true]{border-color:var(--praise);color:var(--praise)}.icon-tile--star[aria-pressed=true]{border-color:var(--star-gold);color:var(--star-gold)}.icon-tile--star[aria-pressed=true] svg{fill:currentColor}.sync-actions{align-items:center;gap:.75rem;display:flex}.sync-button{background:var(--surface);border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:.75rem 1rem;font-size:1rem;display:flex}.sync-button:disabled{opacity:.4}.sync-button svg{flex-shrink:0;width:1.25rem;height:1.25rem}.sync-share{flex-direction:column;align-items:center;gap:.75rem;display:flex}.sync-qr{background:#fff;border-radius:1rem;width:min(70vw,16rem);padding:.75rem}.sync-qr svg{width:100%;height:auto;display:block}.sync-code{letter-spacing:.05em;background:var(--surface);-webkit-user-select:text;user-select:text;border-radius:.75rem;padding:.625rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem}.sync-code-input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sync-hint{opacity:.6;margin:0;font-size:.875rem}.sync-hint--error{opacity:1;color:var(--stat-red)}.sync-status{flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;min-width:3rem;display:flex}.sync-status svg{width:1.5rem;height:1.5rem}.sync-status[data-state=off]{opacity:.35}.sync-status[data-state=connecting]{opacity:.6}.sync-status[data-state=connected]{color:var(--stat-green)}.sync-status[data-state=error]{color:var(--stat-red)}.sync-status__pending{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}[data-tier=praise]{--tier:var(--stat-green)}[data-tier=silver]{--tier:var(--star-silver)}[data-tier=gold]{--tier:var(--star-gold)}.star-badge{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:.55em;font-weight:800;line-height:1;display:inline-flex}.star-badge__tier{color:var(--tier);align-items:center;gap:.2em;display:inline-flex}.star-badge__icon{fill:currentColor;width:1.1em;height:1.1em}.kid-button .star-badge{background:#0f172a80;border-radius:999px;padding:.3rem .7rem;font-size:1.1rem;position:absolute;bottom:.9rem;right:1rem}.stars-button{background:var(--surface);border-radius:999px;align-items:center;margin-left:auto;padding:.55rem .9rem;font-size:1.6rem;transition:transform .1s;display:flex}.stars-button:active{transform:scale(.94)}.stars-screen__name{color:var(--text)}.star-ladder{flex-direction:column;flex:1;justify-content:center;gap:1rem;min-height:0;display:flex}.star-row{background:var(--surface);border-radius:1.5rem;grid-template-columns:minmax(5rem,auto) 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.star-row__tier{color:var(--tier);align-items:center;gap:.5rem;display:flex;position:relative}.star-row__icon{flex-shrink:0;width:2.5rem;height:2.5rem}.star-row__tier[data-tier=silver] .star-row__icon,.star-row__tier[data-tier=gold] .star-row__icon{fill:currentColor}.star-row__count{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.star-pips{color:var(--tier);justify-content:center;align-items:center;gap:.3rem;min-width:0;display:flex}.star-pips__pip{flex-shrink:0;width:clamp(.9rem,4vw,1.5rem);height:clamp(.9rem,4vw,1.5rem);transition:opacity .2s}.star-pips__pip[data-filled=true]{fill:currentColor}.star-pips__pip[data-filled=false]{opacity:.25}.star-convert{color:var(--tier);background:#ffffff14;border-radius:1.25rem;align-items:center;gap:.25rem;padding:.75rem .9rem;transition:transform .1s,opacity .2s;display:flex}.star-convert:not(.star-remove):not(:disabled){--glow:14px;animation:2.4s ease-in-out infinite praise-pulse}.star-convert:active:not(:disabled){transform:scale(.94)}.star-convert:disabled{opacity:.22;cursor:default}.star-convert__arrow{opacity:.75;width:1.4rem;height:1.4rem}.star-convert__star{fill:currentColor;width:2rem;height:2rem}.star-remove{color:var(--text);opacity:.5}.star-burst{z-index:50;pointer-events:none;color:var(--tier);place-items:center;display:grid;position:fixed;inset:0}.star-burst>*{grid-area:1/1}.star-burst__group{place-items:center;display:grid}.star-burst__group>*{grid-area:1/1}.star-burst__glow{background:radial-gradient(circle, color-mix(in oklab, currentColor 45%, transparent) 0%, color-mix(in oklab, currentColor 12%, transparent) 40%, transparent 68%);border-radius:50%;width:26rem;height:26rem;animation:1.5s ease-out .85s backwards star-burst-glow}@keyframes star-burst-glow{0%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.star-burst__incoming{fill:currentColor;filter:drop-shadow(0 0 10px);width:2.75rem;height:2.75rem;animation:.95s cubic-bezier(.5,0,.75,.4) backwards star-burst-fly}.star-burst__incoming:first-child{--fly-x:-8.5rem;--fly-y:-6.5rem}.star-burst__incoming:nth-child(2){--fly-x:9.5rem;--fly-y:-4.5rem;animation-delay:50ms}.star-burst__incoming:nth-child(3){--fly-x:-9.5rem;--fly-y:3.5rem;animation-delay:.1s}.star-burst__incoming:nth-child(4){--fly-x:7.5rem;--fly-y:7.5rem;animation-delay:.15s}.star-burst__incoming:nth-child(5){--fly-x:.5rem;--fly-y:-10.5rem;animation-delay:.2s}@keyframes star-burst-fly{0%{transform:translate(var(--fly-x), var(--fly-y)) scale(.4) rotate(0deg);opacity:0}18%{opacity:1}70%{transform:translate(calc(var(--fly-x) * .28), calc(var(--fly-y) * .28)) scale(1.5) rotate(320deg);opacity:1}to{opacity:0;transform:translate(0)scale(.15)rotate(560deg)}}.star-burst__ring{border:4px solid;border-radius:50%;width:4rem;height:4rem;animation:.95s ease-out backwards star-burst-ring}.star-burst__ring:first-child{animation-delay:.95s}.star-burst__ring:nth-child(2){animation-delay:1.15s}.star-burst__ring:nth-child(3){animation-delay:1.35s}@keyframes star-burst-ring{0%{opacity:.85;border-width:7px;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(6.5)}}.star-burst__spark{--dist:-13rem;background:currentColor;border-radius:999px;width:.35rem;height:1.8rem;animation:1.1s cubic-bezier(.15,.7,.3,1) 1s backwards star-burst-spark}.star-burst__spark:nth-child(2n){--dist:-8.5rem;height:1.2rem}.star-burst__spark:first-child{--a:0deg}.star-burst__spark:nth-child(2){--a:22.5deg}.star-burst__spark:nth-child(3){--a:45deg}.star-burst__spark:nth-child(4){--a:67.5deg}.star-burst__spark:nth-child(5){--a:90deg}.star-burst__spark:nth-child(6){--a:112.5deg}.star-burst__spark:nth-child(7){--a:135deg}.star-burst__spark:nth-child(8){--a:157.5deg}.star-burst__spark:nth-child(9){--a:180deg}.star-burst__spark:nth-child(10){--a:202.5deg}.star-burst__spark:nth-child(11){--a:225deg}.star-burst__spark:nth-child(12){--a:247.5deg}.star-burst__spark:nth-child(13){--a:270deg}.star-burst__spark:nth-child(14){--a:292.5deg}.star-burst__spark:nth-child(15){--a:315deg}.star-burst__spark:nth-child(16){--a:337.5deg}@keyframes star-burst-spark{0%{transform:rotate(var(--a)) translateY(-2rem) scaleY(.4);opacity:1}to{transform:rotate(var(--a)) translateY(var(--dist)) scaleY(1.6);opacity:0}}.star-burst__twinkle{fill:currentColor;filter:drop-shadow(0 0 6px);width:1.6rem;height:1.6rem;animation:1.05s ease-in-out backwards star-burst-twinkle}.star-burst__twinkle:first-child{--tx:-6.5rem;--ty:-4rem;animation-delay:1.05s}.star-burst__twinkle:nth-child(2){--tx:6.8rem;--ty:-3.2rem;animation-delay:1.2s}.star-burst__twinkle:nth-child(3){--tx:-5.2rem;--ty:4.8rem;animation-delay:1.35s}.star-burst__twinkle:nth-child(4){--tx:5.6rem;--ty:5.4rem;animation-delay:1.15s}.star-burst__twinkle:nth-child(5){--tx:.4rem;--ty:-7.2rem;animation-delay:1.45s}.star-burst__twinkle:nth-child(6){--tx:-.6rem;--ty:7rem;animation-delay:1.3s}@keyframes star-burst-twinkle{0%,to{transform:translate(var(--tx), var(--ty)) scale(0) rotate(0deg);opacity:0}50%{transform:translate(var(--tx), var(--ty)) scale(1.3) rotate(120deg);opacity:1}}.star-burst__core{fill:currentColor;filter:drop-shadow(0 0 30px)drop-shadow(0 0 60px);width:4rem;height:4rem;animation:1.25s cubic-bezier(.34,1.4,.64,1) .95s backwards star-burst-core}@keyframes star-burst-core{0%{opacity:0;transform:scale(0)rotate(-200deg)}28%{opacity:1;transform:scale(2.6)rotate(12deg)}44%{transform:scale(2)rotate(-5deg)}60%{transform:scale(2.35)rotate(3deg)}84%{opacity:1;transform:scale(2.2)rotate(0)}to{opacity:0;transform:scale(.3)rotate(40deg)}}@media (prefers-reduced-motion:reduce){.praise-button,.kid-button,.praise-button:before,.kid-button:before,.sparkles__star,.star-convert{animation:none}.star-burst{display:none}.sparkles__star{opacity:.7}}