/*!/wp-content/uploads/wp-coder/style-25.css*/@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);.container_body{background:#4389bd;display:flex;justify-content:center;align-items:center;width:90%;margin:30px auto;border-radius:15px;padding:20px}.converter-container{background:linear-gradient(135deg,#005AA7,#FFFDE4);padding:25px;border-radius:15px;box-shadow:0 10px 30px rgb(0 90 167 / .4);text-align:center;width:100%;transition:transform 0.3s ease-in-out}.converter-container:hover{transform:scale(1.02)}.converter-title{font-size:30px;font-weight:600;color:#fff;text-transform:uppercase;margin:20px 0;text-shadow:0 0 10px #00FFFF,0 0 20px cyan}.input-container{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.input-container label{color:#fff;font-size:18px;margin-bottom:5px}.input-container input{width:60%;padding:12px;font-size:20px;text-align:center;border-radius:6px;border:2px solid #ddd;box-shadow:2px 2px 8px rgb(0 0 0 / .2);transition:all 0.3s ease-in-out}.input-container input:focus{border-color:#ff8c00;box-shadow:0 0 10px rgb(255 140 0 / .8)}.ruler-scale{position:relative;width:100%;height:8px;background:rgb(255 255 255 / .2);border-radius:4px;margin-top:20px;overflow:hidden}#dynamicRuler{height:8px;width:0;background:linear-gradient(135deg,#FF00FF,#FF4500);transition:width 0.5s ease-in-out}.results-container{background:rgb(255 255 255 / .3);padding:15px;border-radius:8px;margin-top:15px;text-shadow:0 0 10px rgb(255 255 255 / .5)}#finalResult{font-size:24px;font-weight:700;color:#fff;padding:10px;background:linear-gradient(135deg,#00A86B,#00FFA2);border-radius:6px;box-shadow:0 0 15px rgb(0 255 153 / .5)}.comparison-container{margin-top:15px;background:rgb(255 255 255 / .2);padding:12px;border-radius:8px}.comparison-container h3{font-size:18px;color:#fff}.comparison-container p{font-size:16px;color:#fff;font-style:italic}button{padding:10px 15px;border-radius:6px;border:none;cursor:pointer;font-size:16px;margin:5px;transition:background 0.3s ease-in-out,transform 0.2s}button:hover{opacity:.8;transform:scale(1.05)}.results-container button{background:#ff2d55;color:#fff}.results-container button:hover{background:#d91a45}.conversion-history{background:rgb(255 255 255 / .2);padding:15px;border-radius:8px;margin-top:15px}.conversion-history h3{font-size:18px;color:#fff}#historyChart{max-width:100%;height:200px}.reset-btn{padding:12px;border-radius:6px;border:none;cursor:pointer;background:#E74C3C;color:#fff;font-size:16px;margin-top:15px}.reset-btn:hover{background:#C0392B}.dark-mode{background:#2C3E50!important;color:#fff}.dark-mode .converter-container{background:linear-gradient(135deg,#1F1C2C,#302B63)}.dark-mode .input-container input{background:#34495E;color:#fff;border:2px solid #5D6D7E}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}.earthquake-effect{animation:shake 0.5s;animation-iteration-count:infinite}@media (max-width:992px){.container_body{width:90%}.converter-title{font-size:24px}.input-container input{font-size:20px;padding:8px}}@media (max-width:768px){.container_body{width:95%}.converter-title{font-size:22px}.input-container input{font-size:18px;padding:8px}.results-container button{width:80%}.reset-btn{width:80%}}@media (max-width:400px){.container_body{padding:8px}.converter-title{font-size:18px}.input-container input{font-size:14px;padding:5px}.results-container button{font-size:12px}.reset-btn{font-size:12px}.results-container button{width:80%}.reset-btn{width:80%}}