:root{color-scheme:dark;--bg:#071117;--panel:#0c1a23;--line:#203740;--ink:#e4efed;--muted:#92aaaF;--aqua:#81dcc7;--gold:#e6ba77;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 10%,#15313b 0,transparent 48%),var(--bg);color:var(--ink)}main{max-width:1280px;padding:42px 36px 30px;margin:auto}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.back{font-size:11px;color:var(--aqua);letter-spacing:2px;text-decoration:none}h1{font-size:clamp(30px,4vw,46px);font-weight:500;letter-spacing:-1.8px;margin:15px 0 8px}.intro{color:var(--muted);margin:0;font-size:17px}.badge{border:1px solid #46625a;border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:1.5px;color:var(--aqua);margin-top:5px}.overview{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:28px}.overview>div{border-right:1px solid var(--line);padding-left:25px}.overview>div:first-child{padding-left:0}.overview>div:last-child{border:0}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.5px}.overview strong{display:block;font-weight:400;font-size:25px;font-variant-numeric:tabular-nums;margin-top:8px}.workspace{display:grid;grid-template-columns:266px minmax(0,1fr);gap:34px}.controls{padding:20px;background:#0c1920;border:1px solid var(--line);border-radius:12px}h2{font-size:16px;font-weight:500;letter-spacing:-.2px;margin:0 0 14px}.controls h2{font-size:14px}.controls label{display:block;color:#bacfce;font-size:12px;margin:17px 0 9px}.controls output{float:right;color:var(--aqua);font-variant-numeric:tabular-nums}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 10px}.controls input[type=range]{display:block;width:100%;accent-color:var(--aqua);margin:0;min-height:20px}.controls .checkbox{display:flex;align-items:center;gap:8px}.checkbox input{accent-color:var(--aqua)}select,button{font:inherit;font-size:12px;border-radius:6px;min-height:37px;border:1px solid #37505a;color:var(--ink);background:#11242e;padding:8px 10px}select{max-width:100%}.controls select{width:100%}button{cursor:pointer;transition:background .15s}button:hover{background:#244552}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.primary{color:#08221f;background:var(--aqua);border-color:var(--aqua);font-weight:600}.primary:hover{background:#aff5e4}.secondary{background:transparent}.controls #pulse{width:100%;margin-top:9px}.rule{height:1px;background:var(--line);margin:22px 0}.run-controls{display:flex;gap:9px}.run-controls .primary{flex:1}.results{padding-top:9px;min-width:0}.plot-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.plot-heading h2{font-size:23px;letter-spacing:-.7px;margin:8px 0}.plot-heading select{min-width:142px}.plot{margin-top:20px;width:100%;background:linear-gradient(180deg,#15323e,#0a1925);border:1px solid #29424c;border-radius:10px;overflow:hidden}.plot svg{display:block;width:100%;height:auto;min-height:390px}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:13px 0 24px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend span:last-child{margin-left:auto;font-size:10px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.control-dot{border:1.5px solid #b0c7ce}.experiment-dot{background:var(--aqua)}.feedback{border-left:2px solid var(--aqua);padding:4px 0 4px 17px;min-height:100px}.feedback p{color:#cee0de;font-size:14px;line-height:1.7;margin:9px 0}#message{color:var(--gold);font-size:12px;min-height:1em}details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;color:var(--muted);font-size:13px}.table-wrap{overflow:auto;margin-top:15px}table{border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;width:100%;text-align:right}caption{text-align:left;margin-bottom:10px;color:var(--muted)}th{color:var(--muted);font-weight:500}td,th{padding:9px 7px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child,th:first-child{text-align:left}footer{font-size:12px;line-height:1.7;color:#839da4;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;max-width:930px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:800px){main{padding:25px 20px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:20px}.plot-heading{display:block}.plot-heading select{margin-top:10px}.overview>div{padding-left:14px}.overview strong{font-size:21px}.overview .eyebrow{font-size:8px}.plot svg{min-height:320px}}
@media(max-width:620px){header{gap:10px}.badge{font-size:8px;padding:7px 9px}.overview{grid-template-columns:1fr 1fr;row-gap:22px}.overview>div:nth-child(3){padding-left:0}.overview>div:nth-child(2){border:0}.workspace{display:flex;flex-direction:column}.results{order:0}.controls{order:1}.plot-heading{display:flex;align-items:flex-start}.plot-heading h2{font-size:19px}.plot-heading select{min-width:100px;max-width:120px;margin:0}.legend{gap:12px}.legend span:last-child{margin:0;width:100%}.plot svg{min-height:290px}.controls{display:block}.intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
a.badge{text-decoration:none;white-space:nowrap}