/* ===== КАЛЬКУЛЯТОРЫ: результат ===== */
.readout-lbl{font:500 11.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.big{font:900 clamp(52px,6.2vw,92px)/.95 var(--f-disp);letter-spacing:-.02em;display:flex;align-items:baseline;gap:8px;color:#fff;text-shadow:0 0 40px rgba(236,232,221,.25);font-variant-numeric:tabular-nums}
.big small{font-size:.4em;color:var(--mute);text-shadow:none}
.lines{list-style:none;margin:0;padding:0;width:100%;font:500 13px var(--f-mono)}
.lines li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px dashed var(--edge2);color:var(--text2)}
.lines li span:last-child{color:var(--bone);white-space:nowrap}
.lines li.neg span:last-child{color:var(--ok)}
.hint{width:100%;display:none;padding:14px 16px;border:1px solid rgba(255,61,46,.5);background:rgba(255,61,46,.08);font-size:14px;line-height:1.5;color:var(--bone);border-radius:3px}
.hint.on{display:block}
.hint b{color:#fff}
.hint .btn{margin-top:10px}
.cmp{width:100%;display:grid;gap:10px}
.bar{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;font:500 12px var(--f-mono);color:var(--text2)}
.bar i{display:block;height:8px;background:rgba(255,255,255,.28);transition:width .5s}
.bar.best i{background:var(--bone)}
.bar.best{color:var(--bone)}
.save{font:700 clamp(18px,2vw,24px) var(--f-disp);text-transform:uppercase;color:var(--ok)}
.msg{margin:12px 0 0;font-size:14px}
.msg.ok{color:var(--ok)}.msg.warn{color:#ffb4a8}
.honest{margin:14px 0 0;font-size:12.5px;color:var(--mute);line-height:1.5}
.summary{white-space:pre-wrap;font:400 13px/1.55 var(--f-mono);color:var(--text2);padding:14px;border:1px dashed var(--edge2);background:rgba(0,0,0,.35);border-radius:3px;max-height:220px;overflow:auto}
.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.preset{padding:24px}
.preset.hot{border-color:rgba(255,61,46,.6)}
.preset .tag{font:500 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.preset h3{font-size:22px;margin:10px 0 6px}
.preset .pr{font:900 clamp(34px,3.6vw,48px) var(--f-disp);margin-bottom:10px}
.preset p{margin:0;color:var(--text2);font-size:14.5px}
.preset .btn{margin-top:20px}
.bd{margin-top:14px}
.bd .pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}