*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,BlinkMacSystemFont,Helvetica Neue,sans-serif;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;margin:0;background:#000}#app{max-width:480px;margin-inline:auto}.calculator{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100dvh;padding:0;margin:0;background:#000;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.calculator:before{content:"";position:absolute;top:30%;left:50%;width:120%;height:60%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,159,10,.06) 0%,rgba(255,255,255,.02) 40%,transparent 70%);pointer-events:none;z-index:0}.calculator-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.calculator-body{width:100%;max-width:400px;padding:0 14px 40px;display:flex;flex-direction:column;position:relative;z-index:1}.display{text-align:right;padding:20px 20px 16px;min-height:110px;display:flex;flex-direction:column;justify-content:flex-end}.display-expression{font-size:1.125rem;color:#ffffff73;min-height:1.5rem;font-weight:400;letter-spacing:.01em}.display-value{font-size:3.75rem;font-weight:300;color:#fff;line-height:1.15;word-break:break-all;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.btn{aspect-ratio:1;border:none;border-radius:50%;font-size:1.5rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;letter-spacing:-.01em;padding:0;background:#ffffff14;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);color:#fff;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 2px 8px #0000004d;border:.5px solid rgba(255,255,255,.08)}.btn:active{opacity:.7;transform:scale(.96)}.btn-clear,.btn-utility{background:#ffffff47;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);color:#000;font-size:1.3rem;font-weight:500;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #00000014,0 2px 8px #0003;border:.5px solid rgba(255,255,255,.18)}.btn-clear:active,.btn-utility:active{opacity:.7;transform:scale(.96)}.btn-operator{background:#ff9f0ad9;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);color:#fff;font-size:1.6rem;font-weight:500;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #00000026,0 2px 12px #ff9f0a4d;border:.5px solid rgba(255,200,100,.2)}.btn-operator:active{opacity:.7;transform:scale(.96)}.btn-equals{background:#ff9f0ad9;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);color:#fff;font-size:1.75rem;font-weight:500;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #00000026,0 2px 12px #ff9f0a4d;border:.5px solid rgba(255,200,100,.2)}.btn-equals:active{opacity:.7;transform:scale(.96)}.btn-zero{grid-column:span 2;aspect-ratio:auto;border-radius:999px;min-height:72px;justify-content:flex-start;padding-left:28px}@media(prefers-color-scheme:dark){.calculator{background:#000}}.history-page{display:flex;flex-direction:column;align-items:center;min-height:100dvh;background:#000;color:#fff;padding:0;margin:0;-webkit-user-select:none;user-select:none}.history-page-body{width:100%;max-width:400px;padding:32px 14px 40px;display:flex;flex-direction:column}.history-page-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;border-bottom:.5px solid rgba(255,255,255,.08)}.history-page-title{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em;margin:0}.history-clear-btn{background:#ffffff1a;border:none;border-radius:8px;color:#ff9f0ae6;font-size:.9rem;font-weight:500;padding:6px 12px;cursor:pointer;transition:opacity .15s ease}.history-clear-btn:disabled{opacity:.3;cursor:default}.history-clear-btn:not(:disabled):active{opacity:.6}.history-list{display:flex;flex-direction:column;padding:8px 0}.history-entry{display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:12px 8px;text-align:right;border-bottom:.5px solid rgba(255,255,255,.05)}.history-expression{font-size:.9rem;color:#ffffff73;font-weight:400}.history-result{font-size:1.5rem;color:#fff;font-weight:300;font-variant-numeric:tabular-nums}.history-empty{text-align:center;color:#ffffff4d;font-size:.9rem;padding:48px 16px}@media(prefers-color-scheme:dark){.history-page{background:#000}}