:root{--ink:#183c31;--muted:#53645b;--paper:#f5f3ec;--line:#d7ddd3;--accent:#dbe79b;--error:#a52720}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:1280px;margin:auto;padding:30px 36px}a{color:inherit}header{margin-bottom:24px}.brand{font-size:12px;letter-spacing:.12em;text-decoration:none;font-weight:750}.brand span{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;margin:24px 0 7px}h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.045em;margin:0 0 12px}h2{font-size:20px;letter-spacing:-.02em;margin:0}h3{font-size:18px;margin:24px 0 8px}p{margin:8px 0 18px;max-width:80ch}.intro{color:var(--muted);margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}form{padding:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.badge{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 8px}fieldset{min-width:0;border:0;padding:0;margin:0 0 20px}legend{font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:9px}.row-top{display:flex;gap:12px;align-items:end}.row-top label{flex:1}.remove{padding:11px 8px;font-size:12px;background:none;border:0;color:var(--muted)}.row-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.species-label{grid-column:span 2}label{display:grid;gap:5px;font-size:12px;font-weight:650}input,select{width:100%;min-width:0;background:#fafbf8;color:var(--ink);border:1px solid #b7c3b9;border-radius:7px;min-height:44px;font:inherit;font-size:15px;padding:9px 10px}input{font-variant-numeric:tabular-nums}button{cursor:pointer;min-height:44px;border:1px solid #b7c3b9;border-radius:7px;padding:10px 14px;background:#fff;color:var(--ink);font:650 13px system-ui;transition:background .12s,transform .12s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:hover{background:#eef2e7}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#285643}.primary span{margin-left:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.row-basis,.hint{font-size:12px;color:var(--muted);margin:10px 0}.row-basis{padding-left:10px;border-left:2px solid #a8bf74}.results{padding:25px;background:var(--ink);color:#fff}.results select{background:#214a3c;color:#fff;border-color:#5f7c6a}.unit-label{min-width:75px;font-size:10px}.weight-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-block:1px solid #547563;padding:24px 0}.weight-pair>div:last-child{color:var(--accent)}.result-label{display:block;font-size:10px;letter-spacing:.08em}.weight-pair strong{display:block;font-size:clamp(27px,3vw,43px);line-height:1.4;font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.weight-pair small{font-size:13px}.comparison{font-size:12px;color:#c2d3c8;margin:14px 0}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #426351;padding:9px 0;font-size:13px}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#breakdown{font-size:12px;margin-bottom:18px}.result-row{border-bottom:1px solid #426351;padding:12px 0}.result-row strong{display:block}.result-row p{margin:3px 0;color:#d3e0d7;overflow-wrap:anywhere}#copy{width:100%;background:var(--accent);border:0;color:#183c31}#copy-status{min-height:20px;font-size:12px;margin:6px 0}.secondary-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-actions button{font-size:11px;background:transparent;color:#fff;border-color:#5f7c6a}#error{color:var(--error);font-size:13px;margin:8px 0;min-height:0}input[aria-invalid=true]{border-color:var(--error);background:#fff4f1}:focus-visible{outline:3px solid #799530;outline-offset:3px}[hidden]{display:none!important}.guide{margin-top:48px;max-width:1100px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.guide p{color:#394f44;font-size:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}caption{text-align:left;color:var(--muted);font-size:12px;padding:10px 0}td,th{padding:10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{background:#e6eadf}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:650;min-height:30px}details p{margin:15px 0 5px}footer{margin-top:48px;border-top:1px solid var(--line);padding:24px 0;font-size:12px;display:flex;gap:20px;flex-wrap:wrap}footer p{flex-basis:100%;color:var(--muted)}@media(max-width:800px){main{padding:20px 16px}.workspace{grid-template-columns:1fr}.badge{display:none}.results{padding:22px}.method-grid{grid-template-columns:1fr;gap:0}.guide{margin-top:32px}}@media(max-width:440px){form{padding:18px}.row-grid{grid-template-columns:1fr 1fr}.species-label{grid-column:1/-1}.actions button{flex:1}.brand span{display:none}.weight-pair strong{font-size:32px}.row-top{gap:6px}.section-head{align-items:start}.weight-pair{gap:10px}.table-wrap{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{body{background:white}main{padding:0}form,.actions,.secondary-actions,#copy,header .brand,footer{display:none}.workspace{display:block;border:0}.results{background:white;color:black}.results p,.result-row p,.weight-pair>div:last-child{color:black}.unit-label{display:none}.guide{break-inside:avoid}}
@media(max-width:440px){.row-grid label:has(.mode){grid-column:1/-1}}