*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#1a1a2e}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0f0f1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{max-width:none;padding:0}.calc{width:380px;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px #0009;background:#1c1c1e}.display{padding:20px 22px 14px;text-align:right;min-height:110px;display:flex;flex-direction:column;justify-content:flex-end;background:#1c1c1e}.expr{font-size:13px;color:#636366;min-height:18px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.val{font-size:48px;font-weight:300;color:#fff;letter-spacing:-1.5px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#3a3a3c}.btn{height:64px;font-size:18px;font-weight:400;border:none;cursor:pointer;transition:filter .1s;outline:none;letter-spacing:0}.btn:active{filter:brightness(1.4)}.btn-num{background:#2c2c2e;color:#fff}.btn-num:hover{background:#3a3a3c}.btn-wide{grid-column:span 2;text-align:left;padding-left:26px}.btn-func{background:#505053;color:#fff;font-size:16px}.btn-func:hover{background:#636366}.btn-sci{background:#2c2c2e;color:#9a9aff;font-size:14px}.btn-sci:hover{background:#38383d}.btn-const{background:#2c2c2e;color:#9a9aff;font-size:17px;font-style:italic}.btn-const:hover{background:#38383d}.btn-second{background:#2c2c2e;color:#ff9f0a;font-size:15px;font-weight:600}.btn-second:hover{background:#38383d}.btn-mode{background:#2c2c2e;color:#30d158;font-size:14px;font-weight:500}.btn-mode:hover{background:#38383d}.btn-op{background:#ff9f0a;color:#fff}.btn-op:hover{background:#ffb340}.btn-eq{background:#ff9f0a;color:#fff}.btn-eq:hover{background:#ffb340}.btn-active{background:#fff!important;color:#ff9f0a!important}.btn-second.btn-active{background:#ff9f0a!important;color:#fff!important}