.sim,.live{--sim-wash:#372f25;--sim-beat:var(--dur-slow);--sim-half:calc(var(--dur-slow) / 2);margin:0;display:block}.sim__panel{border:1px solid var(--okn-hairline);background:var(--okn-surface-1);contain:layout paint;border-radius:0}.sim__bar{border-bottom:1px solid var(--okn-hairline);justify-content:space-between;align-items:center;gap:12px;height:40px;padding-inline:12px;display:flex}.sim__tag{color:var(--okn-text-tertiary)}.sim__name{color:var(--okn-text-secondary)}.sim__well{background:var(--okn-bg);padding:12px}@media (min-width:900px){.sim__bar{height:44px;padding-inline:16px}.sim__well{padding:16px}}.sim-label,.sim-mono{font-family:var(--font-mono-stack);text-transform:uppercase;margin:0;font-size:clamp(.75rem,.725rem + .1vw,.8125rem);font-weight:500;line-height:1.2}.sim-label{letter-spacing:.14em}.sim-mono{letter-spacing:.06em}@media (prefers-reduced-motion:no-preference){.sim [data-sim]{animation-duration:var(--dur-base);animation-timing-function:var(--ease-out);animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(var(--b,0) * var(--sim-beat) + var(--o,0s))}:is([data-reveal=shown],[data-reveal=done]) .sim [data-sim]{animation-play-state:running}.sim [data-sim=in]{animation-name:sim-in}.sim [data-sim=snap]{animation-name:sim-snap;animation-duration:var(--dur-fast)}.sim [data-sim=swap]{animation-name:sim-swap;animation-duration:var(--dur-fast);animation-timing-function:var(--ease-inout)}.sim [data-sim=bar]{animation-name:sim-bar}.sim [data-sim=fill]{animation-name:sim-fill}.sim [data-sim=move]{animation-name:sim-move;animation-duration:var(--sim-beat);animation-timing-function:var(--ease-inout)}}@keyframes sim-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sim-snap{0%{opacity:0;transform:translateY(2px)}}@keyframes sim-swap{0%{opacity:0}}@keyframes sim-bar{0%{transform:scaleY(0)}}@keyframes sim-fill{0%{transform:scaleX(0)}}@keyframes sim-move{0%{transform:translate(0)}}.sim-bar{background:var(--okn-accent);transform-origin:top;width:2px;position:absolute;inset-block:0;inset-inline-start:0}.sim-bar--grey{background:var(--okn-hairline-emphasis)}.sim-mark{background:var(--okn-accent);flex:none;width:7px;height:7px}.sim-mark--structure{box-sizing:border-box;border:1.5px solid var(--okn-diagram-line);background:0 0}.sim-row{border-top:1px solid var(--okn-hairline);grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:40px;padding-inline:10px;display:grid;position:relative}.sim-row[data-wash=true]{background:var(--sim-wash)}.sim-row__k{color:var(--okn-text-tertiary)}.sim-row__v,.sim-row[data-wash=true] .sim-row__k{color:var(--okn-text-secondary)}.sim-row--human{border-inline-start:1px dashed var(--okn-hairline-emphasis);padding-inline-start:9px}.sim-chip{border:1px solid var(--okn-border-control);height:20px;color:var(--okn-text-secondary);border-radius:2px;align-items:center;padding-inline:8px;display:inline-flex}.sim-chip--own{border-color:var(--okn-accent)}.sim-cell{display:inline-grid}.sim-cell>*{grid-area:1/1}.sim-cell__was{opacity:0}.sim__wide{display:none}@media (min-width:900px){.sim__narrow{display:none}.sim__wide{display:block}}@media print{.sim{break-inside:avoid;--okn-bg:#faf9f6;--okn-surface-1:#f1f0eb;--okn-surface-2:#f1f0eb;--okn-hairline:#dedcd4;--okn-hairline-emphasis:#c8c5bb;--okn-text-primary:#17171a;--okn-text-secondary:#4a4a4e;--okn-text-tertiary:#6b6b6f;--okn-accent:#7a5410;--okn-border-control:#8a8a86;--okn-diagram-line:#6b6b6f;--sim-wash:#f6efe2}.sim [data-sim]{animation:none!important}.sim__wide{display:block}.sim__narrow{display:none}}@media (forced-colors:active){.sim__panel{border-color:canvastext}.sim-bar,.sim-mark{forced-color-adjust:none;background:canvastext}.sim-bar--grey{background:graytext}.sim-mark--structure{background:canvas;border:1px solid canvastext}.sim [data-wash=true]{background:canvas}.sim-chip--own{border-color:canvastext}}