:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.calculator{width:320px;border-radius:1rem;overflow:hidden;background:#1c1c1e;box-shadow:0 8px 32px #0009}.display{padding:1.5rem 1.25rem;text-align:right;font-size:2.75rem;font-weight:300;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:80px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;word-break:break-all}.display.medium{font-size:2rem}.display.small{font-size:1.4rem}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:#1c1c1e}.calc-btn{border:none;outline:none;cursor:pointer;font-size:1.35rem;font-family:inherit;padding:1.15rem 0;background:#333336;color:#fafafa;transition:background .1s}.calc-btn:hover{background:#4a4a4d}.calc-btn:active{background:#5a5a5d}.calc-btn.fn{background:#a5a5a5;color:#1c1c1e}.calc-btn.fn:hover{background:#c5c5c5}.calc-btn.fn:active{background:#d5d5d5}.calc-btn.op{background:#ff9f0a;color:#fff}.calc-btn.op:hover{background:#ffb340}.calc-btn.op:active{background:#ffc566}.calc-btn.op.active{background:#fff;color:#ff9f0a}.calc-btn.zero{grid-column:span 2;text-align:left;padding-left:1.6rem}