.lc-wrap{--lc-from:var(--line2);--lc-to:var(--line2);--lc-hue-violet:hsl(280 90% 68%);--lc-hue-rose:hsl(340 90% 62%);--lc-hue-cyan:var(--unl-cyan);--lc-hue-green:var(--met)}.lc-from-violet,.lc-violet{--lc-from:var(--lc-hue-violet)}.lc-from-rose,.lc-rose{--lc-from:var(--lc-hue-rose)}.lc-cyan,.lc-from-cyan{--lc-from:var(--lc-hue-cyan)}.lc-from-green,.lc-green{--lc-from:var(--lc-hue-green)}.lc-to-violet{--lc-to:var(--lc-hue-violet)}.lc-to-rose{--lc-to:var(--lc-hue-rose)}.lc-to-cyan{--lc-to:var(--lc-hue-cyan)}.lc-to-green{--lc-to:var(--lc-hue-green)}.lc-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0 0}.lc-hint{font-size:13px;color:var(--dim)}.lc-ctl{font:500 13px/1 var(--body);color:var(--text);background:transparent;border:1px solid var(--line2);border-radius:999px;padding:9px 14px;cursor:pointer}.lc-ctl:hover{border-color:var(--text)}.loop-cards{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;text-align:left}.loop-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 18px;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:radial-gradient(120% 80% at 0 0,color-mix(in srgb,var(--lc-from) 14%,transparent),transparent 60%),radial-gradient(120% 80% at 100% 100%,color-mix(in srgb,var(--lc-to) 12%,transparent),transparent 60%),var(--ink2);transition:border-color .4s,box-shadow .4s,opacity .3s}.loop-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--lc-from),var(--lc-to))}.loop-card.is-lit{border-color:color-mix(in srgb,var(--lc-to) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lc-to) 40%,transparent),0 0 28px color-mix(in srgb,var(--lc-to) 18%,transparent)}.lc-mode-full .loop-card.is-open{opacity:.35}.lc-stage .lc-id,.loop-card .lc-id{font:500 11.5px/1.4 var(--mono);letter-spacing:.06em;color:var(--dim)}.lc-time{margin:0;font-size:13.5px;color:var(--muted)}.lc-time b{display:block;font:600 30px/1.1 var(--disp);letter-spacing:-.01em;background:linear-gradient(90deg,var(--lc-from),var(--lc-to));-webkit-background-clip:text;background-clip:text;color:transparent}.loop-card .lc-line{margin:0;font:500 16.5px/1.45 var(--body);color:var(--text);text-wrap:pretty}.lc-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 8px;font-size:12.5px}.lc-chip{padding:4px 9px;border-radius:999px;color:var(--text);border:1px solid color-mix(in srgb,var(--lc-from) 55%,transparent);background:color-mix(in srgb,var(--lc-from) 13%,transparent)}.lc-open{align-self:flex-start;font:500 13px/1 var(--body);color:var(--text);background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--lc-to);text-decoration-color:var(--lc-to)}.loop-card .lc-steps{margin-top:auto;font-size:13.5px}.loop-card .lc-steps summary{cursor:pointer;color:var(--muted);padding:6px 0;list-style-position:inside}.loop-card .lc-steps summary:hover{color:var(--text)}.lc-play,.loop-card .lc-steps ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.lc-play li,.loop-card .lc-steps li{display:grid;grid-gap:2px;gap:2px}.lc-play li b,.loop-card .lc-steps li b{font-weight:600;color:var(--text);font-size:13px}.lc-play li span,.loop-card .lc-steps li span{color:var(--muted)}.lc-play li small,.loop-card .lc-steps li small{color:var(--dim);font:400 11.5px/1.4 var(--mono)}.lc-change,.loop-card .lc-steps a{display:inline-block;margin-top:10px;color:var(--text);text-decoration:underline;text-underline-offset:3px}.lc-stage{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:90;overflow:auto;border:1px solid color-mix(in srgb,var(--lc-to) 45%,transparent);background:radial-gradient(70% 60% at 0 0,color-mix(in srgb,var(--lc-from) 22%,transparent),transparent 65%),radial-gradient(70% 60% at 100% 100%,color-mix(in srgb,var(--lc-to) 20%,transparent),transparent 65%),var(--ink);transition:top .65s cubic-bezier(.2,.7,.2,1),left .65s cubic-bezier(.2,.7,.2,1),width .65s cubic-bezier(.2,.7,.2,1),height .65s cubic-bezier(.2,.7,.2,1),border-radius .65s,opacity .4s}.lc-stage:before{content:"";position:-webkit-sticky;position:sticky;display:block;top:0;height:4px;background:linear-gradient(90deg,var(--lc-from),var(--lc-to))}.lc-stage-in{box-sizing:border-box;max-width:860px;margin:0 auto;padding:clamp(28px,8vh,96px) 24px 40px;display:flex;flex-direction:column;gap:14px;opacity:0;transition:opacity .35s .2s}.lc-stage.is-full .lc-stage-in{opacity:1}.lc-stage.is-shrink .lc-stage-in{opacity:0;transition-delay:0s}.lc-stage .lc-time b{font-size:clamp(44px,8vw,88px)}.lc-stage .lc-time{font-size:16px}.lc-stage .lc-line{margin:0;font:600 clamp(22px,3vw,32px)/1.3 var(--disp);color:var(--text);text-wrap:balance}.lc-stage .lc-meta{font-size:14px}.lc-play{margin-top:10px;gap:14px;font-size:15px}.lc-play li{opacity:.12;transform:translateY(6px);transition:opacity .5s,transform .5s}.lc-play li.is-on{opacity:1;transform:none}.lc-play li b{font-size:14.5px}.lc-stage-ctl{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lc-mode-calm .lc-stage,.lc-mode-phone .lc-stage{transition:opacity .3s}@media (prefers-reduced-motion:reduce){.lc-play li,.lc-stage,.lc-stage-in,.loop-card{transition:none}.lc-play li{transform:none}}@media (max-width:960px){.loop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.loop-cards{grid-template-columns:1fr}.lc-stage-in{padding:28px 18px 32px}}