*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}.app-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;max-width:100vw;overflow-x:hidden}.main-layout{display:flex;flex-direction:row;align-items:stretch}.calculator-wrapper{flex:1;min-width:0}.info-section{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.info-section h2{color:#2a5a4a;font-size:1.5rem;margin-bottom:1rem}.info-section p{color:#5a7a6a;line-height:1.7;margin-bottom:1rem}@media (max-width: 800px){.main-layout{flex-direction:column}.info-section{padding:1.5rem}}.calculator-card{background-color:#fef9f1;padding:2rem;border-radius:2rem;border:12px solid;border-image:linear-gradient(45deg,#FF4B4B,#FF8C42,#FFD93D,#6BCB77,#4D96FF) 1 round;overflow:hidden;box-shadow:0 10px 30px #0000001a}.app-title{font-size:2.5rem;font-weight:900;text-align:center;margin-bottom:1rem;color:#2a5a4a}.subheading{text-align:center;color:#5a7a6a;font-size:1rem;line-height:1.5;padding:1rem 0;margin-bottom:1.5rem;border-top:3px solid #E8B000;border-bottom:3px solid #E8B000}.section-label{display:block;font-size:1.25rem;font-weight:700;color:#2a5a4a;margin-bottom:1rem}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.med-button{width:100%;padding:1rem;border-radius:1rem;font-weight:700;font-size:1.1rem;border:4px solid #E2E8F0;background-color:#f8f9fa;color:#94a3b8;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;cursor:pointer;font-family:inherit}.med-button:hover{border-color:#2a5a4a;transform:scale(1.02)}.med-button.selected{border-color:#2a5a4a;background-color:#87c7a0;color:#2a5a4a;transform:scale(1.02)}.concentration-text{font-size:.8rem;margin-top:.25rem;font-weight:400}.med-button.selected .concentration-text{color:#1f4937}.motrin-alert{margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;font-size:1rem;padding:1rem;background-color:#fee2e2;border-radius:.75rem;border:3px solid #DC2626;text-align:center}.alert-text{font-weight:700;color:#dc2626}.motrin-type-section{margin-top:1rem;padding:1.5rem;border-radius:1rem;background-color:#f0fdf4;border:2px solid #2A5A4A}.weight-section{margin-top:2rem}.weight-inputs{display:flex;gap:1rem;align-items:center}.weight-field{display:flex;align-items:center;gap:.5rem}.weight-label{font-size:1rem;color:#2a5a4a;font-weight:600}.weight-input{width:100px;padding:1rem;border-radius:1rem;border:4px solid #2A5A4A;background-color:#fff;font-size:1.125rem;box-shadow:0 2px 4px #0000001a;font-family:inherit;text-align:center}.weight-input:focus{outline:none;box-shadow:0 0 0 3px #2a5a4a4d}.error-text{color:#dc2626;font-size:.875rem;margin-top:.5rem}.calculate-button{width:100%;margin-top:2rem;padding:1.25rem;border-radius:1rem;font-weight:700;font-size:1.25rem;border:4px solid #2A5A4A;background-color:#2a5a4a;color:#fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;cursor:pointer;font-family:inherit}.calculate-button:hover{background-color:#1f4937;transform:translateY(-2px)}.results-section{margin-top:2rem;padding:1.5rem;border-radius:1rem;background-color:#fff;border:4px solid #2A5A4A}.results-title{font-size:1.25rem;font-weight:700;color:#2a5a4a;margin-bottom:.75rem}.dose-primary{font-size:1.25rem;color:#1f2937;margin-bottom:.75rem}.dose-primary strong{color:#2a5a4a;font-size:1.5rem}.dose-details{padding:.75rem;background-color:#f0fdf4;border-radius:.75rem;border:2px solid #87C7A0;margin-bottom:.75rem}.dose-breakdown{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#2a5a4a}.frequency-info{padding:.75rem;background-color:#f8f9fa;border-radius:.75rem;border:2px solid #E2E8F0}.frequency-info p{color:#4b5563;margin:0}.reset-button{width:100%;margin-top:1.5rem;padding:.75rem;border-radius:.75rem;font-weight:600;font-size:1rem;border:2px solid #94A3B8;background-color:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;font-family:inherit}.reset-button:hover{border-color:#64748b;color:#475569;background-color:#f1f5f9}.disclaimer{margin-top:1.5rem;padding:1rem;background-color:#fef3c7;border-radius:.75rem;border:1px solid #F59E0B;font-size:.8rem;color:#92400e;line-height:1.5}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 500px){.calculator-card{padding:1.25rem;border-width:6px}.app-title{font-size:1.75rem}.subheading{font-size:.9rem;padding:.75rem 0}.button-grid{grid-template-columns:1fr}.med-button{padding:1.25rem}.dose-breakdown{font-size:.85rem}.disclaimer{font-size:.8rem;padding:.75rem}}@media (max-width: 375px){.calculator-card{padding:1rem;border-width:5px}.app-title{font-size:1.5rem}.subheading{font-size:.85rem}.section-label{font-size:1rem}.weight-inputs{gap:.5rem}.weight-input-group input{padding:.75rem;font-size:1rem}}