:root{--text:#111;--text-sub:#888;--border:#eee;--accent:#000;--accent-light:#f5f5f5;--green:#22c55e;--blue:#3b82f6;--amber:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6}body,input,button{font-size:14px}.container{max-width:960px;margin:0 auto;padding:48px 24px 80px}h1{letter-spacing:-.01em;font-size:24px;font-weight:600}h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-sub);margin-bottom:20px;font-size:13px;font-weight:600}.section{margin-bottom:40px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=700px){.grid-2{grid-template-columns:1fr}}.flex-row{align-items:center;gap:10px;display:flex}.flex-between{justify-content:space-between;align-items:baseline;display:flex}.gap-6{gap:6px}.wrap{flex-wrap:wrap}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}input[type=range]{appearance:none;background:var(--border);border-radius:1px;outline:none;height:2px;transition:background .15s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}input[type=number]{border:1px solid var(--border);text-align:right;width:80px;color:var(--text);background:#fff;border-radius:4px;outline:none;padding:6px 8px;font-size:13px}input[type=number]:focus{border-color:var(--accent)}.label{font-size:13px;font-weight:500}.val{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.val.accent{color:var(--blue)}.val.green{color:var(--green)}.sub{color:var(--text-sub);font-size:11px}.stat-row{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.stat-cell{text-align:center;background:#fff;padding:16px}.stat-cell .num{font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:600}.summary-row{flex-wrap:wrap;gap:16px;display:flex}.summary-item{flex:1;align-items:center;gap:10px;min-width:120px;padding:12px 0;display:flex}.summary-item .si-val{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.chart-wrap{height:280px;margin-top:8px;position:relative}@media (width<=500px){.chart-wrap{height:200px}}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:right;color:var(--text-sub);border-bottom:1px solid var(--border);padding:6px 10px;font-size:11px;font-weight:500}th:first-child{text-align:left}td{text-align:right;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:6px 10px}td:first-child{text-align:left}tr.milestone td{color:var(--green);font-weight:600}td.marker{color:var(--green)}.table-scroll{max-height:360px;overflow-y:auto}.tip{color:var(--text-sub);border:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:13px;line-height:1.7}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-sub);margin-top:80px;padding-top:24px;font-size:13px}.footer a{color:var(--text)}.preset-btn{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:#fff;border-radius:3px;padding:2px 8px;font-size:11px;transition:all .1s}.preset-btn:hover{border-color:var(--accent);color:var(--accent)}.preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.legend{color:var(--text-sub);justify-content:center;gap:16px;margin-top:8px;font-size:12px;display:flex}