*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#162a43;font:16px system-ui,-apple-system,sans-serif}header{background:#0e1d31;color:white;padding:18px max(20px,calc((100vw - 1080px)/2))}a{color:#087f88}header a{color:#a7e9e3;text-decoration:none}main{max-width:1080px;margin:32px auto;padding:0 20px 70px}h1{font-size:clamp(26px,4vw,38px);margin-bottom:8px}.muted{color:#617184}.panel{background:white;border:1px solid #dce5ee;border-radius:16px;padding:22px;margin:20px 0;box-shadow:0 3px 16px #142d4510}.inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}label{font-size:13px;font-weight:650;display:block}input{display:block;width:100%;border:1px solid #b8c8d7;border-radius:9px;padding:11px;font:inherit;margin-top:6px}input:focus{outline:2px solid #159a9a}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.metric{background:#eff8f8;border-radius:12px;padding:16px}.metric strong{display:block;font-size:23px;margin-top:8px}.metric span{font-size:12px;color:#49616b}.pos{color:#087d5d}.neg{color:#b83a3a}button{background:#087f88;color:white;border:0;padding:11px 16px;border-radius:9px;cursor:pointer}canvas{width:100%;height:320px;display:block}.note{font-size:13px;line-height:1.6;color:#556577}.error{color:#ae2929;font-weight:600}.pill{background:#e7f2f3;padding:4px 9px;border-radius:8px;font-size:12px}footer{font-size:13px;color:#617184;margin-top:28px}