.time-duration-calculator-bg{background:linear-gradient(135deg,#f0f7ff,#f5f0ff)}.time-duration-calculator-swap-btn{transition:transform .2s ease-in-out}.time-duration-calculator-swap-btn:hover{transform:scale(1.05)}.time-duration-calculator-swap-btn svg{transition:transform .3s ease}.time-duration-calculator-swap-btn:hover svg{transform:rotate(180deg)}.time-duration-calculator-input{transition:border-color .2s ease,box-shadow .2s ease}.time-duration-calculator-input:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.25)}.time-duration-calculator-results{border-left:4px solid #3b82f6;transition:transform .3s ease,opacity .3s ease}.time-duration-calculator-results.appear{animation:fadeIn .4s ease-in-out}@media(max-width:640px){.time-duration-calculator-controls{flex-direction:column;gap:1rem}.time-duration-calculator-controls button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.time-duration-calculator-controls{display:none}.time-duration-calculator-results{border-left:none;padding:0}}@media(prefers-color-scheme:dark){.time-duration-calculator-dark{background:linear-gradient(135deg,#1e293b,#1e1e3f);color:#f3f4f6}.time-duration-calculator-dark button,.time-duration-calculator-dark input,.time-duration-calculator-dark select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.time-duration-calculator-dark .time-duration-calculator-results{border-left-color:#60a5fa;background-color:rgba(30,41,59,.8)}}