._trace_17o3r_1{--loop-accent:#17685e;--loop-line:#d7e5df;border:1px solid var(--loop-line);background:#fff;border-radius:18px;min-width:0;max-width:100%;padding:24px}._header_17o3r_12 h4{color:#173f36;margin:0;font-size:18px;line-height:1.55}._header_17o3r_12 p{color:#536c62;margin:8px 0 0;font-size:13px;line-height:1.85}._examples_17o3r_26{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}._exampleButton_17o3r_33,._primaryButton_17o3r_34,._secondaryButton_17o3r_35,._resetButton_17o3r_36{border:1px solid var(--loop-line);color:#35564a;cursor:pointer;max-width:100%;min-height:42px;font:inherit;overflow-wrap:anywhere;background:#fff;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:650;line-height:1.5}._exampleButton_17o3r_33[aria-pressed=true]{border-color:var(--loop-accent);box-shadow:inset 0 -2px 0 var(--loop-accent);color:#145b50;background:#eaf4ee}._exampleButton_17o3r_33:hover,._secondaryButton_17o3r_35:hover:not(:disabled),._resetButton_17o3r_36:hover{background:#f0f6f2}._trace_17o3r_1 button:focus-visible,._codeScroll_17o3r_66:focus-visible{outline-offset:3px;outline:3px solid #368979}._walkthrough_17o3r_71{gap:17px;min-width:0;display:grid}._trace_17o3r_1 code{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Consolas, monospace}._valuesPanel_17o3r_81{border-bottom:1px solid var(--loop-line);min-width:0;padding-bottom:13px}._valuesHeading_17o3r_87,._stepPosition_17o3r_88{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}._valuesHeading_17o3r_87>code{color:#304e41;font-size:14px;font-weight:650}._valuesHeading_17o3r_87>span,._stepPosition_17o3r_88>span{color:#62786c;font-size:11px}._values_17o3r_81{flex-wrap:wrap;gap:8px;margin:11px 0 0;padding:0;list-style:none;display:flex}._values_17o3r_81>li{color:#365346;background:#f7faf7;border:1px solid #dfe8e1;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:56px;min-height:43px;padding:7px 10px;font-size:15px;display:flex}._values_17o3r_81>li[data-current=true]{border:2px solid var(--loop-accent);color:#15574b;background:#eaf4ee;padding:6px 9px;font-weight:750}._values_17o3r_81>li>span{font-size:10px}._emptyList_17o3r_144{color:#516e5d;margin:11px 0 0;font-size:13px}._emptyList_17o3r_144 code{margin-right:8px;font-size:17px}._listPosition_17o3r_155{color:#546e5f;margin:8px 0 0;font-size:12px}._stepHeading_17o3r_161{gap:9px;display:grid}._stepPosition_17o3r_88>strong{color:var(--loop-accent);font-size:13px}._phases_17o3r_171{flex-wrap:wrap;gap:4px 17px;margin:0;padding:0;list-style:none;display:flex}._phases_17o3r_171>li{color:#6e8176;font-size:12px;line-height:1.7;position:relative}._phases_17o3r_171>li:not(:last-child):after{color:#97a89c;content:"→";position:absolute;right:-13px}._phases_17o3r_171>li[aria-current=step]{color:#155a4a;text-underline-offset:4px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}._stepHeading_17o3r_161 h5{color:#263f33;margin:0;font-size:16px;line-height:1.65}._currentCode_17o3r_209{background:#f6faf6;border:1px solid #dce7de;border-radius:11px;min-width:0}._codeLabel_17o3r_216{color:#39644f;border-bottom:1px solid #e3ebe5;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;padding:9px 13px;font-size:11px;font-weight:750;display:flex}._scrollHint_17o3r_229{color:#62786b;font-weight:400;display:none}._codeScroll_17o3r_66{overscroll-behavior-x:contain;border-radius:0 0 11px 11px;min-width:0;max-width:100%;padding:12px 0;overflow-x:auto}._codeScroll_17o3r_66 pre{width:max-content;min-width:100%;margin:0;font-size:15px;line-height:1.95}._codeLine_17o3r_252{grid-template-columns:37px max-content;align-items:baseline;padding-right:14px;display:grid}._lineNumber_17o3r_259{color:#6f8678;font-family:var(--font-geist-mono), monospace;text-align:center;font-size:11px}._codeText_17o3r_266{color:#185742;text-underline-offset:5px;white-space:pre;font-weight:650;text-decoration-line:underline;text-decoration-color:#277763;text-decoration-thickness:2px}._currentCode_17o3r_209[data-skipped=true]{background:#f6f7f6;border-color:#dfe4df}._currentCode_17o3r_209[data-skipped=true] ._codeLabel_17o3r_216,._currentCode_17o3r_209[data-skipped=true] ._codeText_17o3r_266{color:#627168}._currentCode_17o3r_209[data-skipped=true] ._codeText_17o3r_266{text-decoration-line:none}._stateGroup_17o3r_290{gap:9px;min-width:0;display:grid}._stateLabel_17o3r_296{color:#48604f;margin:0;font-size:11px;font-weight:650}._state_17o3r_290{min-width:0;margin:0}._state_17o3r_290>div{border-bottom:1px solid #e5ece6;grid-template-columns:minmax(102px,.6fr) minmax(0,1fr);align-items:baseline;gap:8px 12px;min-width:0;padding:9px 0;display:grid}._state_17o3r_290>div:first-child{padding-top:0}._state_17o3r_290 dt{color:#536e5e;font-size:12px}._state_17o3r_290 dd{color:#274d37;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;margin:0;font-size:15px;display:flex}._state_17o3r_290 dd small,._pending_17o3r_340{color:#62786b;font-size:11px}._condition_17o3r_345{font-family:var(--font-geist-mono), monospace;border-radius:5px;padding:2px 7px;font-size:13px;font-weight:650}._condition_17o3r_345[data-value=true]{color:#1d603e;background:#dcefe3}._condition_17o3r_345[data-value=false]{color:#844019;background:#f6e7de}._condition_17o3r_345[data-value=pending]{color:#62786b;padding:0;font-family:inherit;font-size:11px;font-weight:500}._countChange_17o3r_371{flex-wrap:wrap;align-items:baseline;gap:9px;display:inline-flex}._countChange_17o3r_371 strong{color:#225c3c;background:#e7f1e9;border-radius:5px;padding:2px 7px}._revealed_17o3r_385{border-left:3px solid #97b8a1;min-width:0;padding-left:14px}._calculation_17o3r_391{color:#285740;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.8}._explanation_17o3r_400{color:#506c59;overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.9}._output_17o3r_408{background:#f4f7f4;border-radius:10px;min-width:0;padding:13px 15px}._output_17o3r_408 h6{color:#48604f;margin:0 0 8px;font-size:11px;font-weight:750}._outputLines_17o3r_422{gap:4px;min-width:0;display:grid}._outputLines_17o3r_422>code{color:#2b4a33;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.8}._output_17o3r_408>p{color:#65786b;margin:0;font-size:12px}._controls_17o3r_442{flex-wrap:wrap;gap:9px;display:flex}._primaryButton_17o3r_34{border-color:var(--loop-accent);background:var(--loop-accent);color:#fff}._primaryButton_17o3r_34:hover{background:#11594f}._secondaryButton_17o3r_35:disabled{color:#86918a;cursor:default;background:#f5f7f5}._resetButton_17o3r_36{color:#536d5e;border-color:#0000;margin-left:auto}._srOnly_17o3r_470{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._trace_17o3r_1[data-loop-presentation=true]{padding:28px}._trace_17o3r_1[data-loop-presentation=true] ._codeScroll_17o3r_66 pre{font-size:clamp(18px,1.65vw,23px)}._trace_17o3r_1[data-loop-presentation=true] ._state_17o3r_290 dd,._trace_17o3r_1[data-loop-presentation=true] ._calculation_17o3r_391{font-size:18px}._trace_17o3r_1[data-loop-presentation=true] ._explanation_17o3r_400,._trace_17o3r_1[data-loop-presentation=true] ._outputLines_17o3r_422>code{font-size:16px}@media (width<=600px){._scrollHint_17o3r_229{display:inline}._trace_17o3r_1,._trace_17o3r_1[data-loop-presentation=true]{border-radius:14px;padding:17px 14px}._values_17o3r_81{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}._values_17o3r_81>li{flex-direction:column;gap:1px;min-width:0;min-height:56px;padding-left:4px;padding-right:4px}._values_17o3r_81>li[data-current=true]{padding-left:3px;padding-right:3px}._state_17o3r_290>div{grid-template-columns:103px minmax(0,1fr);gap:8px}._exampleButton_17o3r_33,._primaryButton_17o3r_34,._secondaryButton_17o3r_35,._resetButton_17o3r_36{padding-left:11px;padding-right:11px}}