.theme-loop{--lk-accent:#1f9e6f}.loop-strip{gap:10px;display:flex}.loop-strip-tile{background:#fff;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;animation:2.6s ease-in-out infinite lk-bob;display:grid;box-shadow:0 10px 20px -14px #1f9e6f99}@media (prefers-reduced-motion:reduce){.loop-strip-tile{animation:none}}@media (max-width:640px){.loop-strip{flex-wrap:wrap;justify-content:center}}.loop-blocks{background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.loop-block-row{background:#f3f6fb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.loop-repeat-block{border:2px dashed color-mix(in srgb, var(--lk-accent) 45%, white);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.loop-repeat-tag{color:#fff;background:var(--lk-accent);border-radius:20px;align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:800}.loop-repeat-body{background:#f3f6fb;border-radius:12px;align-self:flex-start;margin-inline-start:14px;padding:10px 14px;font-size:14px;font-weight:700}.loop-count-compare{flex-wrap:wrap;gap:16px;font-size:14px;font-weight:800;display:flex}.loop-count-compare span{color:#8a5a00;background:#fff6dc;border-radius:14px;padding:8px 16px}.loop-count-compare span.is-after{color:#17663f;background:#d9f3e5}.loop-diagram{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.loop-diagram strong{color:var(--lk-accent);font-size:20px}.loop-diagram span{font-size:22px}.loop-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.loop-compare-col{border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.loop-compare-without{background:#fff0d6;border:1px solid #f5d79a}.loop-compare-with{background:#d9f3e5;border:1px solid #bfe8d3}.loop-compare-col h3{font-size:15px;font-weight:800}.loop-compare-line{background:#ffffffb3;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700}.loop-compare-arrow{color:var(--lk-muted);font-size:26px}.loop-jump-stage{background:#fff;border-radius:16px;justify-content:center;align-items:flex-end;gap:8px;height:120px;padding:10px;display:flex}.loop-jump-char{font-size:44px;transition:transform .25s}.loop-jump-char.is-up{transform:translateY(-34px)}.loop-jump-count{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.loop-jump-count span{text-align:center;background:#f3f6fb;border-radius:10px;min-width:28px;padding:4px 8px;font-weight:800}.loop-jump-count span.is-done{background:var(--lk-accent);color:#fff}.loop-counter{background:#fff;border-radius:16px;align-self:flex-start;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.loop-counter output{text-align:center;min-width:28px;color:var(--lk-accent);font-size:20px;font-weight:900}.loop-step-btn{border:2px solid var(--lk-line);width:36px;height:36px;color:var(--lk-accent);cursor:pointer;background:#fff;border-radius:10px;font-size:18px;font-weight:800}.loop-step-btn:disabled{opacity:.5;cursor:not-allowed}.loop-board{background:#fff;border-radius:16px;gap:4px;padding:10px;display:grid}.loop-cell{aspect-ratio:1;background:#f3f6fb;border-radius:10px;place-items:center;min-width:36px;font-size:22px;display:grid;position:relative}.loop-cell.is-won{background:#d9f3e5;animation:.4s lk-pop}.loop-robot{animation:1.4s ease-in-out infinite lk-bob}@media (prefers-reduced-motion:reduce){.loop-robot,.loop-jump-char{transition:none;animation:none}}@media (max-width:640px){.loop-compare{grid-template-columns:1fr}.loop-compare-arrow{transform:rotate(90deg)}}