.loopwrap{background:var(--color-bone-300);color:var(--color-obsidian-900);border-radius:4px;padding:48px 48px 40px;position:relative}.loopwrap .k{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-fog-700);margin-bottom:14px;font-size:.6875rem;font-weight:500;display:block}.loop{grid-template-columns:.95fr 44px 1.1fr 64px 1fr 40px 1.3fr;align-items:start;display:grid;position:relative}@media (min-width:1101px){.loop>*{height:var(--lh,560px)}.lp-out{height:100%}}.loop .col{flex-direction:column;min-width:0;display:flex}.loop .cap{color:var(--color-fog-700);max-width:28ch;margin:-4px 0 16px;font-size:.8125rem}.lp-site{background:var(--color-obsidian-900);border:1px solid var(--color-obsidian-600);color:var(--color-bone-100);border-radius:6px;overflow:hidden}.lp-site .bar{border-bottom:1px solid var(--color-obsidian-600);align-items:center;gap:6px;padding:10px 12px;display:flex}.lp-site .bar i{background:var(--color-obsidian-600);border-radius:50%;width:8px;height:8px}.lp-site .bar span{background:var(--color-obsidian-800);font-family:var(--font-mono);color:var(--color-fog-400);border-radius:9999px;flex:1;margin-left:8px;padding:3px 10px;font-size:.625rem}.lp-site .pg{gap:8px;padding:16px 14px;display:grid}.lp-site .pg b{background:var(--color-bone-500);opacity:.85;border-radius:2px;height:8px;display:block}.lp-site .pg b:nth-child(2){width:75%}.lp-site .pg b:nth-child(3){background:var(--color-sand-500);opacity:1;width:50%}.lp-site .pg em{background:var(--color-bone-100);border-radius:9999px;width:44%;height:18px;margin-top:4px;display:block}.lp-site .chk{border:1px solid var(--color-obsidian-600);border-radius:4px;margin:6px 12px 14px;padding:10px 12px}.lp-site .chk p{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fog-400);justify-content:space-between;font-size:.5625rem;display:flex}.lp-site .chk ul{font-family:var(--font-mono);color:var(--color-bone-100);grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:8px;font-size:.625rem;list-style:none;display:grid}.lp-site .chk li:before{content:"✓ ";color:var(--color-sand-500)}.lp-src{gap:10px;list-style:none;display:grid}.lp-src li{background:var(--color-bone-50);border:1px solid var(--color-bone-500);border-radius:9999px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:grid}.lp-src .ic{background:var(--color-bone-200);width:32px;height:32px;color:var(--color-obsidian-900);border-radius:50%;place-items:center;display:grid}.lp-src .ic svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lp-src b{font-size:.875rem;font-weight:500;line-height:1.2;display:block}.lp-src small{color:var(--color-fog-700);font-size:.75rem;line-height:1.3;display:block}.lp-src li.lp-soon{background:0 0;border-style:dashed}.lp-src li.lp-soon em{font-style:normal;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fog-700);font-size:.5625rem}.lp-link{position:relative}.lp-link svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lp-link path{fill:none;stroke:var(--color-fog-500);stroke-width:1.25px;vector-effect:non-scaling-stroke}.lp-link path.hot{stroke:var(--color-sand-800);stroke-width:1.75px}.lp-link path.dash{stroke-dasharray:4 4}.lp-eng{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:40px;display:flex}.lp-ring{aspect-ratio:1;background:var(--color-bone-50);border:1px solid var(--color-bone-500);border-radius:50%;place-items:center;width:min(100%,250px);display:grid;position:relative}.lp-ring:before{content:"";border:1px dashed var(--color-fog-500);opacity:.6;border-radius:50%;position:absolute;inset:12%}.lp-core{aspect-ratio:1;background:var(--color-obsidian-900);width:52%;color:var(--color-bone-100);text-align:center;font-family:var(--font-heading);z-index:1;border-radius:50%;place-items:center;font-size:1.125rem;line-height:1.1;display:grid;position:relative;box-shadow:0 0 0 6px #c9a66b2e}.lp-core small{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-sand-500);text-transform:uppercase;margin-top:6px;font-size:.5625rem;display:block}.lp-st{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-obsidian-900);z-index:2;flex-direction:column;align-items:center;gap:4px;font-size:.5625rem;font-weight:500;display:flex;position:absolute}.lp-st i{background:var(--color-obsidian-900);width:22px;height:22px;color:var(--color-bone-100);letter-spacing:0;border-radius:50%;place-items:center;font-size:.625rem;font-style:normal;display:grid}.lp-st.s1{top:-8px;left:50%;transform:translate(-50%)}.lp-st.s2{flex-direction:column-reverse;bottom:10%;left:-6%}.lp-st.s3{flex-direction:column-reverse;bottom:10%;right:-10%}.lp-find{background:var(--color-obsidian-900);color:var(--color-bone-100);border-radius:4px;max-width:260px;margin-top:22px;padding:12px 16px;font-size:.8125rem;position:relative}.lp-find:before{content:"";border-left:1px solid var(--color-fog-500);height:22px;position:absolute;top:-22px;left:50%}.lp-find span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-sand-500);margin-bottom:4px;font-size:.5625rem;display:block}.lp-out{background:var(--color-obsidian-900);color:var(--color-bone-100);border:1px solid var(--color-sand-500);border-radius:8px;padding:22px 18px 18px;box-shadow:0 0 0 4px #c9a66b1f}.lp-out .k{color:var(--color-sand-500)}.lp-out ul{gap:8px;list-style:none;display:grid}.lp-out li{background:var(--color-obsidian-800);border:1px solid var(--color-obsidian-600);border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.lp-out b{font-size:.875rem;font-weight:500;line-height:1.3}.lp-out small{color:var(--color-fog-400);font-size:.75rem;line-height:1.35}figure.loopwrap .tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}figure.loopwrap .tag.auto{border:1px solid var(--color-fog-500);color:var(--color-fog-400)}figure.loopwrap .tag.auto:before{content:"↻"}figure.loopwrap .tag.ok{background:var(--color-sand-500);color:var(--color-obsidian-900)}figure.loopwrap .tag.ok:before{content:"●"}figure.loopwrap .tag.request{border:1px solid var(--color-sand-800);color:var(--color-sand-800)}figure.loopwrap .tag.request:before{content:"+"}figure.loopwrap .lp-out .tag.request{border-color:var(--color-sand-500);color:var(--color-sand-400)}figure.loopwrap .tag.auto{border-color:var(--color-fog-600);color:var(--color-fog-700)}figure.loopwrap .lp-legend .tag.ok{background:var(--color-sand-800);color:var(--color-bone-50)}figure.loopwrap .lp-out .tag.auto{border-color:var(--color-fog-500);color:var(--color-fog-400)}figure.loopwrap .lp-out .tag.ok{background:var(--color-sand-500);color:var(--color-obsidian-900)}.lp-legend{color:var(--color-fog-400);gap:8px;margin-top:14px;font-size:.75rem;display:grid}.lp-legend div{align-items:center;gap:10px;display:flex}.lp-legend.below{color:var(--color-fog-700);flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:16px;display:flex}.lp-back{height:96px;margin-top:8px;position:relative}.lp-back svg{width:100%;height:100%;position:absolute;inset:0}.lp-back path{fill:none;stroke:var(--color-sand-800);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.lp-pill{background:var(--color-obsidian-900);color:var(--color-bone-100);white-space:nowrap;border-radius:9999px;align-items:center;gap:10px;padding:10px 20px 10px 12px;font-size:.875rem;font-weight:500;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lp-pill i{background:var(--color-sand-500);width:22px;height:22px;color:var(--color-obsidian-900);border-radius:50%;place-items:center;font-size:.75rem;font-style:normal;display:grid}.lp-note{text-align:center;color:var(--color-fog-700);margin-top:10px;font-size:.75rem}@media (prefers-reduced-motion:no-preference){.loopwrap.arm .lp-link path{stroke-dasharray:240;stroke-dashoffset:240px;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.loopwrap.arm .lp-link path.dash{stroke-dasharray:4 4;stroke-dashoffset:0}.loopwrap.in .lp-link path{stroke-dashoffset:0}.loopwrap.in .lp-back path{animation:6s linear infinite lp-drift}.loopwrap.arm .col{opacity:.6;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.loopwrap.in .col{opacity:1;transform:none}.loopwrap.in .col:nth-child(3){transition-delay:.12s}.loopwrap.in .col:nth-child(5){transition-delay:.24s}.loopwrap.in .col:nth-child(7){transition-delay:.36s}}@keyframes lp-drift{to{stroke-dashoffset:-80px}}.loopwrap.compact{padding:36px 28px 28px}.loopwrap.compact .cap,.loopwrap.compact .lp-legend,.loopwrap.compact .lp-src small,.loopwrap.compact .lp-out small,.loopwrap.compact .lp-find{display:none}.loopwrap.compact .lp-ring{width:min(100%,190px)}@media (max-width:1100px){.loop{grid-template-columns:1fr 1fr;gap:40px 32px}.loop .lp-link,.lp-back{display:none}.loopwrap .lp-note{margin-top:28px}.loop .col{position:relative}}@media (max-width:640px){.loopwrap{margin:0 -8px;padding:36px 20px 28px}.loop{grid-template-columns:1fr;gap:0}.loop .col+.lp-link+.col,.loop .col~.col{margin-top:44px}.loop .col~.col:before{content:"↓";font-family:var(--font-mono);color:var(--color-sand-800);position:absolute;top:-36px;left:50%;transform:translate(-50%)}.lp-st.s2{left:-2%}.lp-st.s3{right:-4%}}
