.canvas-container.svelte-1pgy7ft{position:relative;-webkit-user-select:none;user-select:none;cursor:crosshair}.axis-label.svelte-1pgy7ft{position:absolute;font-family:sans-serif;font-weight:600;color:#bbb;font-size:.85rem;pointer-events:none}.top.svelte-1pgy7ft{left:50%;top:10px;transform:translate(-50%)}.bottom.svelte-1pgy7ft{left:50%;bottom:10px;transform:translate(-50%)}.left.svelte-1pgy7ft{left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}.right.svelte-1pgy7ft{right:0;top:50%;transform:translateY(-50%) rotate(90deg)}.tooltip.svelte-1pgy7ft{position:absolute;background:#fffffff5;border:.2px solid #ccc;box-shadow:0 4px 10px #0000001f;padding:6px 10px;border-radius:4px;font-family:sans-serif;pointer-events:none;display:flex;flex-direction:column;gap:2px;z-index:1000;white-space:nowrap}.tooltip-name.svelte-1pgy7ft{font-weight:700;color:#767676;font-size:.9rem}.tooltip-details.svelte-1pgy7ft{font-size:.75rem;color:#666}.header-container.svelte-1pgy7ft{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;font-family:var(--font-sans);color:var(--text-muted);text-align:center;max-width:350px;background-color:var(--bg-color);opacity:1}h1.svelte-1pgy7ft{font-weight:900;font-size:2.5rem;line-height:3.5rem;margin:.3rem 0}.source.svelte-1pgy7ft{color:#666;font-size:.7rem}.legend-wrapper.svelte-1pgy7ft{margin:10px auto auto}@media(max-width:768px){h1.svelte-1pgy7ft{font-size:1.3rem;line-height:1.5rem}}@media(max-width:1200px){h1.svelte-1pgy7ft{font-size:1rem;line-height:1.3rem;max-width:300px;margin:auto}.source.svelte-1pgy7ft{color:#666;font-size:.6rem}}.explainer-section.svelte-brox2{display:flex;flex-direction:column;position:relative;margin:auto;max-width:750px;padding:0 1.2rem;box-sizing:border-box;width:100%;overflow-x:hidden}.explainer-section.svelte-brox2 p:where(.svelte-brox2){padding:.7rem 0;font-size:1.15rem;line-height:1.7rem;margin:0;color:#333;width:100%;word-break:break-word;overflow-wrap:break-word}.code-block.svelte-brox2{background-color:#f5f5f5;border-radius:6px;padding:1rem;margin:1rem 0;max-width:100%;overflow-x:auto;white-space:pre;border:1px solid #e1e1e1}.code-block.svelte-brox2 code:where(.svelte-brox2){font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.4rem;color:#2c3e50}@media(max-width:768px){.explainer-section.svelte-brox2 p:where(.svelte-brox2){font-size:1.05rem;line-height:1.5rem}.code-block.svelte-brox2{padding:.75rem;margin:.75rem 0}.code-block.svelte-brox2 code:where(.svelte-brox2){font-size:.85rem;line-height:1.25rem}}