:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1e2d2b;background:#f3f7f4}
*{box-sizing:border-box}body{margin:0;line-height:1.5}.wrap{width:min(720px,calc(100% - 32px));margin:auto;padding:28px 0 60px}
h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:6px 0}.tag{font-size:11px;font-weight:800;letter-spacing:1px;color:#377a54}
.card{background:#fff;border:1px solid #e1e9e5;border-radius:16px;padding:24px;margin-top:18px}
label,legend{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}fieldset{border:0;padding:0;margin:0}
input,select{width:100%;min-height:44px;border:1px solid #c7d5d0;border-radius:9px;font:inherit;padding:9px 11px}
.opt{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #d4e1d9;border-radius:9px;margin:6px 0;font-weight:500;cursor:pointer}
.opt input{width:auto;min-height:0}
button{border:0;border-radius:8px;background:#276845;color:#fff;font:700 15px system-ui;padding:12px 18px;cursor:pointer;margin-top:18px}
.result{background:#182d39;color:#fff}.big{font-size:38px;font-weight:800;letter-spacing:-1px}
.error{background:#fff0ed;border:1px solid #e3a7a1;color:#9a2c21;padding:9px;border-radius:7px;font-size:14px}
.warn{color:#f6c36b}.note{font-size:12px;color:#66766d;margin-top:20px}