.xg{position:relative;z-index:1}.xg-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.xg-controls input{min-height:40px;flex:1 1 14rem;min-width:0;border:1px solid var(--rule);border-radius:999px;padding:0 .9rem;background:transparent;color:var(--ink);font:inherit;font-size:.85rem}.xg-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:999px;background:currentColor}.xg-svg{width:100%;height:min(78vh,760px);border:1px solid var(--rule);border-radius:18px;background:var(--panel);touch-action:none;cursor:grab}.xg-svg:active{cursor:grabbing}.xg-link{stroke:var(--rule);stroke-width:.6}.xg-link.is-lit{stroke:var(--gold);stroke-width:1.2}.xg-node{stroke:var(--bg-app,#fff);stroke-width:.8;cursor:pointer;transition:opacity .15s}.xg-node.is-dim{opacity:.15}.xg-hymn{fill:var(--ink-muted);color:var(--ink-muted)}.xg-author{fill:var(--gold);color:var(--gold)}.xg-tune{fill:#4f7bb5;color:#4f7bb5}.xg-meter{fill:#8a6bb0;color:#8a6bb0}.xg-label{font-family:var(--font-jakarta),system-ui,sans-serif;font-size:6px;fill:var(--ink);pointer-events:none;paint-order:stroke;stroke:var(--bg-app,#fff);stroke-width:2px}.xg-label-author,.xg-label-meter{font-weight:700;font-size:7px}