@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--paper:#fff;--surface:#f8f9fa;--panel:#f1f3f5;--ink:#212529;--muted:#6c757d;--rule:#adb5bd;--accent:#0d6efd;--negative:#b0446e;--shadow:#9993;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:360px;color:var(--ink);margin:0;font-family:Open Sans,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;transition:all .3s}main{background:var(--paper);min-height:100vh;color:var(--ink);padding:0 4vw;transition:background .25s,color .25s}.theme-dark{--paper:#1a1a1a;--surface:#212529;--panel:#343a40;--ink:#f8f9fa;--muted:#ced4da;--rule:#6c757d;--accent:#6ea8fe;--shadow:#00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}header{border-bottom:.85px solid var(--rule);justify-content:flex-end;align-items:center;gap:12px;height:64px;display:flex}header button{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;width:auto;padding:.65rem .875rem;font-size:.7rem}.theme-button{color:var(--accent)}header button:hover{background:var(--panel)}.intro{border-bottom:.85px solid var(--rule);grid-template-columns:1fr minmax(320px,.8fr);align-items:end;gap:4rem;min-height:310px;padding:3.75rem 0;display:grid}.intro h1{letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(3.2rem,7vw,7.2rem);font-weight:300;line-height:.94}.intro>p{max-width:620px;color:var(--muted);margin:0;font-size:.98rem;line-height:1.65}.lab{border-bottom:.85px solid var(--rule);grid-template-columns:minmax(0,1fr) 340px;min-height:650px;display:grid}.stage{border-right:.85px solid var(--rule);background-color:var(--surface);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);min-height:650px;position:relative}@supports (color:color-mix(in lab, red, red)){.stage{background-image:linear-gradient(color-mix(in srgb,var(--rule) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--rule) 35%,transparent) 1px,transparent 1px)}}.stage{background-size:64px 64px;overflow:hidden}.stage:after{content:"";pointer-events:none;background:radial-gradient(circle at center,transparent 48%,var(--surface));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.stage:after{background:radial-gradient(circle at center,transparent 48%,color-mix(in srgb,var(--surface) 60%,transparent))}}canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.view-3d canvas{cursor:grab}.view-3d canvas:active{cursor:grabbing}.stage-meta{z-index:3;color:var(--muted);letter-spacing:.16em;pointer-events:none;justify-content:space-between;font-size:.62rem;display:flex;position:absolute;top:18px;left:18px;right:18px}.view-switch{z-index:4;border:.85px solid var(--rule);box-shadow:-1px 4px 12px 3px var(--shadow);display:flex;position:absolute;top:42px;left:18px}.view-switch button{border:0;border-right:.85px solid var(--rule);background:var(--paper);width:auto;height:34px;padding:0 .8rem}@supports (color:color-mix(in lab, red, red)){.view-switch button{background:color-mix(in srgb,var(--paper) 88%,transparent)}}.view-switch button{text-transform:uppercase;letter-spacing:.08em;font-size:.63rem}.view-switch button:last-child{border-right:0}.view-switch button.active{background:var(--accent);color:#fff}.hint{z-index:3;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;font-size:.64rem;position:absolute;bottom:17px;left:18px}.hint i{border-top:1px solid var(--accent);vertical-align:middle;width:22px;margin-right:8px;display:inline-block}aside{padding-left:1.5rem}.panel{border-bottom:.85px solid var(--rule);padding:1.65rem 0;position:relative}.num{color:var(--accent);font-size:.65rem;font-style:italic;position:absolute;top:1.85rem;right:0}.panel h2{margin:0 0 1.25rem;font-size:1.15rem;font-weight:500}.mode-grid{border:.85px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.mode-grid button{border:0;border-right:.85px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;background:0 0;height:42px;padding:0;font-size:.68rem}.mode-grid button:last-child{border-right:0}.mode-grid button.active{background:var(--accent);color:#fff}.polarity{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:-.4rem 0 .3rem;font-size:.68rem}.slider{margin-top:1rem;display:block}.slider>span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;margin-bottom:.5rem;font-size:.68rem;display:flex}.slider b{font-weight:400}.slider output{color:var(--ink);letter-spacing:0;font-style:italic}input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) var(--p),var(--rule) var(--p));height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--paper);border-radius:50%;width:11px;height:11px;margin-top:-4.5px}.check{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;margin-top:1.15rem;font-size:.68rem;display:flex}.check input{opacity:0;position:absolute}.check i{border:1px solid var(--rule);border-radius:10px;width:31px;height:16px;position:relative}.check i:after{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px;transition:all .2s;position:absolute;top:3px;left:3px}.check input:checked+i{border-color:var(--accent)}.check input:checked+i:after{background:var(--accent);left:18px}.curvature-key{color:var(--muted);text-transform:uppercase;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.58rem;display:flex}.curvature-key i{background:linear-gradient(90deg,#4e8ea8,#b0446e);flex:1;height:4px}.remove{border:0;border-bottom:1px solid var(--negative);width:auto;color:var(--negative);text-transform:uppercase;letter-spacing:.08em;background:0 0;margin-top:1.2rem;padding:.5rem 0;font-size:.68rem}.empty,.export-panel p{color:var(--muted);font-size:.76rem}.key-hint{color:var(--muted);text-transform:uppercase;margin:1rem 0 0;font-size:.58rem}.key-hint kbd{border:.85px solid var(--rule);background:var(--surface);padding:2px 5px}.export{border:.85px solid var(--rule);background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.08em;width:100%;padding:.75rem .875rem;font-size:.68rem}.export:hover{filter:brightness(1.08)}.slider .slider-track{margin:0;display:block;position:relative}.slider-track input{display:block}.zero-tick{background:var(--ink);pointer-events:none;width:1px;height:5px;position:absolute;top:10px;transform:translate(-.5px)}.zero-tick:after{content:"0";color:var(--muted);font-size:.55rem;font-style:normal;line-height:1;position:absolute;top:5px;left:50%;transform:translate(-50%)}.slider:has(.zero-tick){padding-bottom:.45rem}footer{padding:3rem 0}.footer-label{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:1rem;font-size:.68rem;display:block}.equation-block{border-bottom:.85px solid var(--rule);grid-template-columns:1fr auto;align-items:end;padding-bottom:2rem;display:grid}.equation-block .footer-label{grid-column:1/-1}.formula{margin:0;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:300}.boundary-equation{color:var(--muted);white-space:nowrap;margin:0 0 .3rem 2rem;font-size:.82rem}.formula mark,.boundary-equation mark{color:inherit;background:0 0;padding:0 3px}.eq-weight,.eq-threshold{border-bottom:2px solid var(--negative)}.eq-reach{border-bottom:2px solid var(--accent);color:var(--accent)!important}.eq-falloff{color:#7f6bb2;border-bottom:2px solid #7f6bb2;font-weight:400}.parameter-diagrams{border-left:.85px solid var(--rule);grid-template-columns:repeat(4,1fr);display:grid}.parameter-diagrams article{border-right:.85px solid var(--rule);min-height:205px;padding:1.6rem 1.4rem}.parameter-diagrams h3{margin:1rem 0 .5rem;font-size:.95rem;font-weight:500}.parameter-diagrams h3 span{color:var(--accent);margin-right:.4rem;font-style:italic}.parameter-diagrams p{color:var(--muted);margin:0;font-size:.72rem}.mini-diagram{height:68px;position:relative;overflow:hidden}.mini-diagram i,.mini-diagram b{display:block;position:absolute}.reach-diagram i{border:1px solid var(--ink);border-radius:50%;top:15px}.reach-diagram i:first-child{width:28px;height:28px;left:28%}.reach-diagram i:last-child{border-color:var(--accent);width:52px;height:52px;top:3px;left:50%}.threshold-diagram i{border:1px solid var(--muted);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.threshold-diagram i:first-child{opacity:.45;width:58px;height:58px}.threshold-diagram i:nth-child(2){width:38px;height:38px}.threshold-diagram b{background:var(--ink);border-radius:50%;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%)}.falloff-diagram i{background:var(--rule);width:74%;height:1px;bottom:10px;left:13%}.falloff-diagram i:nth-child(2){width:1px;height:50px;bottom:10px;left:50%}.falloff-diagram b{border-top:2px solid #7f6bb2;border-radius:50% 50% 0 0;width:54%;height:44px;bottom:10px;left:23%}.weight-diagram i{border:1px solid;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1rem;font-style:normal;display:grid;top:10px}.weight-diagram i:first-child{color:var(--accent);left:25%}.weight-diagram i:last-child{color:var(--negative);right:25%}@media (max-width:900px){main{padding:0 1rem}.intro{grid-template-columns:1fr;gap:1.5rem}.intro h1{white-space:normal}.lab{grid-template-columns:1fr}.stage{border-right:0;border-bottom:.85px solid var(--rule);min-height:540px}aside{padding-left:0}.equation-block{grid-template-columns:1fr}.boundary-equation{white-space:normal;margin:1rem 0 0}.parameter-diagrams{grid-template-columns:1fr 1fr}}@media (max-width:560px){.intro h1{font-size:2.8rem}.parameter-diagrams{grid-template-columns:1fr}.stage{min-height:440px}.view-switch button{padding:0 .55rem;font-size:.56rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.stage-curvature-key{border:.85px solid var(--rule);background:var(--paper);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.58rem;display:flex;position:absolute;bottom:3.25rem;right:1.25rem}.stage-curvature-key i{background:linear-gradient(90deg,#2097be,#ea3b81);width:76px;height:6px}.curvature-toggle.active{color:#fff!important;background:#ea3b81!important;border-color:#ea3b81!important}.stage-curvature-key span,.stage-curvature-key i{display:none}.curvature-note{color:var(--muted);margin:.7rem 0 0;font-size:.67rem;line-height:1.45}.override-check{margin-top:.55rem}.overridden{opacity:.52}.overridden small{color:var(--negative);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.58rem;display:block}.stage{background-image:none;background-size:auto}.slider>span{text-transform:none}.view-stack{grid-template-rows:1fr 1fr;height:960px;display:grid}.viewport{background:var(--surface);min-height:0;position:relative;overflow:hidden}.viewport:first-child{border-bottom:.85px solid var(--rule)}.viewport canvas{position:absolute;inset:0}.viewport-2d canvas{cursor:crosshair}.viewport-3d canvas{cursor:grab}.viewport-3d canvas:active{cursor:grabbing}.view-action{z-index:4;border:.85px solid var(--rule);background:var(--paper);text-transform:uppercase;letter-spacing:.08em;width:auto;height:34px;box-shadow:-1px 4px 12px 3px var(--shadow);padding:0 .8rem;font-size:.63rem;position:absolute;top:42px;left:18px}.view-action.active{border-color:var(--accent);background:var(--accent);color:#fff}@media (max-width:900px){.lab,.stage{min-height:900px}.view-stack{height:900px}}.lab,.stage{min-height:650px}.view-stack{grid-template-rows:1fr;grid-template-columns:1fr 1fr;height:650px}.viewport:first-child{border-right:.85px solid var(--rule);border-bottom:0}@media (max-width:700px){.lab,.stage{min-height:900px}.view-stack{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:900px}.viewport:first-child{border-right:0;border-bottom:.85px solid var(--rule)}}@media (min-width:901px){.lab,.stage{height:650px;min-height:650px}.lab>aside{overscroll-behavior:contain;scrollbar-width:thin;height:650px;overflow-y:auto}}.secondary-export{color:var(--accent);background:0 0;margin-top:.55rem}.preset-input{display:none}.preset-message{color:var(--accent)!important;margin:.65rem 0 0!important;font-size:.66rem!important}:root{--curve:#084298;--accent:#0d6efd;--negative:#0d6efd}.theme-dark{--curve:#6ea8fe;--accent:#0d6efd;--negative:#0d6efd}.polarity.negative,.remove{color:var(--accent);border-color:var(--accent)}.falloff-diagram b{border-color:var(--accent)}.weight-diagram i:first-child,.weight-diagram i:last-child{color:var(--accent)}.curvature-toggle.active{border-color:var(--accent)!important;background:var(--accent)!important}.stage-curvature-key:after{content:"Black comb = signed curvature graph"}.mode-grid button.active.negative{background:#d63384}.polarity.negative{color:#d63384}.eq-weight,.eq-threshold,.eq-reach,.eq-falloff{border-color:var(--ink);color:inherit!important}.parameter-diagrams h3 span,.weight-diagram i:first-child,.weight-diagram i:last-child{color:var(--ink)}.reach-diagram i:last-child,.falloff-diagram b{border-color:var(--ink)}.equation-block .footer-label{color:var(--ink)}:root{--accent:#084298;--secondary-blue:#084298}.theme-dark{--accent:#6ea8fe;--secondary-blue:#6ea8fe}.point-panel:has(.polarity.negative){--accent:var(--secondary-blue)}.point-panel:has(.polarity.negative) .remove{color:var(--secondary-blue);border-color:var(--secondary-blue)}