:root{color-scheme:light;--ink:#172c2d;--muted:#526b6b;--accent:#087c70;--line:#d5e2de;--paper:#f5f8f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:26px 32px 40px}nav,footer{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}a{color:var(--accent)}header{padding:54px 0 28px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:750;color:var(--accent);margin:0 0 8px}h1{font-size:clamp(52px,8vw,82px);letter-spacing:-.07em;line-height:1;margin:10px 0 24px}h1 span{color:var(--accent)}.intro{font-size:22px;max-width:650px;margin:0}.equation{display:flex;align-items:end;gap:14px}label{min-width:0;flex:1}label>span{display:block;font-size:13px;font-weight:650;margin-bottom:7px;color:var(--muted)}input{width:100%;font:inherit;font-size:21px;padding:17px 14px;border:1px solid #b7ccc4;border-radius:10px;background:white;color:var(--ink)}input:focus{outline:3px solid #a4d7c6;outline-offset:2px}.operator{font-size:30px;padding-bottom:10px;color:var(--accent)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid #b7ccc4;background:white;color:var(--ink);padding:9px 15px}button:hover{background:#e4f0e8}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.6}#calculate{background:var(--accent);color:white;border:0;padding:19px 20px;white-space:nowrap;font-weight:650}.hint{font-size:14px;color:var(--muted)}.examples{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:14px;margin:24px 0}.examples>span{margin-right:4px}#message{min-height:27px;color:var(--muted)}#message.error{color:#a53628}#results{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin:8px 0 36px}.result-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.result-head h2{font-size:42px;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}#result-equation{color:var(--muted);margin:4px 0 18px;overflow-wrap:anywhere}.coverage{background:#f4f0df;font-size:14px;padding:12px;border-radius:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:16px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}td,th{padding:11px 10px;border-bottom:1px solid var(--line)}td:first-child{width:55px;color:var(--muted)}td:nth-child(2){overflow-wrap:anywhere}td:last-child{font-variant-numeric:tabular-nums;width:150px}tbody tr:first-child{font-weight:700}.score{background:linear-gradient(90deg,#e4f4ec var(--score),transparent var(--score));border-radius:5px;padding:3px 8px;display:block}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}details p{font-size:15px;color:var(--muted)}#numbers{font:13px/1.5 ui-monospace,monospace;white-space:nowrap}#numbers td{width:auto}.explanation{max-width:820px}.explanation h2{font-size:24px}.explanation>p{color:var(--muted)}footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px}header{padding-top:36px}.equation{flex-wrap:wrap;gap:8px}label{flex:1 1 25%}input{font-size:17px;padding:14px 8px}.operator{font-size:24px}#calculate{width:100%;margin-top:12px;padding:13px}.intro{font-size:19px}nav span{display:none}#results{padding:18px}.result-head h2{font-size:32px}footer{flex-direction:column}td,th{padding:9px 6px}}