.lr{--lr-ink:var(--white,#f4f4fc);--lr-muted:var(--muted,rgba(238,238,248,0.45));--lr-rule:var(--border2,rgba(255,255,255,0.14));--lr-panel:var(--surface,#0c0c16);container-type:inline-size;width:100%;max-width:480px;margin-inline:auto}.lr-stage{position:relative;width:100%;aspect-ratio:1}.lr-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.lr-base{fill:none;stroke:var(--lr-rule);stroke-width:2}.lr-quarter{fill:none;stroke-width:3;stroke-linecap:round;opacity:.35}.lr-head{stroke:var(--lr-muted);stroke-width:2;stroke-linejoin:round}.lr-head,.lr-trail{fill:none;stroke-linecap:round}.lr-trail{stroke-width:4.5;opacity:.9}.lr-newpath{fill:none;stroke:var(--amber,#f59e0b);stroke-width:2;stroke-dasharray:4 4}.lr-run .lr-token{opacity:0}.lr-mark-line{stroke:var(--lr-rule);stroke-width:1.4}.lr-mark-line.faint{opacity:.6;stroke-dasharray:2 3}.lr-mark-halo{fill:#7c3aed;opacity:.18}.lr-mark-person{fill:var(--lavender,#a78bfa)}.lr-node{position:absolute;aspect-ratio:1;cursor:pointer;transition:transform .45s ease;-webkit-tap-highlight-color:transparent}.lr-face{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px var(--c);transition:box-shadow .45s ease}.tp .tpx .lr-face .x-avatar{width:100%;height:100%;box-shadow:none}.lr-node.on{transform:scale(1.22);z-index:2}.lr-node.on .lr-face{box-shadow:0 0 0 3px var(--c),0 0 26px 2px var(--c)}.lr-badge{position:absolute;right:-6%;bottom:-6%;width:34%;height:34%;border-radius:50%;box-shadow:0 0 0 2px var(--bg,#080810)}.lr-name{position:absolute;left:50%;top:106%;transform:translateX(-50%);font-family:var(--mono,monospace);font-size:clamp(10px,2.7cqw,13px);letter-spacing:.08em;text-transform:uppercase;color:var(--lr-muted);white-space:nowrap;transition:color .3s}.lr-node.on .lr-name{color:var(--c);font-size:clamp(9px,2.3cqw,11px)}.lr-node.top .lr-name{top:auto;bottom:106%}.lr-mini{width:100%;height:100%;display:block;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f3f4fa}.tp:not(.tp-light) .lr-mini{background:#0d1020}.lr-reader{position:absolute;aspect-ratio:1;opacity:0;transform:scale(.7);transition:opacity .4s,transform .4s;border-radius:50%;box-shadow:0 0 0 2px #f97316}.lr-reader.on{opacity:1;transform:none}.lr:not(.lr-run) .lr-reader{opacity:.6;transform:scale(.9)}.lr-chip{position:absolute;z-index:3;pointer-events:none;font-family:var(--mono,monospace);font-size:clamp(9px,2.5cqw,11.5px);letter-spacing:.08em;text-transform:uppercase;color:var(--amber,#f59e0b);border:1px solid var(--amber,#f59e0b);border-radius:999px;padding:.35em .8em;background:var(--lr-panel);white-space:nowrap;box-shadow:0 0 14px rgba(245,158,11,.25)}.lr-run .lr-chip{opacity:0}.lr-cap{position:absolute;left:50%;top:49%;width:52%;transform:translateX(-50%);text-align:center;display:grid;gap:.35em;pointer-events:none}.lr-cap b{font-family:var(--mono,monospace);font-weight:500;font-size:clamp(9.5px,2.6cqw,12px);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}.lr-cap span{font-family:var(--serif,serif);font-size:clamp(13px,4cqw,19px);line-height:1.2;color:var(--lr-ink)}@media (prefers-reduced-motion:no-preference){.lr-run .lr-mark{animation:lr-spin 60s linear infinite;transform-origin:200px 152px}.lr-run .lr-cap span{animation:lr-fade .5s ease-out both}}@keyframes lr-spin{to{transform:rotate(1turn)}}@keyframes lr-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lr-face,.lr-node,.lr-reader{transition:none}}