:root{--blush: #ffc1cc;--blush-deep: #f7a1b0;--mint: #b8e0d2;--mint-deep: #7ec8b3;--sage: #95d5b2;--cream: #fff7f0;--cream-2: #ffe8d6;--peach: #ffb4a2;--ink: #4a3f35;--muted: #8a7a6e;--card: rgba(255, 255, 255, .82);--shadow: 0 12px 40px rgba(247, 161, 176, .22);--radius: 22px;--font: "Nunito", system-ui, sans-serif;--display: "Quicksand", "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% 0%,#ffd6e0 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 90% 10%,#c9f0e4 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,#ffe8d6 0%,transparent 45%),var(--cream);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.app{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 3rem}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.brand{display:flex;align-items:center;gap:.85rem}.logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(145deg,var(--blush),var(--peach));box-shadow:var(--shadow)}.brand h1{font-family:var(--display);font-weight:700;font-size:1.65rem;letter-spacing:-.02em;line-height:1.1}.brand p{color:var(--muted);font-size:.9rem}.stats{display:flex;gap:.6rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #4a3f350f;border:1px solid rgba(255,255,255,.7)}.pill.coins{background:linear-gradient(135deg,#fff3c4,#ffe8a3)}.pill.streak{background:linear-gradient(135deg,#ffd6e0,#ffc1cc)}.pill .muted{color:var(--muted);font-size:.8rem}.cat-scene{position:relative;height:min(320px,48vw);min-height:240px;border-radius:var(--radius);overflow:hidden;margin-bottom:1.25rem;background:#ffe5ec;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.65)}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.living-room .wall{position:absolute;top:0;right:0;bottom:38%;left:0;background:linear-gradient(180deg,#ffe9ef,#ffd6e0)}.living-room .floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:repeating-linear-gradient(90deg,#c9f0e4,#c9f0e4 28px,#b8e0d2 28px,#b8e0d2 30px),linear-gradient(180deg,#d8f5ea,#b8e0d2);box-shadow:inset 0 10px 24px #4a3f350f}.living-room .baseboard{position:absolute;left:0;right:0;bottom:40%;height:10px;background:#f7c5d0;border-top:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(232,145,163,.35)}.living-room .window{position:absolute;top:10%;right:8%;width:min(140px,28%);height:min(90px,28%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:6px;background:#fff;border-radius:10px;border:3px solid #f2a8b6;box-shadow:0 6px 16px #f7a1b040}.living-room .window-pane{background:linear-gradient(160deg,#e8f8f3,#d4eef8);border-radius:4px}.empty-room-hint{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:.85rem;color:var(--muted);background:#ffffffa6;padding:.45rem .85rem;border-radius:999px;white-space:nowrap;border:1px dashed rgba(149,213,178,.8)}.prop-svg{position:absolute;z-index:1;filter:drop-shadow(0 0 0 #fff) drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 6px 10px rgba(74,63,53,.14))}.prop-svg.basket-spot{left:4%;bottom:6%}.prop-svg.bowl-spot{left:46%;bottom:8%}.prop-svg.toy-spot{right:10%;bottom:10%;transform-origin:50% 10%}.prop-svg.toy-spot.is-playing{animation:toy-wiggle .55s ease-in-out infinite}.cat-sprite{position:absolute;top:0;left:0;will-change:transform;transition:filter .2s ease;z-index:2;display:flex;flex-direction:column;align-items:center}.cat-sticker{width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(255,255,255,.9))}.cat-sprite.mood-sleep .cat-sticker,.cat-sprite.mood-sleep .cat-svg{animation:breathe 2.8s ease-in-out infinite}.cat-sprite.mood-walk .cat-svg,.cat-sprite.mood-play .cat-svg,.cat-sprite.mood-play .cat-sticker{animation:bob .45s ease-in-out infinite}.cat-sprite.mood-eat .cat-sticker{animation:nibble .65s ease-in-out infinite;transform-origin:40% 70%}.cat-sprite.mood-stretch .cat-svg{animation:breathe 2s ease-in-out infinite}.cat-sprite.mood-belly .cat-sticker{animation:breathe 3.2s ease-in-out infinite}.cat-sprite.mood-peek .cat-sticker{animation:peek-bob 1.8s ease-in-out infinite}.cat-sprite.mood-idle .cat-tail,.cat-sprite.mood-walk .cat-tail{animation:wag 2.4s ease-in-out infinite;transform-origin:58px 48px}.zzz-float{position:absolute;top:-4px;right:8px;font-weight:800;color:var(--muted);font-size:.85rem;animation:zzz-rise 2s ease-in-out infinite}.cat-name-tag{display:block;text-align:center;font-size:.7rem;font-weight:700;color:var(--ink);background:#fffc;border-radius:999px;padding:.1rem .45rem;margin-top:2px;white-space:nowrap;box-shadow:0 2px 8px #4a3f3514}.zzz{fill:var(--muted);font-family:var(--font);font-weight:700}.layout{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}@media(max-width:840px){.layout{grid-template-columns:1fr}}.side{display:flex;flex-direction:column;gap:1rem}.panel{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1.15rem 1.2rem 1.25rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.panel-head.simple{flex-direction:column;align-items:flex-start;gap:.2rem}.panel-head h2,.panel-head.simple h2{font-family:var(--display);font-size:1.25rem;font-weight:700}.panel-head p,.day-label p{color:var(--muted);font-size:.85rem}.day-label{text-align:center;flex:1}.icon-btn{width:40px;height:40px;border-radius:14px;border:none;background:var(--mint);cursor:pointer;font-size:1.1rem;transition:transform .15s ease,background .15s ease}.icon-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--sage)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.add-form{display:flex;gap:.5rem;margin-bottom:.9rem}.add-form input,.modal input{flex:1;border:2px solid transparent;background:#fff;border-radius:14px;padding:.75rem .95rem;outline:none;box-shadow:inset 0 0 0 1px #4a3f3514}.add-form input:focus,.modal input:focus{border-color:var(--blush-deep);box-shadow:0 0 0 3px #f7a1b040}.btn{border:none;border-radius:14px;padding:.75rem 1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--blush-deep),var(--peach));color:#fff;box-shadow:0 8px 18px #f7a1b059}.btn.soft{width:100%;background:linear-gradient(135deg,var(--mint),var(--sage));color:#245b4a}.task-list{list-style:none;display:flex;flex-direction:column;gap:.45rem;max-height:320px;overflow:auto}.task-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:14px;background:#fff7f0e6;border:1px solid rgba(255,193,204,.35)}.task-list li.done .task-text{text-decoration:line-through;color:var(--muted)}.check{width:28px;height:28px;border-radius:10px;border:2px solid var(--mint-deep);background:#fff;cursor:pointer;display:grid;place-items:center;color:#245b4a;font-weight:800}.task-list li.done .check{background:var(--sage);border-color:var(--mint-deep)}.remove{border:none;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;line-height:1;padding:.2rem .4rem}.remove:hover{color:var(--blush-deep)}.empty-hint{text-align:center;color:var(--muted);padding:1.25rem .5rem!important;background:transparent!important;border:1px dashed rgba(149,213,178,.7)!important}.shop-grid{display:grid;gap:.75rem}.shop-card{background:linear-gradient(160deg,#fff,#fff5f7);border-radius:16px;padding:.9rem;border:1px solid rgba(255,193,204,.45)}.shop-emoji{font-size:1.75rem;margin-bottom:.25rem}.shop-card h3{font-family:var(--display);font-size:1.05rem;margin-bottom:.15rem}.shop-card p{font-size:.85rem;color:var(--muted);margin-bottom:.55rem}.shop-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem;font-size:.85rem;font-weight:700}.owned{color:var(--mint-deep);font-weight:600}.streak-bar{position:relative;height:28px;border-radius:999px;background:#ffe8ee;overflow:hidden;margin-bottom:1rem}.streak-fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--blush));border-radius:999px;transition:width .35s ease}.streak-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--ink)}.family-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.family-list li{display:flex;align-items:center;gap:.7rem;padding:.55rem .65rem;border-radius:14px;background:#b8e0d259}.fam-emoji{font-size:1.4rem}.family-list strong{display:block;font-family:var(--display)}.family-list p{font-size:.8rem;color:var(--muted)}.foot{margin-top:1.75rem;text-align:center;color:var(--muted);font-size:.8rem}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);background:#4a3f35;color:#fff;padding:.75rem 1.2rem;border-radius:999px;font-weight:700;box-shadow:0 12px 30px #0000002e;z-index:50;animation:pop .25s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3f3559;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;z-index:60}.modal{width:min(400px,100%);background:#fff;border-radius:24px;padding:1.5rem 1.4rem 1.35rem;text-align:center;box-shadow:var(--shadow);border:2px solid rgba(255,193,204,.6)}.modal.card-pop{animation:pop .3s ease}.modal-cat{font-size:2.5rem;margin-bottom:.4rem}.modal h2{font-family:var(--display);font-size:1.45rem;margin-bottom:.45rem}.modal p{color:var(--muted);font-size:.95rem;margin-bottom:1rem;line-height:1.45}.modal form{display:flex;flex-direction:column;gap:.65rem}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes nibble{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-2deg)}}@keyframes wag{0%,to{transform:rotate(0);transform-origin:58px 42px}50%{transform:rotate(12deg);transform-origin:58px 42px}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{animation:pop .25s ease}.shop-preview{height:72px;display:grid;place-items:center;margin-bottom:.35rem;background:linear-gradient(180deg,#ffe9ef,#e8f8f3);border-radius:14px;overflow:hidden}.shop-preview-svg{max-height:64px;width:auto}.shop-emoji{display:none}.family-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.fam-info strong{display:block}.rename-btn{border:none;background:#ffe0e8;color:var(--ink);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:.95rem;line-height:1}.rename-btn:hover{background:var(--blush)}.rename-form input{width:100%;border:2px solid var(--blush-deep);border-radius:10px;padding:.35rem .55rem;outline:none;background:#fff}.fam-hint{margin-top:.65rem;font-size:.78rem;color:var(--muted)}