:root{--text-control: #5fdacc;--text-arithmetic: #e76c6c;--transition-speed: .3s;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite}html[data-theme=light]{--logo: #030303;--bg-body: #f7f7f7;--bg-primary: #ffffff;--calculator-bg: #f9f9f9;--button-bg: #f7f7f7;--toggle-bg: #ffffff;--display-bg: #ffffff;--text: #282b33;--icon-current: #d8d8d8;--icon-secondary: #060b0b;--github-logo: #22252d}html[data-theme=dark]{--logo: #ffffff;--bg-body: #1e2128;--bg-primary: #22252d;--calculator-bg: #2a2d3a;--button-bg: #282b35;--toggle-bg: #2a2d37;--display-bg: #22252d;--text: #ffffff;--icon-current: #ffffff;--icon-secondary: #90939b;--github-logo: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;display:flex;justify-content:center;align-items:center;background-color:#f3f3f3;font-family:Inter,Arial,sans-serif;background-color:var(--bg-body);transition:background-color var(--transition-speed) ease}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:3rem;margin-top:1rem}.header{width:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;justify-content:center;color:var(--logo);letter-spacing:1.05px;font-weight:300}.logo .logo-url a{font-family:Inter,serif;margin-left:.25rem;font-weight:500;text-decoration:none;text-decoration-color:inherit;color:inherit;animation:var(--animate-pulse)}.logo-url:hover{cursor:pointer}.theme-toggle{display:flex;align-items:center;align-self:flex-end;justify-content:space-around;gap:1rem;width:90px;height:40px;background-color:var(--toggle-bg);border-radius:1rem;padding:0 10px;position:relative;cursor:pointer;transition:background-color var(--transition-speed) ease}.icon svg{display:flex;align-items:center;justify-content:center;transition:color var(--transition-speed) ease}.icon:hover{cursor:pointer}.sun{color:var(--icon-secondary)}.moon{color:var(--icon-current)}.calculator{width:320px;background-color:var(--bg-primary);border-radius:2rem;padding-top:30px;box-shadow:0 10px 20px #0003;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.display{padding:1rem 0;margin:0 1.5rem;text-align:right;color:var(--text);background-color:var(--display-bg);border-radius:10px;margin-bottom:20px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.previous-op{font-size:1.2rem;opacity:.7;min-height:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.current-op{font-size:2.5rem;margin-top:1rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none;text-overflow:clip;height:min-content}.keypad{display:grid;padding:2rem 1rem;background-color:var(--calculator-bg);grid-template-columns:repeat(4,1fr);border-radius:2rem;gap:10px;transition:background-color var(--transition-speed) ease}.button{padding:15px;font-size:1.5rem;border:none;border-radius:10px;background-color:var(--button-bg);color:var(--text);cursor:pointer;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,opacity var(--transition-speed) ease}.button.arithmetic.control{color:var(--text-control)}.button:hover{opacity:.8;cursor:pointer}.button.control{color:var(--text-control)}.button.arithmetic{color:var(--text-arithmetic)}.github-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;align-self:flex-end;margin-right:2px}.github-logo svg{width:100%;height:100%;fill:var(--github-logo);filter:invert(-1);animation:var(--animate-pulse)}@keyframes pulse{50%{opacity:.5}}@media screen and (min-width: 768px){.header{position:absolute;top:2rem;left:0;right:0;padding:0 3rem}.logo .logo-url a:hover{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:5px;text-decoration-thickness:2px;transition:text-underline-offset .3s ease,text-decoration-color .3s ease}.calculator-container{margin-top:2rem}.github-logo{position:absolute;bottom:2rem;right:3rem;width:36px;height:36px}}@media screen and (min-width: 1440px){.logo{font-size:1.3rem}.theme-toggle{width:120px;height:52px}.theme-toggle .icon svg{height:26px;width:26px}.calculator{width:440px}.button{padding:22px;font-size:2rem}.display{padding:1.6rem 0}.current-op{font-size:3.2rem}.previous-op{font-size:1.5rem}.github-logo{width:44px;height:44px}}