:root,[data-theme=light]{--dd-moss-100:#d4e6d0;--dd-moss-200:#9cc494;--dd-moss-300:#6aaa58;--dd-moss-400:#4a6741;--dd-moss-500:#3a5533;--dd-earth-50:#fff;--dd-earth-100:#f4f4f4;--dd-earth-200:#e0e0e0;--dd-earth-300:#b0b0b0;--dd-earth-400:#707070;--dd-earth-500:#404040;--dd-earth-600:#0a0a0a;--dd-group-people:#4a6741;--dd-group-infra:#5b8a72;--dd-group-tools:#6b5d7a;--dd-group-services:#7a6a4a;--dd-callout-warning:#a0602f;--dd-callout-tip:#4a7a6b;--dd-callout-todo:#7a6a4a;--dd-danger:#a8443a;--dd-success:#4a7a4a;--bg:var(--dd-earth-50);--surface:var(--dd-earth-100);--nav-bg:var(--dd-earth-100);--border:var(--dd-earth-200);--border-strong:var(--dd-earth-300);--text:var(--dd-earth-600);--text-2:var(--dd-earth-500);--text-muted:var(--dd-earth-400);--accent:var(--dd-moss-400);--accent-hover:var(--dd-moss-500);--accent-contrast:#fff;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:var(--dd-callout-warning);--callout-tip:var(--dd-callout-tip);--callout-todo:var(--dd-callout-todo);--danger:var(--dd-danger);--danger-subtle:color-mix(in srgb, var(--danger) 10%, transparent);--success:var(--dd-success);--success-subtle:color-mix(in srgb, var(--success) 10%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 10%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}:root[data-theme=dark],[data-theme=dark]{--bg:#1c1c1e;--surface:#242426;--nav-bg:#161618;--border:#303032;--border-strong:#48484a;--text:#f2f2f7;--text-2:#aeaeb2;--text-muted:#8e8e93;--accent:var(--dd-moss-300);--accent-hover:var(--dd-moss-200);--accent-contrast:#1c1c1e;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:#d4915a;--callout-tip:#6aaa8b;--callout-todo:#aa9a6a;--danger:#d4736a;--danger-subtle:color-mix(in srgb, var(--danger) 14%, transparent);--success:#7aaa7a;--success-subtle:color-mix(in srgb, var(--success) 14%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 14%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1c1e;--surface:#242426;--nav-bg:#161618;--border:#303032;--border-strong:#48484a;--text:#f2f2f7;--text-2:#aeaeb2;--text-muted:#8e8e93;--accent:var(--dd-moss-300);--accent-hover:var(--dd-moss-200);--accent-contrast:#1c1c1e;--accent-subtle:color-mix(in srgb, var(--accent) 8%, transparent);--accent-link:color-mix(in srgb, var(--accent) 40%, transparent);--callout-warning:#d4915a;--callout-tip:#6aaa8b;--callout-todo:#aa9a6a;--danger:#d4736a;--danger-subtle:color-mix(in srgb, var(--danger) 14%, transparent);--success:#7aaa7a;--success-subtle:color-mix(in srgb, var(--success) 14%, transparent);--warning:var(--callout-warning);--warning-subtle:color-mix(in srgb, var(--warning) 14%, transparent);--input-bg:var(--bg);--input-border:var(--border-strong);--input-focus:var(--accent)}}:root{--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-ui:var(--font-body);--font-display:var(--font-body);--text-xs:.72rem;--text-sm:.85rem;--text-base:1rem;--text-md:1.05rem;--text-lg:1.2rem;--text-xl:clamp(1.35rem, 1.15rem + .4vw, 1.55rem);--text-2xl:clamp(1.6rem, 1.25rem + .6vw, 1.85rem);--text-3xl:clamp(1.9rem, 1.45rem + .8vw, 2.35rem);--text-4xl:clamp(2.4rem, 1.8rem + 1.2vw, 3.2rem);--lh-base:1.55;--lh-tight:1.3;--lh-hero:1.15}[data-ui-font=mono]{--font-ui:var(--font-mono)}:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:2px;--radius:4px;--radius-md:6px;--duration-instant:80ms;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-linear:linear}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}#graph{width:100vw;height:100vh}#graph svg{width:100%;height:100%}.brand{pointer-events:none;z-index:10;opacity:.5;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.25rem;left:1.5rem}.brand-mark{width:22px;height:22px;color:var(--accent);display:flex}.brand-mark svg{width:100%;height:100%}.brand-name{font-family:var(--font-mono);color:var(--text);font-size:.8rem;font-weight:600}.hud-tr{z-index:10;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.25rem;right:1.5rem}.hud-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;align-items:center;padding:.5rem;transition:opacity .12s,color .12s;display:flex}.hud-btn:hover{opacity:1;color:var(--text)}.hud-btn svg{width:18px;height:18px}.hint{font-family:var(--font-mono);color:var(--text-muted);opacity:.4;pointer-events:none;font-size:.6rem;transition:opacity .5s;position:fixed;bottom:1.25rem;left:1.5rem}.hint.hidden{opacity:0}.legend-trigger{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;opacity:.4;z-index:10;background:0 0;border:none;padding:.35rem;font-size:.68rem;transition:opacity .12s;position:fixed;bottom:1.25rem;right:1.5rem}.legend-trigger:hover{opacity:1}.legend-pop{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);z-index:10;opacity:0;pointer-events:none;flex-direction:column;gap:.35rem;padding:.6rem .85rem;font-size:.6rem;transition:opacity .12s;display:flex;position:fixed;bottom:2.75rem;right:1.5rem}.legend-pop.visible{opacity:1;pointer-events:auto}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:6px;height:6px}.panel{background:var(--bg);border:none;border-left:2px solid var(--accent);z-index:20;opacity:0;pointer-events:none;width:320px;max-height:80vh;position:fixed;top:50%;right:1.5rem;overflow-y:auto;transform:translateY(-50%)}.p-avatar{aspect-ratio:3;background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.p-avatar img{object-fit:cover;width:100%;height:100%}.p-avatar-letter{font-family:var(--font-mono);color:var(--text-muted);font-size:2rem;font-weight:600}.p-body{padding:1rem 1.25rem 1.25rem}.p-site{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.68rem;font-weight:500;display:flex}.p-soon{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);border-radius:2px;padding:.15em .45em;font-size:.55rem}.p-tagline{color:var(--text);margin-top:.25rem;font-size:1.05rem;font-weight:600;line-height:1.3}.p-detail{color:var(--text-2);margin-top:.6rem;font-size:.84rem;line-height:1.55}.p-stats{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.p-stat{font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border);padding:.25em .55em;font-size:.68rem}.p-tech{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.p-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-subtle);padding:.2em .45em;font-size:.6rem}.p-visit{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);margin-top:.85rem;padding:.35em .75em;font-size:.72rem;text-decoration:none;transition:background .12s,color .12s;display:inline-block}.p-visit:hover{background:var(--accent);color:var(--bg)}.p-edge-head{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;padding:1rem 1.25rem .5rem;font-size:.68rem;display:flex}.p-edge-type{border:1px solid var(--border);color:var(--text-2);padding:.15em .45em;font-size:.6rem}.p-edge-route{font-family:var(--font-mono);color:var(--text);align-items:center;gap:.5rem;padding:.25rem 1.25rem 0;font-size:.9rem;font-weight:600;display:flex}.p-edge-arrow{color:var(--text-muted)}.p-edge-label{color:var(--text);padding:.4rem 1.25rem 0;font-size:1.05rem;font-weight:600;line-height:1.3}.p-edge-detail{color:var(--text-2);padding:.5rem 1.25rem 1.25rem;font-size:.84rem;line-height:1.55}@media (width<=768px){.panel{width:100%;max-height:50vh;inset:auto 0 0;transform:none}}