:root{color-scheme:light dark;--bg:light-dark(#f7f9fc,#171a20);--fg:light-dark(#152338,#edf2fa);--panel:light-dark(#fff,#20252e);--muted:light-dark(#54647b,#a5b2c6);--border:light-dark(#d7deea,#3c4656);--grid:light-dark(#e5eaf2,#303847);--one:light-dark(#136bb5,#7fc6ff);--two:light-dark(#8050b4,#c6a1f2);--three:light-dark(#167d6c,#79d6bc);--four:light-dark(#b55a13,#ffc080);--error:light-dark(#b02538,#ffa0aa);font:16px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--fg)}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:22px}header{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:18px}h1{font-size:1.35rem;margin:0;font-weight:600}h2{font-size:.9rem;font-weight:600;margin:0 0 12px}.subtitle,.note{color:var(--muted);font-size:.875rem}p.note{margin:10px 0 0}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:7px;padding:7px 12px;color:var(--fg);background:var(--panel);cursor:pointer}button:hover{border-color:var(--one)}button[aria-pressed=true],button.primary{background:var(--fg);color:var(--bg)}button.quiet{padding:5px 9px;font-size:.875rem}input:not([type=range]){background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:7px 8px;min-width:0;width:100%}input[type=range]{accent-color:var(--one);width:100%;margin:0;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--one);outline-offset:3px}.builder{display:grid;grid-template-columns:minmax(0,1fr) 145px 240px;gap:12px;align-items:stretch}.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:14px;min-width:0}.equation-row{padding:10px 0;border-top:1px solid var(--border)}.equation-row:first-child{border-top:0;padding-top:0}.row-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;margin-bottom:6px}.row-title{display:flex;gap:7px;align-items:center}.color-dot{width:9px;height:9px;border-radius:50%;background:var(--series)}.remove{font-size:.8rem;padding:2px 7px}.row-fields{display:grid;grid-template-columns:minmax(100px,1fr) 75px 75px;gap:8px;align-items:end}.row-fields label{font-size:.8rem;color:var(--muted)}.row-fields input{font-size:.95rem}.tokens{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:7px;font-size:.95rem}.number-token{padding:3px 7px;font:inherit;border:1px solid transparent;background:var(--bg);color:var(--fg)}.number-token[aria-pressed=true]{color:var(--fg);background:color-mix(in srgb,var(--two) 20%,var(--panel));border-color:var(--two)}.magic{display:flex;flex-direction:column}.magic #magic-body{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1}.magic #magic-body[hidden]{display:none}.magic output{font-variant-numeric:tabular-nums;font-size:1.3rem}.magic input{writing-mode:vertical-lr;direction:rtl;width:25px;height:145px;accent-color:var(--two)}.math{font-size:.875rem;overflow-wrap:anywhere}.math #limits{display:grid;gap:5px}.math #intercepts{margin-top:14px}.math strong{display:block;font-weight:600;margin-bottom:5px}.joins{margin-top:14px}.joins h2{margin-bottom:6px}.join-list{display:flex;gap:8px;flex-wrap:wrap}.join-item{border-left:3px solid var(--border);padding:4px 10px;font-size:.875rem}.join-item[data-kind=smooth]{border-color:var(--three)}.join-item[data-kind=step],.join-item[data-kind=gap]{border-color:var(--four)}#error{color:var(--error);margin-top:10px;min-height:0}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 12px}#graph{display:block;width:100%;height:410px}#graph text{font-size:12px;fill:var(--fg)}.rider-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 0;font-size:.9rem;font-variant-numeric:tabular-nums}.x-control{display:grid;gap:8px}.slider-aligned{margin-left:56px;margin-right:10px;display:flex;align-items:center}.exact{display:flex;align-items:center;gap:12px;font-size:.9rem}.exact input{max-width:150px}.controls{border-top:1px solid var(--border);margin-top:20px;padding-top:12px;font-size:.875rem;color:var(--muted)}summary{color:var(--fg);cursor:pointer}.controls p{margin:8px 0}kbd{color:var(--fg);font:inherit;font-weight:600}.touch-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.touch-controls button{touch-action:none;min-height:44px}.touch-controls button.active{background:var(--fg);color:var(--bg)}@media(max-width:760px){.builder{grid-template-columns:minmax(0,1fr) 130px}.math{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr 1fr;gap:12px}.math #intercepts{margin:0}}@media(max-width:540px){main{padding:12px}.builder{grid-template-columns:minmax(0,1fr) 110px;gap:8px}.panel{padding:10px}.row-fields{grid-template-columns:1fr 1fr}.row-fields label:first-child{grid-column:1/-1}.math{display:block}.math #intercepts{margin-top:12px}.magic h2{font-size:.85rem}.magic input{height:150px}#graph{height:340px}.rider-status{font-size:.85rem}.toolbar button{padding:7px 9px}.note{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Keep the working graph visible beside a collapsible editor. */
header #editor-toggle{margin-left:auto}.editor-open main{margin-left:0;margin-right:350px;max-width:none}#editor{position:fixed;top:0;right:0;bottom:0;width:350px;overflow-y:auto;overscroll-behavior:contain;padding:16px;background:var(--bg);border-left:1px solid var(--border);z-index:10}#editor[hidden]{display:none}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-header h2{font-size:1rem;margin:0}#editor .builder{display:grid;grid-template-columns:minmax(0,1fr)}#editor .panel{grid-column:1;padding:12px}#editor .row-fields{grid-template-columns:minmax(90px,1fr) 64px 64px;gap:6px}#editor .row-fields label:first-child{grid-column:auto}#editor .math{display:block}#editor .math #intercepts{margin-top:14px}#editor .magic #magic-body{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center}#editor .magic #magic-body[hidden]{display:none}#editor .magic #magic-kind{grid-column:1;grid-row:1;text-align:left}#editor .magic output{grid-column:1;grid-row:2}#editor .magic input{grid-column:2;grid-row:1 / 3;height:100px}#editor .magic #magic-body .note{grid-column:3;grid-row:1 / 3}#editor .join-list{display:grid}#graph{height:clamp(320px,56vh,600px)}main{max-width:1200px}body:not(.editor-open) main{margin-left:auto;margin-right:auto}.controls{margin-top:14px}@media(min-width:1500px){.editor-open main{max-width:1200px;margin-left:auto}}@media(max-width:650px){.editor-open main{margin-right:0;padding-bottom:48vh}#editor{top:auto;left:0;bottom:0;width:100%;max-height:45vh;border-left:0;border-top:1px solid var(--border);box-shadow:0 -8px 24px color-mix(in srgb,var(--bg) 50%,transparent)}#editor .builder{grid-template-columns:minmax(0,1fr) 130px}#editor .equations{grid-column:1}#editor .magic{grid-column:2}#editor .math{grid-column:1/-1}#editor .row-fields{grid-template-columns:1fr 1fr}#editor .row-fields label:first-child{grid-column:1/-1}#editor .magic #magic-body{display:flex}#editor .magic #magic-body[hidden]{display:none}#editor .magic input{height:130px}.editor-header{position:sticky;top:-16px;background:var(--bg);padding:10px 0;z-index:1}#graph{height:330px}}@media(max-width:380px){#editor .builder{grid-template-columns:minmax(0,1fr) 110px}}

#left-nav{position:fixed;top:0;left:0;bottom:0;width:84px;background:var(--panel);border-right:1px solid var(--border);padding:16px 8px;z-index:15}#left-nav [role=tablist]{display:grid;gap:8px}#left-nav button{padding:10px 4px;font-size:.85rem;width:100%;min-height:50px;border-color:transparent}#left-nav button[aria-selected=true]{background:var(--fg);color:var(--bg)}body main,body:not(.editor-open) main{margin-left:84px;margin-right:0;max-width:none}body.editor-open main{margin-left:404px;margin-right:0;max-width:none}#editor{left:84px;right:auto;width:320px;border-left:0;border-right:1px solid var(--border)}#park-panel[hidden],#physics-panel[hidden]{display:none}#physics-panel .note{margin-top:0}.physics-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:18px 0;padding-bottom:14px;border-bottom:1px solid var(--border)}.physics-field label{font-size:.9rem;font-weight:500}.physics-field input[type=range]{grid-column:1/-1}.physics-value{display:flex;gap:6px;align-items:center}.physics-value input{width:76px;font-size:.9rem;padding:5px}.physics-value .note{font-size:.75rem;max-width:60px}#physics-reset{width:100%}#physics-panel>p:last-child{margin-top:14px}@media(max-width:650px){#left-nav{width:100%;height:55px;bottom:auto;border-right:0;border-bottom:1px solid var(--border);padding:6px 12px}#left-nav [role=tablist]{display:flex;gap:8px}#left-nav button{width:auto;min-height:40px;padding:6px 14px}#left-nav br{display:none}body main,body:not(.editor-open) main{margin-left:0;padding-top:70px}body.editor-open main{margin-left:0;padding-top:70px}#editor{left:0;width:100%;border-right:0}#physics-panel .physics-field{margin:12px 0}}