h2{margin:0 0 12px;font-size:19px;line-height:1.3}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important}
.small{font-size:14px}
.r{text-align:right}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.presets{margin:16px 0}
.hint{margin:12px 0 0}
.hint:empty{display:none}
.calc{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}
.out{display:grid;gap:16px;min-width:0}
.block{margin-top:16px}
fieldset{border:0;margin:0 0 18px;padding:0;min-width:0}
fieldset:last-child{margin-bottom:0}
legend{padding:0;margin:0 0 10px;font-size:14px;font-weight:600;color:var(--muted)}
.fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.field{min-width:0}
.field label{display:block;margin-bottom:4px}
.field.wide{grid-column:1/-1}
.check{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.check input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--brand)}
.check label{margin:0}
.check-field{display:flex;align-items:flex-end}
.check-field .check{margin:0;min-height:42px}
.big{margin:0 0 8px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.big b{font-size:40px;line-height:1.1;overflow-wrap:anywhere}
.big span{color:var(--muted)}
.facts{margin:0}
.facts div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--edge);font-size:14px}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--muted);flex:0 0 auto;max-width:45%}
.facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
.modes{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.modes li{border:1px solid var(--edge);border-radius:10px;padding:6px 4px;text-align:center;font-size:13px;line-height:1.35}
.modes li span{display:block;color:var(--muted)}
.modes li b{font-size:15px;overflow-wrap:anywhere}
.modes li.on{background:var(--chip);border-color:var(--chip-edge);color:var(--chip-ink)}
.modes li.on span{color:var(--chip-ink)}
.note p{margin:0 0 10px}
.note p:last-child{margin-bottom:0}
.note code{overflow-wrap:anywhere}
.tag{display:inline-block;padding:0 7px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;vertical-align:1px;white-space:nowrap}
.tag.warn{color:var(--warn)}
.tag.good{color:var(--good)}
.tag.bad{color:var(--bad)}
.neg{color:var(--bad)}
.err{margin:0;padding:10px 12px;border:1px solid var(--bad);border-radius:10px;color:var(--bad);font-weight:600}
#time-err{margin-top:12px}
.err[hidden]{display:none}
#infl table{font-size:14px}
#infl th[scope=row]{font-weight:600;color:var(--ink);font-size:14px}
.code{margin:0;padding:14px;background:var(--bg2);border:1px solid var(--edge);border-radius:10px;font:13px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
@media (min-width:960px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media (max-width:420px){th,td{padding:8px 5px}.modes li{font-size:12px}}
input[aria-invalid=true]{border-color:var(--bad)}