*{box-sizing:border-box}body{margin:0;background:#f2f3f5;color:#202124;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.app{padding:20px 12px;display:flex;justify-content:center}.card{width:100%;max-width:1000px;background:white;border-radius:16px;padding:24px;box-shadow:0 12px 32px #00000012}.brand{display:flex;gap:14px;align-items:center;margin-bottom:22px}.mark{background:#c51e2e;color:white;font-weight:900;font-size:21px;border-radius:10px;padding:15px 11px}h1{font-size:1.42rem;margin:0}h1 small{font-size:.72rem;color:#777}.subtitle{color:#747780;margin:4px 0 0;font-size:.9rem}.inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}label{font-size:.9rem;font-weight:700;display:block}input{display:block;margin-top:7px;width:100%;border:1px solid #d4d7db;border-radius:10px;padding:12px;font:inherit;font-weight:500}input:focus{outline:2px solid #f4b5bd;border-color:#c51e2e}details{border:1px solid #e3e4e7;border-radius:12px;margin:10px 0 18px;padding:13px 15px;background:#fafafa}summary{cursor:pointer;font-weight:750}details .inputs{margin-top:16px}.hint{color:#70757a;font-size:.8rem;line-height:1.5}.primary{width:100%;background:#171717;color:white;border:0;border-radius:11px;padding:14px;font-size:1rem;font-weight:750;cursor:pointer}.primary:hover{background:#c51e2e}#status{font-size:.88rem;color:#9b1c2a;min-height:1.1em}.result{border:1px solid #e2e4e7;border-radius:14px;margin:20px 0;padding:18px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.result-head h2{font-size:1.07rem;margin:0}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.metric{background:#f6f6f7;border-radius:9px;padding:10px 13px;font-size:.83rem}.metric strong{display:block;font-size:1.25rem;color:#c51e2e}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:15px;align-items:start}.tablewrap{max-height:520px;overflow:auto;border:1px solid #e5e7eb;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{padding:8px 6px;text-align:center;border-bottom:1px solid #ececec}th{position:sticky;top:0;background:#f6f6f7;font-size:.76rem}tr.fit{background:#fff0f2}.chartwrap{min-width:0;overflow-x:auto}svg.chart{width:100%;min-width:480px;height:auto;display:block}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{border:1px solid #d6d8dc;border-radius:8px;background:#fff;padding:9px 12px;cursor:pointer;font-weight:650}.actions button:hover{border-color:#c51e2e}.note{font-size:.76rem;color:#7a7d82;margin:12px 0 0}@media(max-width:750px){.layout{grid-template-columns:1fr}.inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px}.brand{align-items:flex-start}h1{font-size:1.2rem}}

/* v1.2: emphasise calculated result, keep secondary diagnostics compact */
.metrics{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.metric-main{min-width:190px;text-align:center;padding:13px 20px;background:#f7f7f8;font-size:.88rem}.metric-main strong{font-size:2.4rem;line-height:1.25;letter-spacing:-.035em}.metric-secondary{display:flex;gap:8px;flex-wrap:wrap}.metric-secondary .metric{padding:8px 11px;font-size:.72rem;color:#666}.metric-secondary .metric strong{font-size:.99rem;color:#555;margin-top:3px}.result{padding:15px}.tablewrap{max-height:430px}.layout{gap:12px}@media(max-width:750px){.metric-main{width:100%}.metric-secondary{width:100%;justify-content:space-between}.metric-secondary .metric{flex:1;text-align:center}}