:root{--bg-color: #ffffff;--text-main: #000000;--text-secondary: #666666;--btn-bg: #ffffff;--btn-hover: #f2f2f2;--btn-active: #e6e6e6;--btn-text: #000000;--accent-color: #000000;--accent-text: #ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;place-items:center;justify-content:center;width:100vw;overflow:hidden}#root{width:100%;display:flex;justify-content:center;padding:2rem}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.app-container{width:100%;display:flex;justify-content:center}.calculator-wrapper{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px}.display-container{width:100%;text-align:right;padding:0 10px;margin-bottom:20px}.display-value{font-size:5rem;font-weight:500;color:var(--text-main);word-wrap:break-word;line-height:1.1}.keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px}.calc-btn{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--text-main);border-radius:50%;background-color:transparent}.calc-btn:hover{background-color:var(--btn-hover)}.calc-btn:active{background-color:var(--btn-active);transform:scale(.95)}.btn-operator{font-size:2.2rem;font-weight:300}.btn-function{font-size:1.8rem;font-weight:300;color:var(--text-main)}.btn-equals{background-color:var(--text-main);color:var(--bg-color);border-radius:50%}.btn-equals:hover{background-color:#333}.span-two{grid-column:span 2;aspect-ratio:auto;border-radius:40px;justify-content:flex-start;padding-left:35px}