:root{--primary: #4F46E5;--bg: #0F172A;--panel: rgba(30, 41, 59, .7);--text: #F8FAFC}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(135deg,#0f172a,#1e1b4b);color:var(--text);font-family:Inter,system-ui,sans-serif}.tamagotchi-container{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:20px;box-shadow:0 20px 40px #00000080;text-align:center;width:340px}.pet{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#ec4899,#be185d);border-radius:50%;margin:2rem auto;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;box-shadow:inset -10px -10px 20px #0000004d,0 10px 20px #0000004d;transition:all .5s ease;position:relative}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.normal-state{animation:breathing 3s infinite ease-in-out}.stats-panel{text-align:left;margin-bottom:1.5rem;background:#0003;padding:1rem;border-radius:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}progress{width:60%;height:10px;border-radius:5px;background:#334155}progress::-webkit-progress-bar{background:#334155;border-radius:5px}progress::-webkit-progress-value{background:#10b981;border-radius:5px;transition:width .3s linear}.actions-panel{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}button{background:var(--primary);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .1s,background .2s;flex:1;min-width:80px}button:hover{background:#4338ca}button:active{transform:scale(.95)}button:disabled{background:#475569;cursor:not-allowed;opacity:.5}.notification-area{margin-top:1rem;height:20px;color:#94a3b8;font-size:.85rem;font-style:italic}.sick-state{background:radial-gradient(circle at 30% 30%,#475569,#1e293b)}.evolved-state{background:radial-gradient(circle at 30% 30%,#fbbf24,#d97706);box-shadow:0 0 40px #fbbf24,inset -10px -10px 20px #0000004d;animation:breathing 2s infinite ease-in-out;border-radius:30%}@keyframes zoomieSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.zoomie-spin{animation:zoomieSpin 1s cubic-bezier(.175,.885,.32,1.275)}@keyframes grumpyShake{0%{transform:translate(1px,1px) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-1deg)}50%{transform:translate(-3px) rotate(1deg)}75%{transform:translate(3px,2px) rotate(0)}to{transform:translate(1px,-1px) rotate(0)}}.grumpy-shake{animation:grumpyShake .5s infinite}