.health-calculator{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #00000014;border:1px solid #e5e7eb}.health-calculator .widget-header svg{animation:pulse 2s ease-in-out infinite;color:var(--wp--preset--color--primary, #3b82f6)}.calculator-form{position:relative;background:#f9fafb;border-radius:.75rem;padding:1.5rem}.calculator-form input,.calculator-form select{transition:all .3s ease;border:2px solid #e5e7eb;background:#fff;color:#1f2937}.calculator-form input:focus,.calculator-form select:focus{transform:scale(1.01);border-color:var(--wp--preset--color--primary, #3b82f6);box-shadow:0 0 0 4px color-mix(in srgb,var(--wp--preset--color--primary, #3b82f6) 10%,transparent);outline:none}.calculator-form button[type=submit]{background-color:var(--wp--preset--color--primary, #3b82f6);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--wp--preset--color--primary, #3b82f6) 30%,transparent);transition:all .3s ease;border:none;font-weight:600}.calculator-form button[type=submit]:hover{background-color:var(--wp--preset--color--primary-hover, #2563eb);box-shadow:0 8px 20px color-mix(in srgb,var(--wp--preset--color--primary, #3b82f6) 40%,transparent);transform:translateY(-2px)}.calculator-form button[type=submit]:active{transform:translateY(0) scale(.98)}.health-calculator .form-group{position:relative}.health-calculator .form-group label{color:#374151;font-weight:600;font-size:.875rem}.health-calculator .form-group input[type=number],.health-calculator .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.health-calculator .form-group input:invalid{border-color:#ef4444}.health-calculator .form-group input:valid{border-color:#10b981}.health-calculator .results-section{animation:fadeInUp .6s ease-out}.health-calculator .results-section.hidden{display:none}.health-calculator .result-card,.health-calculator .need-card{animation:fadeInUp .8s ease-out;transition:transform .3s ease;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:.75rem}.health-calculator .result-card:hover,.health-calculator .need-card:hover{transform:translateY(-4px);border-color:var(--wp--preset--color--primary, #3b82f6)}.health-calculator .bmi-value,.health-calculator .water-amount,.health-calculator .calorie-amount,.health-calculator .protein-amount{animation:countUp 1s ease-out;color:var(--wp--preset--color--primary, #3b82f6);font-weight:700}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.health-calculator .bmi-display{text-align:center;background:linear-gradient(135deg,#f0f9ff,#dbeafe);padding:2rem;border-radius:1rem}.health-calculator .bmi-value{line-height:1;margin-bottom:.5rem}.health-calculator .bmi-category{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1e40af}.health-calculator .need-card{position:relative;overflow:hidden;padding:1.5rem}.health-calculator .need-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.health-calculator .need-card:hover:before{opacity:1}.health-calculator .water-benefits{animation:fadeIn 1s ease-out .3s both;background:#f0f9ff;padding:1.5rem;border-radius:.75rem;border:1px solid #bfdbfe}.health-calculator .water-benefits ul li{transition:all .2s ease;padding:.75rem;border-radius:.5rem;color:#1e40af}.health-calculator .water-benefits ul li:hover{background-color:#dbeafe;transform:translate(4px)}.health-calculator .daily-tip{position:relative;overflow:hidden;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:1.5rem;border-radius:.75rem}.health-calculator .daily-tip .tip-icon{animation:bounce 2s ease-in-out infinite;color:#d97706}.health-calculator .daily-tip p{color:#92400e;font-weight:500}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.health-calculator .welcome-back{animation:slideDown .5s ease-out;transition:opacity .3s ease-out;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:.75rem;padding:1rem;color:#065f46}.health-calculator #activity-description{min-height:1.5rem;transition:opacity .3s ease;color:#6b7280}.health-calculator #activity-description:empty{opacity:0}.health-calculator h1,.health-calculator h2,.health-calculator h3,.health-calculator h4,.health-calculator h5,.health-calculator h6{color:#111827}.health-calculator p{color:#4b5563;line-height:1.6}.health-calculator label{color:#374151}.health-calculator .text-muted{color:#6b7280}.health-calculator .result-card h3{color:#1f2937;font-weight:700}.health-calculator .need-card h4{color:#374151;font-weight:600}.health-calculator .highlight-text{color:var(--wp--preset--color--primary, #3b82f6)}.health-calculator .accent-border{border-color:var(--wp--preset--color--primary, #3b82f6)}.health-calculator .accent-bg{background-color:var(--wp--preset--color--primary, #3b82f6);color:#fff}.health-calculator .status-success{color:#10b981}.health-calculator .status-warning{color:#f59e0b}.health-calculator .status-error{color:#ef4444}.health-calculator .status-info{color:#3b82f6}@media (max-width: 768px){.health-calculator{padding:1.5rem}.health-calculator .widget-header h2{font-size:1.875rem}.health-calculator .calculator-form,.health-calculator .result-card,.health-calculator .need-card{padding:1.5rem}.health-calculator .bmi-value{font-size:3rem}.health-calculator .water-amount,.health-calculator .calorie-amount,.health-calculator .protein-amount{font-size:2rem}}@media (max-width: 480px){.health-calculator{padding:1rem}.health-calculator .widget-header h2{font-size:1.5rem}.health-calculator .calculator-form{padding:1rem}.health-calculator button[type=submit]{padding:.875rem 1.5rem}}@media print{.health-calculator .calculator-form{display:none}.health-calculator{box-shadow:none;border:1px solid #e5e7eb}.health-calculator .daily-tip{background:#fffbeb!important;color:#78350f!important;border:1px solid #fde68a}.health-calculator #save-profile-btn{display:none}}
