.sm-wear-demo,.sm-optimise-demo,.sm-soft-demo,.sm-surrogate-demo{--cue-loop:10s}.sm-cause-demo{--cue-loop:9s}.sm-chart{min-width:0;position:relative}.sm-chart svg{width:100%;height:190px;display:block;overflow:visible}.sm-chart path,.sm-chart rect{vector-effect:non-scaling-stroke}.sm-grid{fill:none;stroke:#ffffff10}.sm-trace{fill:none;stroke:var(--dye-ice);stroke-width:1.6px;stroke-linejoin:round}.sm-projection{fill:none;stroke:var(--dye-cyan);stroke-width:2px;stroke-dasharray:5 4}.sm-limit{fill:none;stroke:var(--ink-soft);stroke-dasharray:2 4}.sm-window{fill:color-mix(in srgb,var(--dye-cyan) 14%,transparent);stroke:var(--dye-cyan);stroke-width:1px;opacity:var(--cue-on)}.sm-chart-label{color:var(--ink-soft);letter-spacing:.08em;font-size:10px;position:absolute;left:22px;translate:0 -130%}.sm-big{color:var(--dye-ice);font:400 24px/1.1 var(--font-geist-mono),monospace;margin:4px 0 10px;display:block}.sm-big b,.sm-good{color:var(--dye-cyan);font-weight:400}.sm-wear{grid-template-rows:auto 1fr;align-items:end}.sm-optimise{align-items:center}.sm-settings{flex-direction:column;gap:7px;min-width:0;margin:0;display:flex}.sm-settings>div{border:1px solid var(--ink-line);background:#0a1322;border-radius:5px;gap:3px;padding:8px 11px;display:grid}.sm-settings dt{color:#8b98a9;font:11px var(--font-geist-mono),monospace}.sm-settings dd{font:13px var(--font-geist-mono),monospace;flex-wrap:wrap;gap:8px;margin:0;display:flex}.sm-settings s{color:#8b98a9}.sm-settings dd>span{color:var(--dye-cyan)}.sm-outcome{flex-direction:column;gap:10px;min-width:0;display:flex}.sm-outcome .sm-big{font-size:20px}.sm-outcome .sm-big b{white-space:nowrap}.sm-soft{grid-template-rows:auto 1fr auto}.sm-soft .sm-chart svg{height:170px}.sm-sample{border:2px solid var(--dye-cyan);width:9px;height:9px;opacity:var(--cue-on);translate:-50% -50%;scale:calc(.4 + var(--cue-on) * .6);background:#0a1322;border-radius:50%;position:absolute}.sm-legend{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.sm-legend span{align-items:center;gap:6px;display:inline-flex}.sm-legend b{background:var(--dye-ice);width:14px;height:2px}.sm-legend i{border:2px solid var(--dye-cyan);border-radius:50%;width:9px;height:9px}.sm-surrogate{align-items:center}.sm-inputs{flex-direction:column;gap:14px;min-width:0;display:flex}.sm-inputs>div{gap:6px;display:grid}.sm-inputs>div>span:first-child{justify-content:space-between;gap:8px;font-size:13px;display:flex}.sm-inputs b{font-weight:400}.sm-inputs em{color:var(--dye-ice);font:normal 12px var(--font-geist-mono),monospace}.sm-results{flex-direction:column;gap:8px;min-width:0;display:flex}.sm-results .sm-big{margin-bottom:0;font-size:21px}.sm-timing{gap:7px;margin-top:4px;display:grid}.sm-timing>span{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;display:grid}.sm-timing small{color:#8b98a9;font:10px var(--font-geist-mono),monospace;letter-spacing:.04em}.sm-timing i{background:#3a4658;border-radius:2px;grid-row:2;min-width:4px;height:4px}.sm-timing b{font:400 12px var(--font-geist-mono),monospace;color:var(--ink-soft);grid-area:1/2/3}.sm-timing .is-fast i{background:var(--dye-cyan)}.sm-timing .is-fast b{color:var(--dye-cyan)}.sm-cause{align-content:center}.sm-factors{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.sm-factors>li{border:1px solid var(--ink-line);background:#0a1322;border-radius:6px;grid-template-columns:minmax(0,1fr) 110px 38px;align-items:center;gap:14px;padding:8px 12px;display:grid}.sm-factors b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}.sm-factors strong{color:var(--ink-soft);font:400 13px var(--font-geist-mono),monospace;text-align:right}.sm-factors .is-key{border-color:color-mix(in srgb,var(--dye-cyan) 40%,transparent)}.sm-factors .is-key em{background:var(--dye-cyan)}.sm-factors .is-key strong{color:var(--dye-ice)}.sm-factors>.sm-factors-head{color:#8b98a9;font:10px var(--font-geist-mono),monospace;letter-spacing:.06em;background:0 0;border:0;padding-block:0 2px}.sm-factors-head>span:last-child{grid-column:2/-1}.sm-finding p{margin:6px 0 0;font-size:13px;line-height:1.55}.sm-finding em{color:var(--dye-cyan);font-style:normal}@media (max-width:640px){.sm-chart svg,.sm-soft .sm-chart svg{height:150px}.sm-factors>li{grid-template-columns:minmax(0,1fr) 60px 34px;gap:10px}.sm-big{font-size:20px}}