:root{color:#eef7f5;background:#061310;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,100% - 32px);margin:auto;padding:48px 0}.eyebrow{color:#55d6be;letter-spacing:.12em;text-transform:uppercase;font-weight:800}h1{letter-spacing:-.05em;margin:6px 0;font-size:clamp(2.2rem,6vw,4.8rem)}h2{margin:4px 0;font-size:1.5rem}.lede,.note{color:#9db8b2;max-width:800px;line-height:1.6}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;display:flex}button,select{color:#eef7f5;font:inherit;background:#0c1e1a;border:1px solid #2b574e;border-radius:8px;padding:10px 13px}button{cursor:pointer;font-weight:750}button:hover,button:focus-visible,select:focus-visible{outline-offset:2px;border-color:#55d6be;outline:2px solid #55d6be55}label{color:#9db8b2;align-items:center;gap:8px;margin-left:auto;font-weight:700;display:inline-flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}article{background:#0c1e1a;border:1px solid #1d3d36;border-radius:10px;min-width:0;padding:14px}article span{color:#799a93;text-transform:uppercase;font-size:.72rem;display:block}article strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;margin-top:6px;display:block;overflow:hidden}canvas{background:#071412;border:1px solid #1d3d36;border-radius:12px;width:100%;display:block}.scenario{background:#091914;border:1px solid #1d3d36;border-radius:12px;margin-top:32px;padding:24px}.scenario .controls{margin:16px 0}button:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){label{width:100%;margin:4px 0 0}}