@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #3a4663;--bg-secondary: #242d44;--display: #181f33;--color: #ffffff;--button-color: #434a59;--button-bg: #eae3dc;--button-shadow: #b3a497;--button-action: #647198;--button-action-shadow: #414e73;--button-equal: #d03f2f;--button-equal-shadow: #93261a;--radius: .625rem;--slider-bg: #242d44;--slider-toggle: #d03f2f}.theme-2{--bg: #e6e6e6;--bg-secondary: #d2cdcd;--display: #eeeeee;--color: #36362c;--button-color: #36362c;--button-bg: #e5e4e1;--button-shadow: #a79e91;--button-action: #378187;--button-action-shadow: #1b6066;--button-equal: #c85402;--button-equal-shadow: #873901;--slider-bg: #d2cdcd;--slider-toggle: #c85402}.theme-3{--bg: #17062a;--bg-secondary: #1e0936;--display: #1e0936;--color: #ffe53d;--button-color: var(--color);--button-bg: #331c4d;--button-shadow: #881c9e;--button-action: #56077c;--button-action-shadow: #be15f4;--button-equal: #00ded0;--button-equal-shadow: #6cf9f1;--slider-bg: #1e0936;--slider-toggle: #00ded0}body{font-family:League Spartan,sans-serif}.app-container{background:var(--bg);min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.header[data-v-71a19da5]{display:flex;justify-content:space-between;align-items:center;color:var(--color);margin-bottom:2rem}.header h1[data-v-71a19da5]{letter-spacing:-.03331rem;font-size:2rem;font-style:normal;font-weight:700;line-height:normal}.theme-switcher[data-v-71a19da5]{display:flex;align-items:flex-end;gap:1.6rem}label[data-v-71a19da5]{margin-bottom:.6rem}.theme-switcher label[data-v-71a19da5]{font-size:.75rem;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.0625rem}.toggle-control[data-v-71a19da5]{width:4.5rem}.toggle-labels[data-v-71a19da5]{display:flex;width:100%;justify-content:space-between;padding-inline:.6rem;text-align:center;font-size:.75rem;font-style:normal;font-weight:700;line-height:normal;margin-bottom:.31rem}input[type=range][data-v-71a19da5]{-webkit-appearance:none;appearance:none;width:100%;height:1.625rem;border-radius:100vmax;background:var(--slider-bg);cursor:pointer;padding:.31rem;transition:background-color .3s ease}input[type=range][data-v-71a19da5]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;aspect-ratio:1;background-color:var(--slider-toggle);border-radius:50%;border:none;transition:background-color .3s ease}input[type=range][data-v-71a19da5]::-moz-range-thumb{width:1rem;aspect-ratio:1;background-color:var(--slider-toggle);border-radius:50%;border:none;transition:background-color .3s ease}.display[data-v-3d7c694b]{height:8rem;background:var(--display);border-radius:var(--radius);margin-bottom:1.5rem;color:var(--color);font-size:2.5rem;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.05831rem;display:flex;align-items:center;justify-content:flex-end;padding:1.5rem;overflow:hidden}@media (min-width: 600px){.display[data-v-3d7c694b]{padding:2rem;font-size:3.5rem}}.keypad[data-v-8d2c9685]{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--bg-secondary);border-radius:var(--radius);gap:.8rem;padding:1.5rem}.key[data-v-8d2c9685]{border:none;border-radius:var(--radius);height:4rem;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;transition:all .1s ease-in-out}.key.ordinary[data-v-8d2c9685]{background:var(--button-bg);box-shadow:0 -4px 0 0 var(--button-shadow) inset;color:var(--button-color);font-size:2.5rem;letter-spacing:-.04169rem}.key.special[data-v-8d2c9685]{color:#fff;font-size:1.75rem;letter-spacing:-.02919rem}.key.action[data-v-8d2c9685]{background:var(--button-action);box-shadow:0 -4px 0 0 var(--button-action-shadow) inset}.key.equals[data-v-8d2c9685]{background:var(--button-equal);box-shadow:0 -4px 0 0 var(--button-equal-shadow) inset}.key.span-2[data-v-8d2c9685]{grid-column:span 2}.key[data-v-8d2c9685]:active{transform:translateY(4px);box-shadow:none;box-shadow:0 0 0 0 var(--button-shadow) inset}@media (min-width: 600px){.keypad[data-v-8d2c9685]{padding:2rem 1.88rem;gap:1.56rem}}.calculator[data-v-38028ddb]{max-width:33.75rem;width:calc(100% - 1.5rem);min-height:30rem}