: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:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#ffffff0a;overflow:hidden;box-shadow:0 20px 60px #00000080}.display{padding:1.5rem 1.25rem 1rem;text-align:right;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.expression{font-size:.95rem;color:#fff6;min-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-value{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:#ffffff0f}.btn{border:none;outline:none;cursor:pointer;font-family:inherit;font-size:1.15rem;padding:1.25rem 1rem;background:#ffffff08;color:#fafafa;transition:background .15s ease}.btn:hover{background:#ffffff14}.btn:active{background:#ffffff24}.btn-fn{background:#ffffff0f;color:#ffffffb3;font-size:1rem}.btn-fn:hover{background:#ffffff1a}.btn-op{background:#6366f140;color:#a5b4fc;font-size:1.25rem;font-weight:500}.btn-op:hover{background:#6366f159}.btn-equals{background:#6366f199;color:#fff;font-size:1.25rem;font-weight:600}.btn-equals:hover{background:#6366f1bf}.btn-zero{grid-column:span 2}