:root{--ink:#14181f;--muted:#5f6b7a;--line:#e3e7ed;--bg:#f6f7f9;--accent:#1c5dd8;--good:#0f7a4d;--warn:#a76a00;--bad:#c02828}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.page{max-width:1040px;margin:0 auto;padding:48px 20px 64px}.header h1{letter-spacing:-.02em;margin:0 0 12px;font-size:2rem}.header p{color:var(--muted);max-width:620px;margin:0 0 36px}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 20px;font-size:.8rem}.field{margin-bottom:20px}.field:last-child{margin-bottom:0}.field label{margin-bottom:6px;font-size:.94rem;font-weight:600;display:block}.hint{color:var(--muted);font-size:.82rem;font-weight:400;display:block}.input-wrap{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1c5dd81f}.affix{color:var(--muted);padding:0 12px;font-size:.94rem}.input-wrap input{border:none;outline:none;flex:1;width:100%;min-width:0;padding:11px 8px;font-family:inherit;font-size:1rem}.metric{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;display:flex}.metric:last-child{border-bottom:none}.metric-label{color:var(--muted);font-size:.92rem}.metric-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:700}.metric.primary{border-bottom:none;padding-top:0}.metric.primary .metric-value{letter-spacing:-.02em;font-size:2.4rem}.verdict{border-radius:7px;margin-bottom:8px;padding:12px 14px;font-size:.92rem}.verdict.good{color:var(--good);background:#e8f5ee}.verdict.warn{color:var(--warn);background:#fdf3e0}.verdict.bad{color:var(--bad);background:#fceaea}.verdict.neutral{color:var(--muted);background:#f0f2f5}.explainer{max-width:720px;margin-top:48px}.explainer h2{margin-bottom:4px;font-size:1.3rem}.explainer h3{margin:28px 0 6px;font-size:1.02rem}.explainer p{color:#3c4654;margin:0}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding-top:20px;font-size:.85rem}@media (width<=760px){.grid{grid-template-columns:1fr}.page{padding:32px 16px 48px}.header h1{font-size:1.6rem}.metric.primary .metric-value{font-size:2rem}}