.calc-wrap{margin:22px 0 30px;border:1px solid #e6e9ef;border-radius:22px;padding:20px;background:linear-gradient(135deg,#f8f5ee,#fff);box-shadow:0 14px 34px #1720330b}.calc-title{display:flex;justify-content:space-between;gap:12px;align-items:end}.calc-title h2{margin:0;font-size:25px}.calc-title p{margin:4px 0 0;color:#687183;font-size:13px}.calc-screen{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:15px}.calc-screen input{min-width:0;border:1px solid #d9dee7;border-radius:12px;padding:13px 14px;font-size:20px;font-weight:700}.calc-result{min-width:150px;border-radius:12px;background:#172033;color:#fff;padding:13px 15px;font-size:20px;font-weight:900;text-align:right}.calc-error{color:#ffd37b}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.calc-key{border:1px solid #d9dee7;background:#fff;border-radius:11px;padding:12px 8px;font:inherit;font-weight:800;cursor:pointer;min-height:45px}.calc-key:hover{background:#fff8e9;border-color:#e4b45a}.calc-action{background:#172033;color:#fff;border-color:#172033}.calc-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.calc-note button{border:0;background:#f0b23d;color:#172033;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}@media(max-width:700px){.calc-screen{grid-template-columns:1fr}.calc-result{text-align:left}.calc-key{min-height:42px;padding:9px 6px}}