.input-group-custom{margin-bottom:20px}.input-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;margin-bottom:8px;font-size:.95rem}.unit-label{font-weight:600;color:#6b7280;font-size:.9rem}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:.7rem;font-weight:bold;cursor:help;position:relative}.tooltip-text{display:none;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:normal;white-space:nowrap;max-width:250px;white-space:normal;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.2)}.tooltip-icon:hover .tooltip-text{display:block}.ref-intro{color:#6b7280;margin-bottom:15px}.drop-factor-ref{display:flex;flex-direction:column;gap:15px}.ref-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border-radius:12px;border:1px solid rgba(102,126,234,.2)}.ref-icon{color:#667eea;flex-shrink:0}.ref-content strong{display:block;color:#374151;margin-bottom:4px}.ref-content p{color:#6b7280;font-size:.9rem;margin:0}.result-primary{text-align:center;padding:25px 20px;background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));border-radius:16px;margin-bottom:20px;border:2px solid rgba(102,126,234,.3)}.result-primary-label{font-size:1rem;color:#6b7280;margin-bottom:8px}.result-primary-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.result-primary-value .result-unit{font-size:1.2rem;font-weight:500;margin-left:8px}.result-primary-hint{margin-top:10px;font-size:1.1rem;color:#374151;font-weight:600}.result-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.result-item{text-align:center;padding:15px;background:rgba(255,255,255,.6);border-radius:12px;border:1px solid rgba(102,126,234,.15)}.result-label{font-size:.85rem;color:#6b7280;margin-bottom:5px}.result-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-unit{font-size:.8rem;color:#9ca3af}.verify-section{text-align:center;padding:15px;background:linear-gradient(135deg,rgba(72,187,120,.1),rgba(56,161,105,.1));border-radius:12px;border:1px solid rgba(72,187,120,.3)}.verify-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:#38a169;margin-bottom:5px}.verify-value{font-size:1.5rem;font-weight:700;color:#2f855a}.verify-unit{font-size:.9rem;color:#48bb78;margin-left:5px}.verify-hint{font-size:.8rem;color:#68d391;margin-top:5px}.warning-message{margin-top:15px;padding:12px 15px;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(249,115,22,.15));border-radius:10px;border:1px solid rgba(245,158,11,.4);color:#b45309;font-size:.9rem;text-align:center}.metronome-hint{color:#6b7280;font-size:.9rem;margin-bottom:20px;text-align:center}.metronome-container{display:flex;flex-direction:column;align-items:center;gap:25px}.drip-animation-area{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(180deg,#e0f2fe 0%,#bae6fd 50%,#7dd3fc 100%);border-radius:20px;width:100%;max-width:300px;position:relative}.iv-bag{display:flex;flex-direction:column;align-items:center}.iv-bag-body{width:80px;height:100px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7));border:3px solid #94a3b8;border-radius:10px 10px 5px 5px;position:relative;overflow:hidden}.iv-fluid{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(180deg,rgba(59,130,246,.3),rgba(59,130,246,.5));transition:height .3s ease}.iv-tube{width:6px;height:20px;background:#94a3b8;border-radius:0 0 3px 3px}.drip-chamber{width:40px;height:80px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.6));border:2px solid #94a3b8;border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5px}.water-drop{width:12px;height:16px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;position:relative;opacity:0;transform:translateY(0)}.water-drop.animating{animation:drip var(--drip-duration,1.5s) ease-in infinite}@keyframes drip{0%{opacity:1;transform:translateY(0) scale(.8)}10%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(50px) scale(1)}85%{opacity:.8;transform:translateY(52px) scale(1.2,.7)}100%{opacity:0;transform:translateY(55px) scale(1.5,.3)}}.drip-landing{position:absolute;bottom:5px;width:30px;height:10px;background:linear-gradient(180deg,rgba(59,130,246,.2),rgba(59,130,246,.4));border-radius:50%}.iv-line{width:4px;height:40px;background:#94a3b8}.metronome-controls{display:flex;flex-direction:column;align-items:center;gap:15px}.metronome-timer{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:baseline;gap:8px}.timer-label{font-size:1rem;font-weight:500}.metronome-buttons{display:flex;gap:10px}.metronome-status{color:#667eea;font-size:.9rem;display:flex;align-items:center;gap:8px}.disclaimer-card{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(249,115,22,.08)) !important;border:1px solid rgba(245,158,11,.3)}.disclaimer-content{display:flex;align-items:flex-start;gap:15px;color:#92400e}.disclaimer-content i{font-size:1.5rem;color:#f59e0b;flex-shrink:0;margin-top:2px}.disclaimer-content p{margin:0;line-height:1.6}@media(max-width:767px){.result-primary-value{font-size:2.5rem}.result-primary-value .result-unit{font-size:1rem}.result-value{font-size:1.6rem}.drip-animation-area{padding:20px;max-width:250px}.iv-bag-body{width:60px;height:80px}.drip-chamber{width:35px;height:70px}.metronome-timer{font-size:1.6rem}.tooltip-text{max-width:200px;font-size:.75rem;left:auto;right:0;transform:none}}@media(max-width:575px){.result-secondary-grid{grid-template-columns:1fr}.disclaimer-content{flex-direction:column;align-items:center;text-align:center}}