*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1c1c1e;min-height:100vh;display:flex;align-items:center;justify-content:center}.calculator-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.calculator{background:#1c1c1e;border-radius:24px;overflow:hidden;width:320px;box-shadow:0 30px 80px #000000b3}.display{padding:20px 24px 12px;text-align:right;min-height:120px;display:flex;align-items:flex-end;justify-content:flex-end}.display-value{color:#fff;font-size:72px;font-weight:300;letter-spacing:-2px;line-height:1;word-break:break-all;transition:font-size .1s ease}.display-value:has-text-long{font-size:48px}.keypad{padding:8px 16px 20px;display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px}.btn{flex:1;height:72px;border:none;border-radius:50%;font-size:28px;font-weight:400;cursor:pointer;transition:filter .1s ease,transform .08s ease;outline:none;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.93);filter:brightness(1.3)}.btn-function{background:#a5a5a5;color:#1c1c1e}.btn-function:hover{filter:brightness(1.1)}.btn-operator{background:#ff9f0a;color:#fff}.btn-operator:hover{filter:brightness(1.1)}.btn-operator.active{background:#fff;color:#ff9f0a}.btn-number{background:#333;color:#fff}.btn-number:hover{filter:brightness(1.15)}.btn-equals{background:#ff9f0a;color:#fff}.btn-equals:hover{filter:brightness(1.1)}.btn-zero{flex:none;width:156px;border-radius:36px;justify-content:flex-start;padding-left:28px}