.ncf{--ink:var(--editorial-ink);--mute:var(--editorial-secondary);--hair:#d3d1ca;--amber:#e3a34f;--green:#8fbb8a;--settle:cubic-bezier(.2, .6, .35, 1);border-top:1px solid var(--editorial-ink);color:var(--ink);padding-top:22px;position:relative}.ncf.is-instant,.ncf.is-instant *{transition:none!important;animation:none!important}.nn-section .ncf{margin-bottom:28px}.ncf-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:18px;display:flex}.ncf .ncf-label{color:var(--mute);font:500 13px/1.4 var(--font-geist-sans), sans-serif;letter-spacing:normal;text-transform:none;margin:0}.ncf-replay{color:var(--mute);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.ncf-replay:hover{color:var(--ink);text-decoration-color:currentColor}.ncf-replay:focus-visible{outline-offset:4px;outline:2px solid}.ncf-steps button:focus-visible{outline-offset:4px;outline:2px solid}.ncf-body{grid-template-columns:minmax(0,1fr) minmax(240px,290px);align-items:center;column-gap:clamp(32px,4.5vw,72px);display:grid}.ncf-plan{min-width:0}.ncf-scene{width:100%;height:auto;display:block;overflow:hidden}.ncf .ncf-scene-narrow{display:none}.ncf-road{fill:#f1f1ee}.ncf-zebra{fill:#fff}.ncf-lane{fill:none;stroke:#c9ccc6;stroke-width:1.2px;stroke-dasharray:10 9}.ncf-kerb{fill:none;stroke:#b9bbb3;stroke-width:1.2px}.ncf-edge{fill:none;stroke:var(--hair);stroke-width:1px}.ncf-ramp path:first-child{fill:#fff;stroke:#b9bbb3;stroke-width:1px}.ncf-ramp path+path{fill:none;stroke:#d3d1ca;stroke-width:1px}.ncf-legend text,.ncf-cyclist text{fill:var(--mute);font-size:12px}.ncf-legend circle{fill:var(--ink)}.ncf-legend rect{fill:#fff;stroke:var(--ink);stroke-width:1.4px}.ncf-agent{transform:translate(calc(var(--x) * 1px), calc(var(--y) * 1px));transition:transform var(--d,0s) var(--e,linear)}.ncf-person circle{fill:var(--ink)}.ncf-robot rect{fill:#fff;stroke:var(--ink);stroke-width:1.6px}.ncf-eye{fill:var(--ink)}.ncf-cyclist rect,.ncf-cyclist circle:not(.ncf-risk){fill:#fff;stroke:var(--ink);stroke-width:1.4px}.ncf-fan{fill:var(--ink);fill-opacity:.05;stroke:var(--ink);stroke-opacity:.16;stroke-width:1px;opacity:0;transition:opacity .4s}.ncf:is([data-stage="2"],[data-stage="4"]) .ncf-fan{opacity:1;animation:1.3s ease-in-out infinite ncf-look}@keyframes ncf-look{50%{fill-opacity:.1;stroke-opacity:.3}}.ncf-risk{fill:none;stroke:var(--amber);stroke-width:1.6px;opacity:0;transition:opacity .4s}.ncf:is([data-stage="3"],[data-stage="4"]) .ncf-risk{opacity:1}.ncf-device{justify-items:start;row-gap:14px;min-width:0;display:grid}.ncf-device-figure{width:100%;max-width:200px;position:relative}.ncf-device-art{width:100%;height:auto;display:block;overflow:visible}.ncf-shell{fill:#fff;stroke:var(--ink);stroke-width:1.5px}.ncf-lamp{fill:var(--light);stroke:#17191840;stroke-width:1px;transition:fill .45s}.ncf-lamp[data-blink],.ncf-dot[data-blink]{animation:1.1s ease-in-out infinite ncf-blink}@keyframes ncf-blink{50%{opacity:.28}}.ncf-control{transition:opacity .35s}.ncf-control circle:not(.ncf-texture):not(.ncf-knob),.ncf-control rect{fill:#fff;stroke:var(--ink);stroke-width:1.4px}.ncf-control .ncf-inner{fill:none;stroke:#b9bbb3;stroke-width:1px}.ncf-texture{fill:var(--mute)}.ncf-control[data-off],.ncf-control-name[data-off]{opacity:.22}.ncf-control-name{color:var(--ink);font:400 13px/1 var(--font-geist-mono), monospace;letter-spacing:normal;white-space:nowrap;transition:opacity .35s;position:absolute;left:calc(100% + 6px);translate:0 -50%}.ncf-recheck{transform-box:fill-box;transform-origin:50%}.ncf.is-running[data-stage="4"] .ncf-recheck{animation:.5s both ncf-press}@keyframes ncf-press{35%{transform:scale(.88)}}.ncf-knob{fill:var(--ink);transition:transform .55s cubic-bezier(.65,0,.35,1)}.ncf[data-stage="5"] .ncf-knob{transition-delay:1.5s;transform:translate(52px)}.ncf[data-stage="6"] .ncf-knob{transform:translate(52px)}.ncf-ripples path{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;opacity:0}.ncf-readout{row-gap:8px;margin:0;animation:.45s both ncf-in;display:grid}.ncf-readout>div{grid-template-columns:4.2em minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.ncf-readout dt{color:var(--mute);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal}.ncf-readout dd{align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.4;display:flex}.ncf-dot{background:var(--light);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #17191833}.ncf-glyph{height:16px;fill:var(--ink);flex:none;overflow:visible}.ncf-glyph-base{fill:none;stroke:#17191838;stroke-width:1px}.ncf-glyph rect,.ncf-glyph path:not(.ncf-glyph-base){transform-box:fill-box;transform-origin:0;animation:ncf-bar var(--w) linear var(--t) both}@keyframes ncf-bar{0%{transform:scaleX(0)}}.ncf-quiet{color:var(--mute)}@keyframes ncf-in{0%{opacity:0;transform:translateY(6px)}}.ncf .ncf-voice{letter-spacing:-.01em;align-items:baseline;gap:16px;min-height:2.9em;margin:26px 0 0;font-size:clamp(18px,1.7vw,23px);font-weight:400;line-height:1.45;animation:.5s both ncf-in;display:flex}.ncf-voice-who{color:var(--mute);font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal;flex:none}.ncf .ncf-steps{border-top:1px solid var(--hair);grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.1fr);margin:22px 0 0;padding:0;list-style:none;display:grid}.ncf-steps li.is-branch{border-left:1px solid var(--hair);padding-left:14px}.ncf-steps button{color:#9a9d96;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 10px 12px 0;transition:color .3s;display:flex;position:relative}.ncf-steps button:hover,.ncf-steps button.is-past{color:var(--mute)}.ncf-steps button.is-active{color:var(--ink)}.ncf-step-key{font:400 13px/1.4 var(--font-geist-mono), monospace;letter-spacing:normal}.ncf-step-name{font-size:16px;font-weight:500;line-height:1.35}.ncf-steps i{background:var(--ink);transform-origin:0;height:2px;position:absolute;top:-1px;left:0;right:10px;transform:scaleX(0)}.ncf-steps button.is-past i{background:#b9bbb3;transform:scaleX(1)}.ncf-steps button.is-active i{transform:scaleX(1)}.ncf.is-running .ncf-steps button.is-active i{animation:ncf-fill var(--dur) linear both}@keyframes ncf-fill{0%{transform:scaleX(0)}}@media (max-width:1000px){.ncf-body{grid-template-columns:minmax(0,1fr);row-gap:22px}.ncf .ncf-scene-wide{display:none}.ncf .ncf-scene-narrow{display:block}.ncf-device{grid-template-columns:116px minmax(0,1fr);align-items:center;column-gap:18px}.ncf-device-figure{max-width:116px}.ncf-control-name{display:none}.ncf .ncf-voice{margin-top:18px;font-size:16px}.ncf .ncf-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.ncf-steps li.is-branch{border-left:0;padding-left:0}.ncf-step-name{font-size:14px}}@media (prefers-reduced-motion:reduce){.ncf *,.ncf{transition:none!important;animation:none!important}}