.percentage-calculator{width:100%}.percentage-calculator input[type=number]:focus,.percentage-calculator select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-opacity:0.5}.percentage-calculator button{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.percentage-calculator button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.percentage-calculator .mode-tab{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.percentage-calculator .mode-tab:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.percentage-calculator .result-display{animation:fadeInUp .4s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.percentage-calculator .text-4xl{animation:countUp .5s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .3s ease-out}.percentage-calculator #history-section{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.percentage-calculator .overflow-y-auto::-webkit-scrollbar{width:8px}.percentage-calculator .overflow-y-auto::-webkit-scrollbar-track{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.percentage-calculator .overflow-y-auto:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.percentage-calculator .overflow-y-auto::-webkit-scrollbar-thumb{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.percentage-calculator .overflow-y-auto:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.percentage-calculator .overflow-y-auto::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.percentage-calculator .overflow-y-auto:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.percentage-calculator .quick-tip{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.percentage-calculator .quick-tip:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (max-width:768px){.percentage-calculator .grid{gap:1rem}.percentage-calculator .mode-tab{font-size:.75rem;line-height:1rem;padding:.5rem}.percentage-calculator .text-4xl{font-size:1.875rem;line-height:2.25rem}}@media print{.percentage-calculator #history-section,.percentage-calculator .mode-tab:not(.border-blue-600),.percentage-calculator button{display:none}}.percentage-calculator button:focus-visible,.percentage-calculator input:focus-visible,.percentage-calculator select:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.percentage-calculator button:disabled{cursor:not-allowed;opacity:.5}.percentage-calculator input:disabled,.percentage-calculator select:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));opacity:.5}.percentage-calculator input:disabled:is(.dark *),.percentage-calculator select:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}