*{box-sizing:border-box}body{margin:0;background:#0b1019;color:#edf7ff;font-family:system-ui}main{width:min(600px,calc(100% - 30px));margin:auto;padding:30px 0 60px}a{color:#79d6ff}header p{color:#79d6ff;font-size:.75rem;letter-spacing:.12em;font-weight:800}h1{font-size:clamp(3rem,12vw,6rem);letter-spacing:-.08em;margin:.1em 0}.calc{padding:20px;border:1px solid #29445a;border-radius:24px;background:#111c28}output{display:block;min-height:80px;padding:15px;border-radius:14px;background:#071018;color:#9bffbd;text-align:right;font:900 clamp(2rem,9vw,4rem)/1.1 ui-monospace,monospace;overflow:auto}#status{min-height:1.5em;color:#ffb4bd}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.keys button{min-height:58px;border:1px solid #31526e;border-radius:12px;background:#183047;color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer}.keys button:hover,.keys button:focus-visible{border-color:#79d6ff;background:#224968}.keys .equals{background:#9bffbd;color:#062014}h2{font-size:1rem;margin-top:28px;color:#9bffbd}li{color:#b8c8d6;margin:7px 0}