:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.App{text-align:center}.calculator{background:linear-gradient(135deg,#ff7e5f,#feb47b);border-radius:15px;box-shadow:0 10px 20px #0003;padding:2rem;width:320px;transition:transform .3s ease}.display{font-size:2.5em;margin-bottom:20px;padding:15px;border:none;border-radius:10px;background-color:#fff;color:#333;text-align:right;box-shadow:inset 0 2px 4px #0000001a}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.calculator-button{background-color:#2b2727;border:none;border-radius:10px;padding:20px;font-size:1.5em;color:#fff;cursor:pointer;transition:all .3s ease}.calculator-button:hover{background-color:#524646;transform:translateY(-3px)}.calculator-button:active{background-color:#7e6969;color:#333;transform:translateY(0)}