.lbe{--lbe-bg: var(--surface);--lbe-surface: var(--surface-strong);--lbe-border: var(--border);--lbe-accent: var(--accent);--lbe-text: var(--text);--lbe-muted: var(--muted);border:1px solid var(--lbe-border);border-radius:20px;padding:1rem;background:var(--lbe-bg);backdrop-filter:blur(10px)}.lbe__header{display:grid;gap:1rem;margin-bottom:1rem}.lbe__title{margin:0;font-size:1.35rem;line-height:1.2}.lbe__intro{margin:.35rem 0 0;color:var(--lbe-muted);max-width:70ch}.lbe__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem 1rem;align-items:end;padding:.85rem;border:1px solid var(--lbe-border);border-radius:16px;background:var(--lbe-surface)}.lbe__control{display:grid;gap:.35rem;font-size:.95rem}.lbe__control input[type=range],.lbe__control select{width:100%}.lbe__control--checkbox{display:flex;align-items:center;gap:.55rem;align-self:center}.lbe__control--conditional{transition:opacity .2s ease}.lbe__control--conditional[style*="display: none"]{opacity:0}.lbe__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem}.lbe__canvas-wrap{position:relative;min-width:0}.lbe__canvas{width:100%;display:block;border-radius:18px;border:1px solid var(--lbe-border);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 8%,transparent),transparent 38%),var(--bg);cursor:move;touch-action:none}.lbe__canvas.is-pannable{cursor:grab}.lbe__canvas.is-dragging{cursor:grabbing}.lbe__details{border:1px solid var(--lbe-border);border-radius:18px;padding:1rem;background:var(--lbe-surface)}.lbe__panel-title{margin-top:0;margin-bottom:.25rem;font-size:1.1rem}.lbe__harmony-label{margin-top:0;margin-bottom:.6rem;font-size:.88rem;color:var(--lbe-accent, #6ea2f7);letter-spacing:.02em}.lbe__legend{margin-top:.65rem;font-size:.92rem;color:var(--lbe-muted)}.lbe__muted{color:var(--lbe-muted)}.lbe__fiber-key{margin:.6rem 0 .35rem;padding:.65rem .75rem;border-left:3px solid var(--lbe-accent);background:color-mix(in srgb,var(--lbe-accent) 6%,transparent);border-radius:0 8px 8px 0;font-size:.88rem;line-height:1.45}.lbe__fiber-key p{margin:0 0 .3rem}.lbe__fiber-key p:last-child{margin-bottom:0}.lbe__fiber-key-title{font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--lbe-accent);margin-bottom:.4rem!important}.lbe__error{color:#ffb4b4}.lbe__edge{stroke:color-mix(in srgb,var(--muted) 25%,transparent);stroke-width:1}.lbe__fiber-node{stroke:#fff9;stroke-width:.8;cursor:crosshair}.lbe__fiber--selected .lbe__fiber-node{pointer-events:all}.lbe__entropy-legend-label{font-size:9px;fill:var(--lbe-muted);pointer-events:none}.lbe__fiber-edge{stroke:var(--lbe-accent);stroke-opacity:.65;stroke-width:1.6}.lbe__fiber-orbit{fill:none;stroke:var(--lbe-accent);stroke-opacity:.45;stroke-width:1.8;stroke-dasharray:6 4}.lbe__fiber--mini .lbe__fiber-node{opacity:.7;stroke-width:.5}.lbe__fiber--mini .lbe__fiber-edge{stroke-opacity:.35;stroke-width:.9}.lbe__fiber--mini .lbe__fiber-orbit{stroke-opacity:.2;stroke-width:1}.lbe__node{cursor:pointer;transition:transform .14s ease,stroke .14s ease}.lbe__node--ghost{cursor:pointer;pointer-events:all}.lbe__node:hover,.lbe__node.is-selected{stroke:var(--lbe-accent)}.lbe__label{font-size:12px;fill:var(--text);pointer-events:none}.lbe__label--discovered{fill-opacity:.7;font-size:11px}.lbe__zoom-badge{font-size:14px;font-weight:600;fill:var(--lbe-muted);fill-opacity:.6;pointer-events:none}.lbe__tour-overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;padding:0 12px 10px;z-index:10}.lbe__tour-play{pointer-events:auto;position:absolute;bottom:48px;left:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:color-mix(in srgb,var(--lbe-accent) 85%,black);color:#fff;cursor:pointer;box-shadow:0 2px 12px #00000059;transition:transform .18s ease,background .18s ease}.lbe__tour-play:hover{transform:scale(1.1);background:var(--lbe-accent)}.lbe__tour-play[data-playing=true] svg{display:none}.lbe__tour-play[data-playing=true]:after{content:"";display:block;width:14px;height:16px;border-left:4px solid #fff;border-right:4px solid #fff}.lbe__tour-caption{pointer-events:none;width:100%;min-height:0;max-height:0;overflow:hidden;padding:0 52px 0 0;margin-bottom:6px;background:linear-gradient(to top,#000000b8,#00000061);border-radius:10px;color:#fff;font-size:.95rem;line-height:1.45;opacity:0;transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.lbe__tour-caption.is-visible{max-height:120px;opacity:1;padding:10px 52px 10px 14px}.lbe__tour-progress-track{width:100%;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s ease}.lbe__tour-progress-track.is-visible{opacity:1}.lbe__tour-progress-bar{height:100%;width:0%;background:var(--lbe-accent);border-radius:2px;transition:width 80ms linear}.lbe__fiber-dot{fill:var(--lbe-accent, #6ea2f7);pointer-events:none}.lbe__fiber-tooltip{position:absolute;top:0;left:0;pointer-events:none;z-index:20;background:var(--lbe-panel, rgba(20, 20, 30, .92));border:1px solid var(--lbe-border, rgba(255, 255, 255, .12));border-radius:6px;padding:6px 10px;font-size:.78rem;line-height:1.5;color:var(--lbe-text, #e0e0e0);white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #0006}.lbe__fiber-tooltip.is-visible{opacity:1;transform:translateY(0)}.lbe__fiber-tooltip-label{font-weight:600;color:var(--lbe-accent, #6ea2f7);margin-right:4px}.lbe__neighbor-fibers{margin-top:.75em;padding:8px 10px;background:#6ea2f70f;border-left:3px solid var(--lbe-accent, #6ea2f7);border-radius:0 6px 6px 0;font-size:.82rem}.lbe__neighbor-fibers-title{font-weight:600;color:var(--lbe-accent, #6ea2f7);margin:0 0 4px}.lbe__neighbor-list{margin:6px 0 0;padding-left:1.2em;list-style:disc;font-size:.78rem;line-height:1.6}.lbe__neighbor-list li{color:var(--lbe-text, #e0e0e0)}.lbe__fiber-label{font-size:7px;font-family:var(--lbe-mono, "JetBrains Mono", monospace);fill:var(--lbe-text, #e0e0e0);opacity:.82;pointer-events:none;dominant-baseline:middle;paint-order:stroke;stroke:var(--lbe-bg, #111);stroke-width:2.5px}@media(max-width:960px){.lbe__main{grid-template-columns:1fr}.lbe__tour-caption{font-size:.85rem}.lbe__tour-play{width:38px;height:38px;bottom:42px}}