: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: #ffffff;--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: #c4763a;--dd-callout-tip: #4a7a6b;--dd-callout-todo: #7a6a4a;--bg: var(--dd-earth-50);--surface: var(--dd-earth-100);--nav-bg: var(--dd-earth-100);--border: var(--dd-earth-200);--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: #ffffff;--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)}:root[data-theme=dark],[data-theme=dark]{--bg: #1c1c1e;--surface: #242426;--nav-bg: #161618;--border: #303032;--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}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1c1c1e;--surface: #242426;--nav-bg: #161618;--border: #303032;--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}}: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-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;--radius-sm: 2px;--radius: 4px;--radius-md: 6px}[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}:root{--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: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*{margin:0;padding:0;box-sizing:border-box}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{position:fixed;top:1.25rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;pointer-events:none;z-index:10;opacity:.5}.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);font-size:.8rem;font-weight:600;color:var(--text)}.hud-tr{position:fixed;top:1.25rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:10}.hud-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;opacity:.4;transition:opacity .12s,color .12s;display:flex;align-items:center}.hud-btn:hover{opacity:1;color:var(--text)}.hud-btn svg{width:18px;height:18px}.hint{position:fixed;bottom:1.25rem;left:1.5rem;font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);opacity:.4;pointer-events:none;transition:opacity .5s}.hint.hidden{opacity:0}.legend-trigger{position:fixed;bottom:1.25rem;right:1.5rem;background:none;border:none;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);cursor:pointer;opacity:.4;transition:opacity .12s;z-index:10;padding:.35rem}.legend-trigger:hover{opacity:1}.legend-pop{position:fixed;bottom:2.75rem;right:1.5rem;background:var(--bg);border:1px solid var(--border);padding:.6rem .85rem;font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.35rem;z-index:10;opacity:0;pointer-events:none;transition:opacity .12s}.legend-pop.visible{opacity:1;pointer-events:auto}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:6px;height:6px;border-radius:50%}.panel{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);background:var(--bg);border:none;border-left:2px solid var(--accent);width:320px;max-height:80vh;overflow-y:auto;z-index:20;opacity:0;pointer-events:none}.p-avatar{width:100%;aspect-ratio:3 / 1;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.p-avatar img{width:100%;height:100%;object-fit:cover}.p-avatar-letter{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--text-muted)}.p-body{padding:1rem 1.25rem 1.25rem}.p-site{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.p-soon{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.15em .45em;border:1px solid var(--border);border-radius:2px}.p-tagline{font-size:1.05rem;font-weight:600;color:var(--text);margin-top:.25rem;line-height:1.3}.p-detail{font-size:.84rem;color:var(--text-2);margin-top:.6rem;line-height:1.55}.p-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.p-stat{font-family:var(--font-mono);font-size:.68rem;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:.25em .55em}.p-tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.p-badge{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);background:var(--accent-subtle);padding:.2em .45em}.p-visit{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);margin-top:.85rem;text-decoration:none;padding:.35em .75em;border:1px solid var(--accent);transition:background .12s,color .12s}.p-visit:hover{background:var(--accent);color:var(--bg)}.p-edge-head{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:1rem 1.25rem .5rem;display:flex;align-items:center;gap:.5rem}.p-edge-type{font-size:.6rem;padding:.15em .45em;border:1px solid var(--border);color:var(--text-2)}.p-edge-route{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text);padding:.25rem 1.25rem 0;display:flex;align-items:center;gap:.5rem}.p-edge-arrow{color:var(--text-muted)}.p-edge-label{font-size:1.05rem;font-weight:600;color:var(--text);padding:.4rem 1.25rem 0;line-height:1.3}.p-edge-detail{font-size:.84rem;color:var(--text-2);padding:.5rem 1.25rem 1.25rem;line-height:1.55}@media(max-width:768px){.panel{inset:auto 0 0;transform:none;width:100%;max-height:50vh}}