*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font-family:Tahoma, sans-serif;display:flex;justify-content:center;padding:24px}main{width:min(560px,100%)}h1{color:#f33}.screen{background:#1d1d1d;border-radius:14px;padding:20px;text-align:left;min-height:120px}.screen #expr{color:#aaa;font-size:20px;min-height:35px;overflow-wrap:anywhere}.screen #result{font-size:38px}.modes{display:flex;gap:8px;margin:12px 0}.modes button,.keys button{border:0;border-radius:10px;padding:14px;background:#292929;color:#eee;font-size:18px;cursor:pointer}.modes button.active,.equal{background:#d22!important}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.keys button{min-height:54px}.keys button:hover{filter:brightness(1.3)}#error{color:#ff7777;min-height:28px}@media(max-width:400px){body{padding:12px}.keys{gap:6px}.keys button{padding:10px}}