html,body,#root{margin:0;width:100%;min-height:100%}body{background:#05080f}:root{--bg0: #070b12;--bg1: #0b1020;--card: rgba(255,255,255,.05);--line: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--good: rgba(120,255,190,.95);--warn: rgba(255,214,0,.95);--bad: rgba(255,110,110,.95)}.page{min-height:100vh;background:radial-gradient(1200px 700px at 20% -10%,rgba(140,90,255,.18),transparent 55%),radial-gradient(900px 600px at 100% 0%,rgba(70,200,255,.1),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}.header{display:flex;justify-content:space-between;gap:14px;padding:16px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1aa6;border-bottom:1px solid var(--line)}.title{font-size:20px;font-weight:800;letter-spacing:.5px}.subtitle{font-size:12px;color:var(--muted);margin-top:2px}.meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.chip.mood.thriving{border-color:#78ffbe59}.chip.mood.okay{border-color:#82b4ff59}.chip.mood.struggling{border-color:#ffd60059}.chip.mood.critical{border-color:#ff6e6e59}.main{display:grid;grid-template-columns:420px 1fr;gap:16px;padding:16px;align-items:start}.petCard{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:hidden}.petTop{display:flex;justify-content:space-between;gap:10px;padding:12px 12px 0}.petName{display:flex;align-items:baseline;gap:10px}.petName .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.petName .name{font-size:16px;font-weight:800}.smallBtn{margin-left:6px;font-size:12px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer}.smallBtn:hover{background:#ffffff14}.poop{display:flex;align-items:baseline;gap:10px}.poop .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.poop .count{font-weight:900;font-size:18px}.poop .count.bad{color:var(--warn)}.screen{position:relative;margin:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(500px 220px at 50% 0%,rgba(120,255,190,.06),transparent 60%),linear-gradient(180deg,#00000026,#00000059);height:270px;overflow:hidden}.screen.alarm{box-shadow:0 0 0 3px #ff6e6e2e,0 0 40px #ff6e6e2e;animation:alarmPulse .9s ease-in-out infinite}@keyframes alarmPulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.25)}}.bubble{position:absolute;bottom:10px;left:10px;right:10px;font-size:12px;color:#ffffffd9;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000047}.sprite{position:absolute;left:0;top:0;width:140px;height:140px;image-rendering:pixelated;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));background-repeat:no-repeat;background-position:center;background-size:140px 140px;will-change:transform}.sprite.egg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><rect width='140' height='140' fill='none'/><ellipse cx='70' cy='78' rx='38' ry='48' fill='%23f7f2e8' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='4'/><ellipse cx='58' cy='70' rx='9' ry='14' fill='%23e2d7c7' opacity='0.55'/><path d='M44 88c10 6 18 6 28 0' stroke='%239a7dff' stroke-width='6' stroke-linecap='round' opacity='0.8'/><path d='M52 96c8 5 16 5 24 0' stroke='%2370d9ff' stroke-width='5' stroke-linecap='round' opacity='0.6'/></svg>")}.sprite.baby{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><circle cx='70' cy='72' r='44' fill='%2399ffd1' fill-opacity='0.92'/><circle cx='52' cy='62' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='88' cy='62' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 82c8 10 16 10 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/><circle cx='70' cy='94' r='6' fill='%23ffffff' fill-opacity='0.22'/></svg>")}.sprite.baby_sad{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><circle cx='70' cy='72' r='44' fill='%2399ffd1' fill-opacity='0.72'/><circle cx='52' cy='62' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='88' cy='62' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 88c8-10 16-10 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/><path d='M40 102c10 6 50 6 60 0' stroke='%23ffd600' stroke-opacity='0.45' stroke-width='6' stroke-linecap='round'/></svg>")}.sprite.teen{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><rect x='26' y='28' width='88' height='88' rx='26' fill='%2370d9ff' fill-opacity='0.92'/><circle cx='54' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='86' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 86c8 8 16 8 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/><path d='M42 46c10-10 46-10 56 0' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='6' stroke-linecap='round'/></svg>")}.sprite.teen_sad{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><rect x='26' y='28' width='88' height='88' rx='26' fill='%2370d9ff' fill-opacity='0.72'/><circle cx='54' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='86' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 92c8-8 16-8 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/></svg>")}.sprite.adult{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><path d='M70 20c26 0 48 22 48 48v18c0 26-22 48-48 48s-48-22-48-48V68c0-26 22-48 48-48z' fill='%239a7dff' fill-opacity='0.9'/><circle cx='54' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='86' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 88c8 10 16 10 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/><path d='M46 40c8 6 40 6 48 0' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='6' stroke-linecap='round'/></svg>")}.sprite.adult_sad{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><path d='M70 20c26 0 48 22 48 48v18c0 26-22 48-48 48s-48-22-48-48V68c0-26 22-48 48-48z' fill='%239a7dff' fill-opacity='0.70'/><circle cx='54' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><circle cx='86' cy='66' r='7' fill='%23000000' fill-opacity='0.75'/><path d='M58 96c8-10 16-10 24 0' stroke='%23000000' stroke-opacity='0.55' stroke-width='6' stroke-linecap='round'/></svg>")}.sprite.ghost{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><path d='M70 24c22 0 40 18 40 40v52l-12-10-14 10-14-10-14 10-12-10V64c0-22 18-40 40-40z' fill='%23ffffff' fill-opacity='0.16' stroke='%23ffffff' stroke-opacity='0.20' stroke-width='4'/><circle cx='56' cy='70' r='7' fill='%23ffffff' fill-opacity='0.30'/><circle cx='86' cy='70' r='7' fill='%23ffffff' fill-opacity='0.30'/></svg>")}.eventOverlay{position:absolute;inset:0;display:grid;place-items:center;background:#00000085}.eventBox{width:min(360px,92%);border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0a0c12e0;padding:12px}.eventTitle{font-weight:1000;letter-spacing:.8px;color:#ffd600f2}.eventBody{margin-top:6px;color:#ffffffd1;font-size:12px;line-height:1.35}.eventHud{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.eventPill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d}.eventPill.warn{border-color:#ff6e6e59}.eventBtn{margin-top:10px;width:100%;border-color:#ffd60047}.eventToast{position:absolute;top:10px;left:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000073;font-size:12px}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 12px 12px}.btn{padding:10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);font-weight:700;cursor:pointer}.btn:hover{background:#ffffff1a}.btn.ghost{opacity:.75}.btn.danger{border-color:#ff6e6e59}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}.stat{border:1px solid rgba(255,255,255,.08);background:#0000002e;border-radius:12px;padding:10px}.statRow{display:flex;justify-content:space-between;font-size:12px;color:#ffffffd1}.statLabel{font-weight:800}.statValue{color:#ffffffb3}.statBar{height:9px;border-radius:999px;background:#ffffff0f;margin-top:8px;overflow:hidden}.statBar.warn{background:#ff6e6e1a}.statFill{height:100%;background:linear-gradient(90deg,#78ffbee6,#70d9ffe6,#9a7dffe6)}.footnote{padding:0 12px 12px;color:var(--muted);font-size:12px}.info{display:grid;gap:12px}.panel{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:12px}.panelTitle{font-weight:900;margin-bottom:8px}.panel ul{margin:0;padding-left:18px;color:#ffffffc7}.panel li{margin:6px 0}.miniGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.miniBtn{padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;cursor:pointer;font-weight:800}.miniBtn:hover{background:#ffffff1a}.miniHint{margin-top:8px;color:#ffffffb8;font-size:12px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000073;color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay{position:absolute;inset:0;background:#0000008c;display:grid;place-items:center}.overlayBox{width:min(320px,90%);border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0a0c12d9;padding:14px;text-align:center}.overlayTitle{font-weight:1000;font-size:18px}.overlayText{color:#ffffffbf;font-size:12px;margin:8px 0 12px}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:min(560px,92%);border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0a0c12eb;padding:12px}.modalTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.modalTitle{font-weight:1000;letter-spacing:.4px}.miniBox{margin-top:12px;display:grid;gap:10px}.miniRow{display:flex;gap:10px;flex-wrap:wrap}.miniStat{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-size:12px}.miniMsg{color:#ffffffd1;font-size:12px;line-height:1.35}.miniSub{color:#ffffffa6;font-size:12px}.starZone{position:relative;height:220px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:#ffffff08;overflow:hidden}.star{position:absolute;transform:translate(-50%,-50%);font-size:28px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000059;color:#ffd600f2;cursor:pointer}.star:hover{background:#0000007a}.memGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memCard{height:64px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;font-size:20px;font-weight:900;cursor:pointer}.memCard.up{background:#70d9ff1a;border-color:#70d9ff40}.memCard.done{background:#78ffbe1a;border-color:#78ffbe40;opacity:.85}@media(max-width:900px){.main{grid-template-columns:1fr}.actions{grid-template-columns:repeat(3,1fr)}.miniGrid{grid-template-columns:1fr}.memGrid{grid-template-columns:repeat(4,1fr)}}