html,body{min-height:0!important;margin:0;background:transparent!important}#embed{--bg: #161616;--layer: #262626;--layer2: #393939;--border: #393939;--t1: #f4f4f4;--t2: #c6c6c6;--t3: #8d8d8d;--blue: #4589ff;--link: #78a9ff;--amber: #ff832b;margin:0 auto;background:var(--bg);color:var(--t1);font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#embed *,#embed *:before,#embed *:after{box-sizing:border-box}#app{display:grid;grid-template-rows:48px auto;grid-template-columns:400px 1fr;grid-template-areas:"head head" "panel stage"}header{grid-area:head;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.wordmark{font-size:14px;font-weight:500}.hed{font-size:13px;color:var(--t3)}#stage{grid-area:stage;position:relative;min-width:0;min-height:540px;overflow:hidden}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#c:active{cursor:grabbing}.hint{position:absolute;right:16px;bottom:12px;font-size:12px;color:var(--t3);pointer-events:none;transition:opacity .6s}.nogl{padding:24px;color:var(--t2)}#panel{grid-area:panel;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.copy{flex:1;padding:28px 24px 16px 20px}h2{font-size:26px;line-height:1.25;font-weight:300;margin:0 0 16px;letter-spacing:-.01em}.copy p{margin:0 0 12px;color:var(--t2)}.copy p.note{font-size:13px;color:var(--t3)}blockquote{margin:16px 0;padding:2px 0 2px 14px;border-left:2px solid var(--blue);color:var(--t1)}blockquote cite{display:block;font-style:normal;color:var(--t3);font-size:13px;margin-top:6px}.control{margin:14px 0 8px}.control label{display:flex;justify-content:space-between;font-size:13px;color:var(--t2);margin-bottom:6px}.control input[type=range]{width:100%;accent-color:var(--blue);margin:0}.readout{font-size:13px;color:var(--t2)}.readout span{color:var(--amber)}.legend{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t3);margin-top:14px}.legend i{flex:1;height:8px;background:linear-gradient(90deg,#1a1f4d,#4589ff,#ffd166,#ff6b3d)}nav{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}nav button{font:inherit;font-size:14px;color:var(--t1);background:none;border:1px solid transparent;padding:8px 12px;cursor:pointer;border-radius:0}nav button:hover{background:var(--layer)}nav button:disabled{color:var(--t3);cursor:default;background:none}nav button:focus-visible,.steps b:focus-visible{outline:2px solid #fff;outline-offset:-2px}.steps{flex:1;display:flex;gap:4px;margin:0 8px}.steps b{flex:1;height:3px;background:var(--layer2);cursor:pointer;display:block}.steps b.on{background:var(--blue)}.count{color:var(--t3);font-size:13px;min-width:40px;text-align:right}@media(max-width:760px){#app{grid-template-rows:48px 380px auto;grid-template-columns:1fr;grid-template-areas:"head" "stage" "panel"}#stage{min-height:0}#panel{border-right:0;border-top:1px solid var(--border)}.copy{padding:18px 16px 10px}h2{font-size:22px;margin-bottom:12px}.hed{display:none}}