:root{--bg:#f7f6f0;--surface:#fffef9;--fg:#243b32;--muted:#69716a;--line:#dcdfd4;--wash:#edf0e7;--accent:#3a674e;--border:var(--line);--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--space:clamp(1rem, 3.5vw, 3rem);--measure:48rem;--radius:.65rem;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--bg);color:var(--fg);text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65}::selection{color:#243b32;background:#dce8d0}a{color:inherit;text-decoration-color:var(--line);text-underline-offset:.25em}a:hover{text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p,ul,ol{margin:0 0 1rem}h1,h2,h3{text-wrap:balance}h1{font-family:var(--serif);letter-spacing:-.045em;font-size:clamp(2.25rem,5vw,4rem);font-weight:400;line-height:1.08}h2,h3,strong{font-weight:600}ul,ol{padding-left:1.25rem}code{font-family:var(--mono);border:1px solid var(--line);background:var(--wash);border-radius:.25rem;padding:.15em .35em;font-size:.88em}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}.skip-link{z-index:20;background:var(--fg);color:var(--surface);border-radius:.35rem;padding:.6rem 1rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell,.canvas-app{background:var(--bg);min-height:100dvh}.app-shell{flex-direction:column;display:flex}.canvas-app{flex-direction:column;display:flex;position:relative}.topbar{min-height:5rem;padding:1rem var(--space);border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:1rem;display:flex}.brand{font-family:var(--mono);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:.7rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--accent);width:1.85rem;height:1.85rem;font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:400;line-height:1;display:grid}.topbar-title{border-left:1px solid var(--line);color:var(--muted);letter-spacing:0;margin:0;padding-left:1rem;font-family:inherit;font-size:.85rem;font-weight:400;line-height:1.4}.topbar-link{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.8rem;text-decoration:none}.topbar-link:hover{color:var(--accent)}.back-link{border:1px solid var(--line);border-radius:50%;flex:0 0 2rem;place-items:center;height:2rem;text-decoration:none;display:grid}.back-link:hover{background:var(--wash);border-color:var(--accent)}.page{width:min(100%, var(--measure));padding:clamp(2rem, 5vw, 4.5rem) var(--space);flex:1;margin:0 auto}.page-wide{--measure:82rem}.page-heading{margin-bottom:1.5rem}.page-heading .eyebrow{margin-bottom:.8rem}.page>p:first-of-type{max-width:65ch;color:var(--muted)}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.site-footer{padding:1.4rem var(--space);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.site-footer p{margin:0}.site-footer span{font-family:var(--serif);font-size:1rem;font-style:italic}.toolbar-button,.metric-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;min-height:2.15rem;padding:.4rem .8rem;font-size:.78rem;font-weight:500;line-height:1.3;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.toolbar-button:hover:not(:disabled),.metric-button:hover:not(:disabled){background:var(--wash);border-color:#9bab98}.toolbar-button.is-active,.metric-button.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.toolbar-button.is-active:hover:not(:disabled),.metric-button.is-active:hover:not(:disabled){background:var(--fg);color:var(--surface)}button:disabled,input:disabled,select:disabled{opacity:.38;cursor:not-allowed}.control-label{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}select,textarea,input:not([type=checkbox]):not([type=range]):not([type=color]){border:1px solid var(--line);background:var(--surface);min-height:2.15rem;color:var(--fg);font-family:var(--mono);border-radius:.35rem;padding:.35rem .55rem;font-size:.8rem}input[type=number]{width:4rem}input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:.35rem;width:2rem;height:2rem;padding:.15rem}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=range]{min-width:3rem;height:1.5rem;margin:0}textarea{resize:vertical}.experiment-toolbar{padding:1rem var(--space);border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.control-panel{padding:.65rem var(--space);border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.control-panel .control-label{margin-left:.35rem}.control-panel input[type=range]{width:6rem}.control-panel .toolbar-button{background:0 0;min-height:1.9rem;font-size:.7rem}.control-panel .control-group:last-child{margin-left:auto}.canvas-stage{background:var(--bg);flex:1 0 auto;height:max(24rem,100dvh - 18rem);min-height:24rem;position:relative;overflow:hidden}.canvas-app>[id$=readout],.canvas-app>[id$=hover-row]{background:var(--bg);font-family:var(--mono)}.math-notebook{padding:.8rem var(--space);border-top:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:.8rem}.math-notebook summary{cursor:pointer;width:fit-content;color:var(--fg);font-weight:500}.math-notebook p{max-width:70ch;margin:.8rem 0}.math-notebook a{color:var(--accent)}.is-darkroom .canvas-app{background:#101713}.is-darkroom .topbar,.is-darkroom .experiment-toolbar,.is-darkroom .control-panel,.is-darkroom .math-notebook{opacity:.12;transition:opacity .3s}.is-darkroom .topbar:hover,.is-darkroom .experiment-toolbar:hover,.is-darkroom .control-panel:hover,.is-darkroom .math-notebook:hover,.is-darkroom .topbar:focus-within,.is-darkroom .experiment-toolbar:focus-within,.is-darkroom .control-panel:focus-within,.is-darkroom .math-notebook:focus-within{opacity:1}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.25rem;display:grid}.tool-wide{grid-column:1/-1}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:clamp(1rem,2.5vw,1.65rem)}.tool-card h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:1rem;font-weight:600}.tool-card p,.tool-card li{color:var(--muted)}form.tool-card{gap:.85rem;display:grid}.tool-card label,.tool-controls label{color:var(--muted);gap:.35rem;font-size:.8rem;display:grid}.tool-card input:not([type=checkbox]):not([type=range]),.tool-card select,.tool-card textarea{width:100%;padding:.6rem .7rem}form.tool-card>button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--surface);min-height:2.5rem}form.tool-card>button[type=submit]:hover{background:var(--fg)}.tool-controls{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.tool-controls select,.tool-controls input[type=text]{min-width:min(12rem,100%);max-width:100%}.tool-output{border:1px solid var(--line);background:var(--wash);color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:.4rem;padding:1rem;font-size:.8rem;overflow-x:auto}@media (width<=44rem){.topbar{flex-wrap:wrap;gap:.6rem;min-height:4rem;padding-block:.8rem}.topbar-title{border:0;flex-basis:100%;order:3;padding:.25rem 0 0}.topbar-link{font-size:.7rem}.brand{font-size:.85rem}.brand-mark{width:1.5rem;height:1.5rem;font-size:1.1rem}.experiment-toolbar{gap:.7rem;padding-block:.8rem}.control-panel{gap:.6rem}.control-panel .control-group:last-child{margin-left:0}.canvas-stage{height:60dvh;min-height:23rem}.site-footer{flex-direction:column;align-items:start;gap:.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}