.ep-diagram{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.ep-views{gap:var(--space-24);display:grid}.ep-frame{aspect-ratio:1;width:100%;position:relative}.ep-view{position:absolute;inset:0}.ep-view svg{width:100%;height:100%;display:block;overflow:visible}.ep-axis{fill:none;stroke:var(--color-border);stroke-width:2px}.ep-curve-base{fill:none;stroke:color-mix(in srgb, var(--color-brand) 16%, transparent);stroke-width:5px;stroke-linecap:round}.ep-curve{fill:none;stroke:var(--color-brand);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1000}.ep-earlier{fill:none;stroke:color-mix(in srgb, var(--color-brand) 55%, var(--color-paper));stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 11;opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic)}.ep-reflex[data-earlier] .ep-earlier{opacity:1}.ep-node{fill:var(--color-paper);stroke:var(--color-border);stroke-width:3px;transform-box:fill-box;transform-origin:50%;transition:stroke var(--duration-normal) var(--ease-cinematic), fill var(--duration-normal) var(--ease-cinematic), transform var(--duration-normal) var(--ease-cinematic)}.ep-node[data-reached]{stroke:var(--color-brand)}.ep-node[data-current]{fill:var(--color-brand);transform:scale(1.15)}.ep-comet-halo{fill:var(--color-selected);opacity:.9}.ep-comet-core{fill:var(--color-brand)}.ep-comet .ep-comet-halo{transform-box:fill-box;transform-origin:50%}.ep-axis-label,.ep-earlier-label,.ep-label,.ep-now,.ep-loop-label{font-size:var(--text-14);color:var(--color-muted);pointer-events:none;line-height:1.35;position:absolute}.ep-axis-y{transform:translateY(-50%)}.ep-axis-x{transform:translate(-100%,-50%)}.ep-earlier-label{text-align:right;max-width:11em;transform:translate(calc(-100% - var(--space-12)), -50%);color:var(--color-text);opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic)}.ep-reflex[data-earlier] .ep-earlier-label{opacity:1}.ep-label{letter-spacing:0;font-variant-numeric:tabular-nums;transition:color var(--duration-normal) var(--ease-cinematic)}.ep-label[data-side=right]{transform:translate(var(--space-16), -50%)}.ep-label[data-side=left]{transform:translate(calc(-100% - var(--space-16)), -50%)}.ep-label[data-reached]{color:var(--color-text)}.ep-label[data-current]{color:var(--color-brand)}.ep-now{align-items:baseline;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--color-selected);color:var(--color-selected-text);font-size:var(--text-15);display:flex;top:0;right:0}.ep-now b{font-weight:var(--font-weight-regular);letter-spacing:0;font-variant-numeric:tabular-nums}.ep-arc{fill:none;stroke:var(--color-brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0;transition:stroke var(--duration-slow) var(--ease-cinematic), stroke-dashoffset var(--duration-slow) var(--ease-cinematic)}.ep-orbit{transform-box:view-box;transform-origin:230px 320px;transition:opacity var(--duration-normal) var(--ease-exit)}.ep-orbit-trail{fill:none;stroke:var(--color-brand);stroke-width:5px;stroke-linecap:round;opacity:.3}.ep-loop-node{fill:var(--color-paper);stroke:var(--color-brand);stroke-width:3px}.ep-loop-label{max-width:9em;color:var(--color-text);transition:color var(--duration-slow) var(--ease-cinematic)}.ep-loop-label[data-side=right]{transform:translate(var(--space-16), -50%)}.ep-loop-label[data-side=left]{transform:translate(calc(-100% - var(--space-16)), -50%);text-align:right}.ep-loop-label[data-side=above]{transform:translate(-50%, calc(-100% - var(--space-16)));text-align:center}.ep-loop-label[data-side=below]{transform:translate(-50%, var(--space-16));text-align:center}.ep-exit{fill:none;stroke:var(--color-brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset var(--duration-slow) var(--ease-cinematic)}.ep-exit-comet{opacity:0;transform:translate(150px)}.ep-exit-card{gap:var(--space-4);max-width:26%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-paper) 82%, transparent);-webkit-backdrop-filter:blur(var(--blur-control));backdrop-filter:blur(var(--blur-control));box-shadow:var(--shadow-floating);font-size:var(--text-15);color:var(--color-text);transform:translate(var(--space-8), -50%) scale(.96);opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic), transform var(--duration-slow) var(--ease-cinematic);line-height:1.3;display:grid;position:absolute}.ep-exit-kicker{font-size:var(--text-14);color:var(--color-muted)}.ep-loop[data-broken] .ep-arc:not(.ep-arc-gap){stroke:var(--color-border)}.ep-loop[data-broken] .ep-arc-gap{stroke-dashoffset:1000px}.ep-loop[data-broken] .ep-loop-label{color:var(--color-muted)}.ep-loop[data-broken] .ep-orbit{opacity:0}.ep-loop[data-broken] .ep-exit{stroke-dashoffset:0;transition-delay:var(--duration-fast)}.ep-loop[data-broken] .ep-exit-comet{opacity:1}.ep-loop[data-broken] .ep-exit-card{opacity:1;transform:translate(var(--space-8), -50%);transition-delay:var(--duration-normal)}.ep-loop-foot{gap:var(--space-16);justify-items:start;display:grid}.ep-loop-foot p{max-width:52ch;font-size:var(--text-15);color:var(--color-muted);line-height:1.55}.ep-break{min-height:var(--touch-target);padding:var(--space-8) var(--space-20);border:var(--border-hairline) solid var(--color-text);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-15);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;align-items:center;display:inline-flex}.ep-break:hover{background:var(--color-fog)}.ep-break:active{transform:scale(var(--motion-active-scale));background:var(--color-selected)}.ep-break[aria-pressed=true]{background:var(--color-text);color:var(--color-paper)}.ep-break[aria-pressed=true]:hover{background:var(--color-ink)}@media (prefers-reduced-motion:no-preference){.ep-loop[data-playing]:not([data-broken]) .ep-orbit{animation:ep-orbit calc(var(--duration-cinematic) * 5) linear infinite}.ep-loop[data-playing][data-broken] .ep-exit-comet{animation:ep-exit calc(var(--duration-cinematic) * 3) var(--ease-cinematic) infinite;animation-delay:var(--duration-slow)}.ep-reflex[data-playing] .ep-comet .ep-comet-halo{animation:ep-glow calc(var(--duration-cinematic) * 3) var(--ease-standard) infinite}}@keyframes ep-orbit{to{transform:rotate(360deg)}}@keyframes ep-exit{0%{opacity:0;transform:translate(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(176px)}}@keyframes ep-glow{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.ep-diagram:not([data-enhanced]) .ep-views{gap:var(--space-40)}@media (max-width:767px){.ep-now{font-size:var(--text-14);padding:var(--space-4) var(--space-12)}.ep-exit-card{max-width:30%;padding:var(--space-8) var(--space-12);font-size:var(--text-14)}}@media (prefers-reduced-transparency:reduce){.ep-exit-card{background:var(--color-paper);-webkit-backdrop-filter:none;backdrop-filter:none}}