:root{--color-ice-50:#F0F9FF;--color-ice-100:#E0F2FE;--color-ice-200:#BAE6FD;--color-ice-300:#7DD3FC;--color-ice-400:#38BDF8;--color-ice-500:#0EA5E9;--color-amber-300:#FCD34D;--color-amber-400:#FBBF24;--color-amber-500:#F59E0B;--color-pink-300:#F9A8D4;--color-pink-400:#F472B6;--color-pink-500:#EC4899;--color-mint-300:#86EFAC;--color-mint-400:#4ADE80;--color-mint-500:#22C55E;--color-white:#FFFFFF;--color-slate-50:#F8FAFC;--color-slate-100:#F1F5F9;--color-slate-200:#E2E8F0;--color-slate-300:#CBD5E1;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1E293B;--color-health:#EF4444;--color-hunger:#F97316;--color-thirst:#3B82F6;--color-mood:#FBBF24;--color-energy:#A855F7;--color-cleanliness:#06B6D4;--bg-primary:linear-gradient(180deg,#E8F4FC,#D6EAF8 50%,#C8E4F5);--bg-card:rgba(255,255,255,0.85);--bg-card-hover:rgba(255,255,255,0.95);--shadow-soft:0 4px 20px rgba(14,165,233,0.1);--shadow-medium:0 8px 32px rgba(14,165,233,0.15);--shadow-glow:0 0 40px rgba(14,165,233,0.2);--shadow-button:0 4px 14px rgba(0,0,0,0.1);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-heading:var(--font-nunito),"Nunito",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;font-family:var(--font-body)}body{background:var(--bg-primary);color:var(--color-slate-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-ice-300);border-radius:var(--radius-full)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:active{transform:scale(.96)}.card{background:var(--bg-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-soft)}.progress-bar{height:10px;border-radius:var(--radius-full);background:var(--color-slate-200);overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s ease}.icon-button,.progress-bar-fill{border-radius:var(--radius-full)}.icon-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-card);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-soft);font-size:1.25rem}.icon-button:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-medium)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;color:white;background:linear-gradient(135deg,var(--color-amber-400) 0,var(--color-amber-500) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-button),0 2px 8px rgba(251,191,36,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-amber-300) 0,var(--color-amber-400) 100%);box-shadow:var(--shadow-button),0 4px 16px rgba(251,191,36,.4)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;color:var(--color-slate-700);background:var(--bg-card);border:2px solid var(--color-ice-300);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-ice-400)}.btn-care{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;font-size:.875rem;font-weight:600;color:var(--color-slate-700);background:linear-gradient(180deg,var(--bg-card) 0,rgba(255,255,255,.7) 100%);border:2px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);min-width:72px}.btn-care:hover{background:linear-gradient(180deg,var(--bg-card-hover) 0,rgba(255,255,255,.9) 100%);border-color:var(--color-ice-300);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-care .icon{font-size:1.75rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-slate-800)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(14,165,233,.2)}50%{box-shadow:0 0 40px rgba(14,165,233,.4)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle{animation:wiggle 2s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-bounce-soft{animation:bounce-soft 1.5s ease-in-out infinite}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}