:root{font-family:"Segoe UI",system-ui,sans-serif;color:#f6faf9;background:#e9eeec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px}.calculator{background:#182327;width:min(100%,370px);padding:26px;border-radius:28px;box-shadow:0 20px 60px #12251b22}header{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.mark{color:#a9efce;font-size:29px}.private{font-size:12px;color:#b9c9c5;margin-left:auto;font-weight:400}.screen{height:152px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;overflow:hidden}.screen p{font-size:13px;color:#a6bbb4;margin:0 0 10px}output{max-width:100%;font-size:clamp(28px,9vw,48px);letter-spacing:-2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}button{font:500 23px/1 "Segoe UI",sans-serif;min-height:61px;border:0;border-radius:16px;background:#2b373b;color:#fff;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.2)}button:active{transform:scale(.95)}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.operator{background:#354e46;color:#b3f7d5}.utility{background:#3f4a4e;color:#f3f7f6;font-size:20px}.equals{background:#b5f5d7;color:#172d23}footer{text-align:center;color:#adbfba;font-size:12px;margin:23px 0 0}@media(max-width:380px){body{padding:8px}.calculator{padding:18px}button{min-height:56px}}