:root{font:15px/1.55 system-ui,sans-serif;color:#203e4a;background:#fff}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:20px}h1{font:600 clamp(23px,3.5vw,32px)/1.2 Georgia,serif;margin:4px 0 10px}h2{font:600 22px/1.3 Georgia,serif;margin:22px 0 4px}p{margin:8px 0 14px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#567582;margin:0}.math{white-space:nowrap;font-family:Georgia,serif}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0}.controls label{display:flex;align-items:center;gap:7px}button,select{font:inherit;color:inherit;border:1px solid #a9bec8;border-radius:5px;padding:6px 10px;background:white}button{cursor:pointer}button:hover{background:#edf4f6}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d68348;outline-offset:3px}input{accent-color:#246f88}#zoom{width:100px}.time-control{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}#time{flex:1;min-width:100px}#time-value{font-variant-numeric:tabular-nums;min-width:95px}#play{min-width:110px;background:#246f88;color:#fff;border-color:#246f88}.plot{border:1px solid #d1dfe5;background:#f6f9fa;border-radius:8px;overflow:hidden}#flow{display:block;width:100%;height:clamp(300px,48vw,500px)}.plot-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px;padding:4px 14px 9px;color:#506d7a;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;font-size:13px;margin-top:10px}.line{display:inline-block;width:24px;border-top:2px solid #246f88}.orange{border-color:#c45b32;border-width:3px}.dashed{border-color:#7b8790;border-top-style:dashed}.parameters{font-size:13px;font-variant-numeric:tabular-nums;background:#f0f5f7;border-radius:5px;padding:9px 12px}.small{font-size:13px;color:#506975}.snapshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.snapshots button{padding:0 0 9px;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:#f6f9fa}.snapshots button[aria-pressed=true]{border:2px solid #246f88;padding-bottom:8px}.snapshots canvas{display:block;width:100%;height:180px}.snapshots span{font-size:12px;color:#526d78}.explanation{margin-top:18px}details{font-size:13px;border-top:1px solid #d1dfe5;padding-top:10px;margin-top:18px}summary{cursor:pointer;font-weight:600}a{color:#146787}#error:empty{display:none}@media(max-width:540px){main{padding:12px}.controls{gap:10px 12px;font-size:13px}.time-control{gap:8px}.time-control label{font-size:13px}#time-value{min-width:76px;font-size:13px}#play{min-width:92px;padding:6px}.snapshots{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshots canvas{height:145px}.plot-caption{font-size:12px}#flow{height:320px}}