@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#f5f3ed;background:#18201d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 15% 10%,#314b40 0,transparent 36%),#18201d}.calculator{width:min(100%,420px);padding:28px;border:1px solid #ffffff1c;border-radius:28px;background:#202b27e8;box-shadow:0 24px 70px #00000045}.calculator-header{margin-bottom:24px}.eyebrow{color:#a6d6b6;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1{margin:7px 0 4px;font-size:clamp(27px,8vw,36px);letter-spacing:-.04em}.calculator-header p{margin:0;color:#aebbb5;font-size:14px}.display{min-height:126px;display:flex;flex-direction:column;justify-content:end;align-items:end;gap:9px;padding:20px;margin-bottom:16px;border-radius:17px;background:#101613;overflow-wrap:anywhere}.expression{min-height:18px;color:#82b995;font:14px DM Mono,monospace}output{color:#f7f5ee;font:500 clamp(30px,9vw,43px) "DM Mono",monospace}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}button{min-height:58px;border:1px solid transparent;border-radius:14px;background:#2c3933;color:#f5f3ed;font:600 19px Manrope,sans-serif;cursor:pointer;transition:transform .15s,background .15s}button:hover{background:#3b4b43}button:active{transform:scale(.96)}button:focus-visible{outline:3px solid #a6d6b6;outline-offset:3px}button.utility{color:#b9d8c2;background:#30453b}button.operator,button.equals{background:#c1e8c9;color:#14231b}button.operator:hover,button.equals:hover{background:#d5f2da}button.zero{grid-column:span 2}.hint{margin:19px 0 0;color:#8f9c96;font-size:12px;text-align:center}@media(max-width:600px){.page{place-items:start center;padding-top:16px}}@media(max-width:370px){.calculator{padding:20px;border-radius:22px}.keypad{gap:7px}button{min-height:48px}}@media(prefers-reduced-motion:reduce){button{transition:none}}