*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}:root{--sand:#f3e2c4;--sand-deep:#e4c896;--leaf:#2f6b4f;--ink:#243028;--cool:#6eb8c9;--cool-deep:#3d8fa3;--warm:#f0b85a;--warm-deep:#d9922e;--hot:#e07a3d;--hot-deep:#c45a22;--good:#2f8f5b;--warn:#c45a22;--font-display:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 15% 0%, #6eb8c959, transparent 55%), radial-gradient(ellipse 70% 45% at 90% 10%, #e07a3d47, transparent 50%), linear-gradient(165deg, #f7ebcf 0%, var(--sand) 45%, #d9c49a 100%)}.dashboard{isolation:isolate;width:min(920px,100% - 28px);margin:0 auto;padding:36px 0 48px;position:relative}.sky{pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffffff8c,#0000 70%);border-radius:50%;height:140px;animation:6s ease-in-out infinite breathe;position:absolute;inset:-20px 8% auto}.hero{text-align:center}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--leaf);text-shadow:0 4px #2f6b4f2e;margin:0;font-size:clamp(3.4rem,14vw,5.6rem);font-weight:700;line-height:.9;animation:.7s cubic-bezier(.2,.9,.3,1.2) both pop-in}h1{font-family:var(--font-display);color:var(--ink);margin:6px 0 0;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:600}.tagline{color:#243028bf;margin:10px 0 0;font-size:1.15rem;font-weight:700}.view-toggle{justify-content:center;gap:8px;margin-top:22px;display:flex}.view-toggle button{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:#ffffff8c;border:2px solid #2430282e;border-radius:999px;padding:10px 18px;font-weight:800;transition:background .2s,border-color .2s,transform .15s}.view-toggle button:hover{transform:translateY(-1px)}.view-toggle button.active{border-color:var(--leaf);background:var(--leaf);color:#fff}.kid-view{margin-top:28px}.kid-sentence{text-align:center;max-width:34ch;font-family:var(--font-display);color:var(--ink);margin:0 auto 16px;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:600;line-height:1.25;animation:.55s both fade-up}.leon-says{appearance:none;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--leaf), #3f8f62);cursor:pointer;border:none;border-radius:999px;margin:0 auto 22px;padding:14px 28px;font-size:1.25rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .2s;animation:.6s 50ms both fade-up;display:block;box-shadow:0 8px #2f6b4f59}.leon-says:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px #2f6b4f59}.leon-says:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #2f6b4f59}.leon-says:disabled{cursor:default;filter:saturate(.85)}.leon-says.speaking{animation:1s ease-in-out infinite pulse-talk}@keyframes pulse-talk{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cage-strip{background:linear-gradient(90deg, var(--cool) 0%, var(--cool-deep) 18%, var(--warm) 50%, var(--hot) 82%, var(--hot-deep) 100%);border-radius:28px;grid-template-columns:repeat(3,1fr);gap:10px;min-height:240px;padding:12px;animation:.7s 80ms both fade-up;display:grid;box-shadow:inset 0 0 0 3px #ffffff59,0 18px 40px #24302829}.cage-zone{text-align:center;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 10px;display:flex}.zone-hot{animation:3.2s ease-in-out infinite warm-glow}.zone-face{filter:drop-shadow(0 3px #0000001f);font-size:clamp(2.4rem,8vw,3.4rem);line-height:1;animation:2.8s ease-in-out infinite bob}.zone-warm .zone-face{animation-delay:.35s}.zone-hot .zone-face{animation-delay:.7s}.zone-name{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(1.5rem,5vw,2rem);font-weight:700}.zone-vibe{opacity:.92;font-size:.95rem;font-weight:700}.zone-temp{font-family:var(--font-display);opacity:.9;margin-top:6px;font-size:1.35rem;font-weight:600}.cage-zone[data-status=warmish],.cage-zone[data-status=coolish]{box-shadow:inset 0 0 0 3px #ffffffbf}.humidity-kid{text-align:center;color:#243028c7;margin:18px 0 0;font-size:1.1rem;font-weight:700}.humidity-kid strong{color:var(--cool-deep);font-family:var(--font-display);font-size:1.25rem}.reading-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:28px;display:grid}.reading-card{background:#ffffffb8;border:1px solid #24302814;border-radius:18px;padding:22px}.reading-label{color:#243028a6;font-weight:800;display:block}.reading-value{font-family:var(--font-display);color:var(--ink);margin-top:8px;font-size:2.4rem;font-weight:700;display:block}.reading-unit{margin-left:4px;font-size:1.15rem}.reading-hint{color:#2430288c;margin-top:8px;font-size:.9rem;font-weight:700;display:block}.error{color:#8a2f1d;text-align:center;background:#fde8e4;border-radius:12px;margin-top:18px;padding:14px 16px;font-weight:700}footer{text-align:center;color:#2430288c;margin-top:24px;font-size:.95rem;font-weight:700}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes warm-glow{0%,to{background:#ffffff29}50%{background:#fff0c852}}@keyframes pop-in{0%{opacity:0;transform:scale(.86)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.cage-strip{min-height:unset;grid-template-columns:1fr}.zone-hot{animation:none}}@media (prefers-reduced-motion:reduce){.sky,.zone-face,.zone-hot,.brand,.kid-sentence,.cage-strip,.leon-says,.leon-says.speaking{animation:none}}