:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background:linear-gradient(120deg,#dbeafe,#e0e7ff)}*{box-sizing:border-box}.page{min-height:100vh;display:grid;place-items:center;padding:1rem}.calculator{width:min(360px,100%);background:#111827;color:#f9fafb;border-radius:18px;padding:1rem;box-shadow:0 18px 50px #11182759}h1{font-size:1.1rem;margin:0 0 .8rem;text-align:center}.display{background:#030712;border-radius:12px;padding:.9rem;margin-bottom:.9rem;min-height:90px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.expression{color:#9ca3af;text-align:right;min-height:1.5rem;word-break:break-all}.result{text-align:right;font-size:1.9rem;font-weight:700;word-break:break-all}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}button{border:none;border-radius:10px;padding:.8rem;font-size:1.05rem;cursor:pointer;background:#1f2937;color:#f9fafb}button:hover{background:#374151}.equals{grid-column:span 2;background:#2563eb}.equals:hover{background:#1d4ed8}