*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{width:100%;overflow:hidden;background:#000;font-family:-apple-system,SF Pro Display,Helvetica Neue,sans-serif;touch-action:none;-ms-touch-action:none;overscroll-behavior:none}body{height:var(--app-height, 100vh);display:flex;justify-content:center}#root{max-width:430px;width:100%;height:var(--app-height, 100vh);overflow:hidden}.calculator{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;background:#000;padding-top:env(safe-area-inset-top,0);padding-bottom:0;overflow:hidden;touch-action:none}@media all and (display-mode:standalone){.calculator{padding-bottom:env(safe-area-inset-bottom,0)}}.display{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:0 28px 16px;min-height:100px;overflow:hidden;position:relative}.display-operator{color:#ffffff80;font-size:28px;font-weight:300;text-align:right;line-height:1;margin-bottom:8px;min-height:28px}.display-text{color:#fff;font-weight:300;line-height:1;text-align:right;max-width:100%;word-break:break-all;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 12px 12px}.btn{border:none;border-radius:50%;font-size:34px;font-weight:400;font-family:-apple-system,SF Pro Display,Helvetica Neue,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1;-webkit-tap-highlight-color:transparent;outline:none;transition:none;position:relative;touch-action:none}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff0;transition:background .1s;pointer-events:none}.btn:active:after{background:#ffffff40}.btn-digit,.btn-zero{background:#333;color:#fff}.btn-func{background:#a5a5a5;color:#000;font-size:28px}.btn-func:active:after{background:#fff6}.btn-op{background:#ff9f0a;color:#fff;font-size:40px;font-weight:300;padding-bottom:4px}.btn-op:active:after{background:#ffffff4d}.btn-equals{background:#ff9f0a;color:#fff;font-size:40px;font-weight:300;padding-bottom:4px}.btn-equals:active:after{background:#ffffff4d}.btn-zero{grid-column:span 2;border-radius:999px;aspect-ratio:auto;justify-content:flex-start;padding-left:28px}@media screen and (max-height:680px){.btn{font-size:26px}.btn-func{font-size:22px}.btn-op,.btn-equals{font-size:32px}.buttons{gap:8px;padding:0 8px 8px}.display{padding:0 16px 8px;min-height:80px}}@media screen and (min-height:780px){.buttons{gap:14px;padding:0 14px 20px}.btn{font-size:36px}.btn-func{font-size:30px}.btn-op,.btn-equals{font-size:42px}}@media screen and (min-height:900px){.buttons{gap:14px;padding:0 16px 28px}.display{padding:0 30px 20px}}