:root{--stat-green:#2fbf5f;--stat-yellow:#f2dc0e;--stat-orange:#f5a70b;--stat-red:#ef4444;--praise:#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)}.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}@media (prefers-reduced-motion:reduce){.praise-button,.kid-button,.praise-button:before,.kid-button:before,.sparkles__star{animation:none}.sparkles__star{opacity:.7}}