:root{color-scheme:dark;font:16px/1.45 system-ui;color:#edf5ff;background:#071524}*{box-sizing:border-box}body{margin:0}header,main{max-width:1280px;margin:auto;padding:14px 24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #294359}a{color:#72e6ad}h1{font-size:30px;margin:8px 0 14px}h2{font-size:24px;margin:8px 0}h3{font-size:16px;margin:0}nav,.controls,.presets{display:flex;flex-wrap:wrap;gap:8px}button,input{font:inherit}button{border:1px solid #35536c;background:#142e43;color:#eef6ff;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover,button.selected,button[aria-pressed=true]{border-color:#72e6ad;background:#19453e}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,#chart:focus-visible{outline:2px solid #72e6ad;outline-offset:3px}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;margin-top:22px}aside{padding:18px;background:#102537;border-radius:12px}aside p{margin:12px 0}label{display:block;font-weight:700;margin-top:20px}input[type=range]{width:100%;accent-color:#72e6ad}input[type=number]{width:100%;padding:8px;background:#071524;border:1px solid #35536c;border-radius:6px}#reset{margin-top:20px}.eyebrow{color:#72e6ad;font-size:13px;letter-spacing:.08em}.muted{color:#adc2d3;font-size:14px}.orange{color:#ffbe72}.purple{color:#cda7ff}.metrics{display:flex;gap:30px;margin:10px 0}.metrics strong{color:#ffbe72;font-size:23px;margin-left:8px}#status{min-height:22px;margin:8px 0;color:#72e6ad}#network svg{width:100%;height:225px}#examples{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#examples button{text-align:left;font-size:14px}#examples small{display:block;color:#b9cddd}.chart{margin-top:18px;padding-top:12px;border-top:1px solid #294359}.chart .presets{margin:8px 0}#chart{width:100%;height:auto;display:block;cursor:crosshair}#rateError:empty{display:none}details{margin-top:20px}summary{cursor:pointer;color:#72e6ad} [hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}#examples{grid-template-columns:repeat(2,1fr)}header,main{padding:12px}#network svg{height:auto}}
aside > .presets{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:5px}
aside > .presets button{min-width:0;padding:8px 3px;font-size:14px;white-space:nowrap}
 #comparison{margin-top:24px;padding-top:18px;border-top:1px solid #294359}
 #comparisonChart{width:100%;height:auto;display:block;cursor:crosshair}
 #comparisonChart:focus-visible{outline:2px solid #72e6ad}
#sandbox select{width:100%;font:inherit;padding:8px;border:1px solid #35536c;border-radius:6px;background:#071524}#sandbox button{margin-top:8px}#editLog{max-height:200px;overflow:auto;padding-left:22px;font-size:13px}#currentParameter{font-variant-numeric:tabular-nums}.controls label{margin:0;align-self:center}