:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--sidebar:#fff;--text:#0f172a;--muted:#64748b;--faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#2563eb;--accent-soft:#eff6ff;--accent-text:#1d4ed8;--card:#fff;--shadow:0 12px 40px #0f172a14;--good:#047857;--good-bg:#ecfdf5;--bad:#b91c1c;--bad-bg:#fef2f2;--warn:#b45309;--code:#0f172a;--map-bg:#f8fafc;--node:#fff;--edge:#94a3b8}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#111827;--sidebar:#0f172a;--text:#f8fafc;--muted:#94a3b8;--faint:#64748b;--border:#1f2937;--border-strong:#334155;--accent:#60a5fa;--accent-soft:#2563eb2e;--accent-text:#bfdbfe;--card:#111827;--shadow:0 16px 40px #00000059;--good:#6ee7b7;--good-bg:#064e3b73;--bad:#fca5a5;--bad-bg:#7f1d1d73;--warn:#fcd34d;--code:#e2e8f0;--map-bg:#0f172a;--node:#111827;--edge:#64748b}html,body,#root{min-height:100%}body{background:var(--bg);min-width:320px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit;color:inherit}a{color:var(--accent-text)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{z-index:50;background:var(--accent);color:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;position:absolute;top:12px;left:12px;transform:translateY(-140%)}.skip:focus{transform:none}.shell{background:var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;gap:8px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 8px 10px;font-size:15px;font-weight:700;display:flex}.brandMark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}nav{gap:14px;display:grid}.navGroup{gap:2px;display:grid}.navGroup h2{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 4px;font-size:11px;font-weight:700}.navItem{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.navItem:hover{color:var(--text);background:var(--accent-soft)}.navItem.active{color:var(--accent-text);background:var(--accent-soft);font-weight:650}.sidebarFooter{border-top:1px solid var(--border);color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:14px 8px 0;font-size:12px;display:flex}.sidebarFooter button{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}.footerStatus{align-items:center;gap:8px;display:flex}.buildInfo{min-width:0;color:var(--faint);gap:2px;font-size:10px;line-height:1.35;display:grid}.buildInfo strong{color:var(--muted);font-weight:600}.buildInfo span{overflow-wrap:anywhere}.statusDot{background:var(--faint);border-radius:50%;width:7px;height:7px}.statusDot.ok{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 18%, transparent)}.statusDot.offline{background:var(--bad)}.content{min-width:0}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.workspaceSwitch{gap:1px;display:grid}.workspaceSwitch select{background:0 0;border:1px solid #0000;border-radius:8px;max-width:280px;padding:2px 4px;font-size:14px;font-weight:650}.workspaceSwitch select:hover,.workspaceSwitch select:focus-visible{border-color:var(--border);background:var(--surface)}.eyebrow{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.shortcut,.menuButton{border:1px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.menuButton{display:none}.shortcut span{color:var(--text)}.gate{align-content:center;justify-items:start;gap:12px;max-width:34rem;min-height:100vh;margin:0 auto;padding:48px 24px;display:grid}.gate h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(32px,4vw,44px);line-height:1.05}.gate p{color:var(--muted);margin:0;line-height:1.6}.gate .signIn{margin-top:8px}.graphPage{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:12px 32px 0;display:flex}.graphPage button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 10px}.hero,.screen,.scanPanel{max-width:1080px;padding:28px 32px 40px}:is(.screen:has(.split),.mapScreen,.scanPanel){max-width:none}.hero h1,.screen h1{letter-spacing:-.03em;max-width:40rem;margin:6px 0 10px;font-size:clamp(28px,3vw,36px);font-weight:680;line-height:1.15}.hero p,.screen>p{max-width:42rem;color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.6}.muted{color:var(--muted)}.kindHeading{letter-spacing:-.01em;margin:22px 0 10px;font-size:15px}.scanBanner,.scanHistory,.connectAccount,.setupNotice,.panel,.inspector,.palettePanel,.workspaceList button,.workspaceList a,.briefing button,.briefing a,.changeList li,.relationList li{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:12px}.scanBanner,.scanHistory,.setupNotice,.connectAccount{box-shadow:none;margin:12px 0;padding:14px 16px}.scanBanner header,.scanHistory article header,.scanRows li,.connectAccount header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.scanPhase,.scanBanner header span{color:var(--muted);font-size:13px}.scanRows{margin:10px 0 0;padding:0;list-style:none}.scanRows li{border-top:1px solid var(--border);padding:8px 0}.scanPhase.busy{color:var(--text)}.scanError{color:var(--bad);font-size:13px}.spinner{border:1.5px solid var(--muted);border-top-color:#0000;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.publicRepo{flex-wrap:wrap;align-items:end;gap:8px;margin-top:8px;display:flex}.publicRepo label{color:var(--muted);flex-basis:100%;font-size:12px}.publicRepo input,.workspaceForm input,.workspaceForm select,.filters select{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:9px 12px}.publicRepo button,.workspaceForm button,.signIn,.connectActions a,.connectActions button,.mapToolbar>button,.filters button,.recent button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;padding:8px 12px;text-decoration:none}.workspaceForm button,.signIn,.publicRepo button{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.signIn{margin-top:16px;display:inline-block}.workspaceForm{gap:8px;max-width:440px;margin-top:20px;display:grid}.workspaceForm label{color:var(--muted);font-size:12px}.briefing{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1080px;margin:8px 32px 40px;display:grid}.briefing button,.briefing a{text-align:left;cursor:pointer;color:inherit;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.briefing button:hover,.briefing a:hover{border-color:var(--accent)}.briefing strong{letter-spacing:-.03em;font-size:22px;font-weight:650}.briefing span{color:var(--muted);font-size:13px}.setupNotice.failed{border-color:color-mix(in srgb, var(--bad) 40%, var(--border));background:var(--bad-bg)}.setupNotice strong{margin-bottom:6px;display:block}.setupNotice p{margin:0}.connectActions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.repoList{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.repoName,.connectAccount strong{overflow-wrap:anywhere}.connectAccount header span{color:var(--good);font-size:12px;font-weight:650}.workspaceList{gap:10px;max-width:640px;margin:20px 0 0;padding:0;list-style:none;display:grid}.workspaceList button,.workspaceList a{text-align:left;cursor:pointer;width:100%;color:inherit;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.workspaceList button:hover,.workspaceList a:hover{border-color:var(--accent)}.workspaceList span,.recent{color:var(--muted)}.recent{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.split{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:20px;display:grid}.changeList,.relationList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.changeList li,.relationList li{box-shadow:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.changeList strong,.relationList code{color:var(--code);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.changeList span,.relationList em,.relationList span{color:var(--muted);font-size:12px;font-style:normal}.changeList div{gap:3px;display:grid}.changeMark{text-align:center;width:22px;font-weight:700}.changeMark.added{color:var(--good)}.changeMark.removed{color:var(--bad)}.changeMark.changed{color:var(--warn)}.relationButton{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.relationList li:has(.relationButton.selected){border-color:var(--accent);background:var(--accent-soft)}.evidence{margin-top:20px}.evidence h2{margin:18px 0 10px;font-size:16px}.evidence h3{letter-spacing:.04em;font-size:13px}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters button{text-transform:capitalize}.filters button.active{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.palette{z-index:40;background:#0f172a73;place-items:start center;padding:12vh 20px 20px;display:grid;position:fixed;inset:0}.palettePanel{width:min(720px,100%);overflow:hidden}.palettePanel input{border:0;border-bottom:1px solid var(--border);background:0 0;width:100%;padding:14px 16px}.paletteResults{max-height:420px;padding:8px;overflow:auto}.paletteResults button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.paletteResults button.active,.paletteResults button:hover{background:var(--accent-soft)}.mapLayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.mapToolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.mapViewport{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--edge) 35%, transparent) 1px, transparent 0) 0 0 / 22px 22px, var(--map-bg);border:1px solid var(--border);touch-action:none;cursor:grab;border-radius:16px;height:min(72vh,720px);position:relative;overflow:hidden}.mapViewport:active{cursor:grabbing}.archMap{transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}.mapHover{color:var(--muted);min-height:1em;margin-left:auto;font-size:12px}.mapEdge{cursor:pointer}.mapEdge .mapHit{stroke:#0000;stroke-width:16px}.mapEdge .mapLine{stroke:var(--edge);stroke-width:1.6px;fill:none;pointer-events:none}.mapEdge.selected .mapLine{stroke:var(--accent);stroke-width:2.4px}.edgeLabel{fill:var(--muted);font-size:10px}.mapArrow{fill:var(--edge)}.mapArrow.selected{fill:var(--accent)}.mapBand{fill:color-mix(in srgb, var(--surface) 70%, transparent);stroke:var(--border)}.mapBandLabel{fill:var(--muted);font-size:12px;font-weight:650}.mapNode{cursor:pointer}.mapNode .nodeBody{fill:var(--node);stroke:var(--border-strong);filter:drop-shadow(0 8px 16px #0f172a14)}.mapNode .nodeKind{fill:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.mapNode .nodeName{fill:var(--text);font-size:13px;font-weight:650}.mapNode[data-kind=service] .nodeKind{fill:#1d4ed8}.mapNode[data-kind=endpoint] .nodeKind,.mapNode[data-kind=api] .nodeKind{fill:#6d28d9}.mapNode[data-kind=topic] .nodeKind{fill:#b45309}.mapNode[data-kind=queue] .nodeKind{fill:#047857}.mapNode[data-kind=database] .nodeKind{fill:#0f766e}.mapNode[data-kind=deployment] .nodeKind{fill:#be123c}.mapNode.selected .nodeBody{stroke:var(--accent);stroke-width:2px}[data-theme=dark] .mapNode[data-kind=service] .nodeKind{fill:#93c5fd}[data-theme=dark] .mapNode[data-kind=endpoint] .nodeKind,[data-theme=dark] .mapNode[data-kind=api] .nodeKind{fill:#c4b5fd}[data-theme=dark] .mapNode[data-kind=topic] .nodeKind{fill:#fcd34d}[data-theme=dark] .mapNode[data-kind=queue] .nodeKind{fill:#6ee7b7}[data-theme=dark] .mapNode[data-kind=database] .nodeKind{fill:#5eead4}[data-theme=dark] .mapNode[data-kind=deployment] .nodeKind{fill:#fda4af}.inspector{max-height:min(72vh,720px);box-shadow:none;padding:8px 16px 18px;overflow:auto}.inspectorLinks{flex-wrap:wrap;gap:8px;display:flex}.inspectorLinks button,.apiRow{border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;text-align:left;border-radius:8px;padding:8px 10px}.apiRow{align-items:center;gap:12px;margin-bottom:8px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=800px){.shell{display:block}.sidebar{display:none}.sidebar.open{z-index:30;width:min(300px,88vw);height:100vh;box-shadow:var(--shadow);display:flex;position:fixed;inset:0 auto 0 0}.menuButton{display:inline-flex}.topbar,.hero,.screen,.scanPanel{padding-inline:16px}.briefing{grid-template-columns:1fr;margin-inline:16px}.mapLayout,.split{grid-template-columns:1fr}.mapViewport{height:68vh}}