*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-flex{display:flex}.tw-w-10{width:2.5rem}.tw-w-\[280px\]{width:280px}.tw-w-full{width:100%}.tw-max-w-\[96\%\]{max-width:96%}.tw-flex-auto{flex:1 1 auto}.tw-flex-col{flex-direction:column}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-gap-5{gap:1.25rem}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-full{border-radius:9999px}.tw-bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.tw-bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.tw-p-1{padding:.25rem}.tw-p-2{padding:.5rem}.tw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}html,body{height:100vh;width:100vw;margin:unset!important}button{font-family:Montserrat,Helvetica Neue,sans-serif!important}@font-face{font-family:Technology;src:url(/fonts/Technology.ttf) format("truetype");font-weight:400;font-style:normal}#root{color-scheme:light dark;background-color:#1f2937;display:flex;flex-direction:row;justify-content:center;align-items:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease-in-out}button:hover{opacity:.7}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.display{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;border:2px solid;font-family:Technology,sans-serif;border-radius:10px;height:15px;padding:1rem;text-align:right;background-color:#bfdbfe;color:#1e3a8a;font-size:2em;margin-bottom:5px}.keypad{display:flex;flex-direction:row;justify-content:center;align-items:center}.keypad table{width:100%}button:hover{cursor:pointer}.btn-number{padding:1.2rem;width:100%;background-color:#94a3b8;border:1px solid #94a3b8;color:#0f172a;font-weight:700;border-radius:10px}.btn-equal{padding:1.2rem;width:100%;color:#e2e8f0;background-color:#f43f5e;border:1px solid #f43f5e;font-weight:bolder;border-radius:10px}.btn-operation{padding:1.2rem;width:100%;background-color:#334155;border:1px solid #334155;color:#e2e8f0;font-weight:bolder;border-radius:10px}.btn-mode-switch{background-color:#334155;border:1px solid #334155;color:#e2e8f0;font-weight:600}.dark-mode{background-color:#333}.dark-mode .btn-equal{color:#fff;background-color:#a92222}.dark-mode button{border:1px solid #e2e8f0}.dark-mode .display{background-color:#475569;color:#bfdbfe}.light-mode{background-color:#cbd5e1}.fa-sun{color:#facc15;font-size:28px;width:30px;height:30px}.fa-moon{color:#d1d5db;font-size:28px;width:30px;height:30px}.outlined-text{text-shadow:-2px -2px 0 #4b5563,2px -2px 0 #4b5563,-2px 2px 0 #4b5563,2px 2px 0 #4b5563}.logo{height:4em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a .logo{animation:logo-spin infinite 20s linear}}@media (min-width: 768px){.md\:tw-p-4{padding:1rem}}