body{font-family:system-ui,Arial;margin:0;background:#f6f7fb;color:#172033}.wrap{max-width:1050px;margin:auto;padding:24px}.card{background:#fff;border:1px solid #dde3ec;border-radius:16px;padding:22px;box-shadow:0 8px 25px #0000000a}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-weight:650;margin-bottom:6px}.field input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #bcc7d6;border-radius:9px}.actions{margin:18px 0;display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:#185adb;color:white}.secondary{background:#e9eef7}.result{margin-top:18px;padding:18px;background:#eef6ff;border-radius:12px}.big{font-size:2rem;font-weight:800}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.note{font-size:.92rem;color:#526175}.crumb{margin-bottom:16px;color:#526175}.formula{background:#f8fafc;padding:12px;border-left:4px solid #185adb}@media(max-width:700px){.grid,.details{grid-template-columns:1fr}.wrap{padding:14px}}@media(prefers-color-scheme:dark){body{background:#10141c;color:#edf3ff}.card{background:#171d27;border-color:#303b4a}.field input{background:#111720;color:#fff;border-color:#465267}.secondary{background:#303b4a;color:#fff}.result,.formula{background:#202938}}