:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#0f172a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#020617,#0f172a)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,input[type=search]{border:1px solid #334155;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:.75rem .9rem}button{cursor:pointer;background:#1d4ed8;border-color:#1d4ed8}.shell{max-width:1200px;margin:0 auto;padding:1.5rem}.topbar,.page-actions,.search-row,.metric-row{display:flex;gap:1rem;align-items:center;justify-content:space-between}.topbar{margin-bottom:1.5rem}.eyebrow,.subtle,.meta-line,dt,.api-chip{color:#94a3b8}.api-chip,.back-link{border:1px solid #334155;border-radius:999px;padding:.5rem .9rem}.grid{display:grid;gap:1rem}.home-grid,.repo-grid,.repo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.card{background:#0f172ad1;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:1.25rem;box-shadow:0 24px 60px #0206174d}.card h2,.topbar h1{margin:0 0 .75rem}.card-header-row{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.card-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.card-count{display:inline-flex;align-items:center;min-height:2.1rem;padding:.35rem .75rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172ab8;color:#dbeafe;font-size:.8rem;white-space:nowrap}.compact-card{display:grid;gap:.9rem}.list{display:grid;gap:.75rem}.compact-list{margin-top:1rem}.list-item{display:grid;gap:.25rem;padding:.9rem;border:1px solid #334155;border-radius:14px;background:#0f172aa6}.compact-list-item{width:100%;text-align:left}.insight-list-item.is-selected{border-color:#60a5fa8c;background:#1e293be6}.insight-page-card,.insight-selection-card{margin-bottom:1rem}.insight-list{margin-top:1rem}.compact-list-item:disabled{cursor:default;opacity:.75}.preview-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card:hover{border-color:#60a5fa}.stats-list{display:grid;gap:.9rem}.stats-list div{display:grid;gap:.15rem}dt{font-size:.85rem}dd{margin:0}.metric-row{justify-content:flex-start;flex-wrap:wrap}.metric{min-width:120px;padding:.9rem;border-radius:14px;background:#111c34;border:1px solid #334155}.metric span{display:block;font-size:.85rem;color:#94a3b8}.metric strong{display:block;margin-top:.35rem;font-size:1.1rem}.search-row{justify-content:flex-start;margin-bottom:.75rem}.search-row input{flex:1;min-width:0}.code-block{margin:.75rem 0 0;padding:1rem;overflow:auto;border-radius:14px;border:1px solid #334155;background:#020617;color:#cbd5e1;white-space:pre-wrap}.error{color:#fca5a5}.graph-toolbar,.graph-match-nav,.graph-panel-meta,#graphPanelMeta,.graph-active-filter-summary{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.graph-toolbar{margin-top:1rem;padding:.95rem;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#0f172aeb,#08111fd6);align-items:flex-end}.graph-search-field,.graph-filter-group,.graph-active-filter-summary{display:grid;gap:.45rem}.graph-search-field{flex:1 1 220px}.graph-search-field input[type=search],.graph-local-search input[type=search]{width:100%;min-height:42px;padding-inline:.95rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172adb;color:#e2e8f0;box-shadow:inset 0 1px #ffffff08}.graph-search-field input[type=search]::placeholder,.graph-local-search input[type=search]::placeholder{color:#64748b}.graph-search-field input[type=search]:focus,.graph-local-search input[type=search]:focus{outline:none;border-color:#60a5fa7a;box-shadow:0 0 0 3px #3b82f624}.graph-local-search{flex:1 1 260px;min-width:min(100%,18rem)}.graph-filter-group{flex:999 1 280px;margin:0;padding:.8rem .9rem .9rem;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#08111f61}.graph-filter-group>*:last-child{margin-bottom:0}.graph-type-filters,.graph-filter-pill-row,.graph-filter-options{display:flex;flex-wrap:wrap;gap:.55rem}.graph-type-filter-pill,.graph-filter-pill,.graph-filter-group button[aria-pressed],.graph-filter-group [role=button][aria-pressed]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.2rem;padding:.45rem .8rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172ab3;color:#cbd5e1;font-size:.8rem;line-height:1;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.graph-type-filter-pill:hover,.graph-filter-pill:hover,.graph-filter-group button[aria-pressed]:hover,.graph-filter-group [role=button][aria-pressed]:hover{border-color:#60a5fa52;background:#1e293beb;color:#eff6ff}.graph-type-filter-pill.is-active,.graph-filter-pill.is-active,.graph-active-filter-pill,.graph-filter-group button[aria-pressed=true],.graph-filter-group [role=button][aria-pressed=true],.graph-filter-group [data-active=true]{border-color:#60a5fa70;background:linear-gradient(180deg,#1e293bf5,#0f172aeb);color:#dbeafe;box-shadow:inset 0 0 0 1px #bfdbfe14,0 0 0 1px #60a5fa14}.graph-type-filter-pill:focus-visible,.graph-filter-pill:focus-visible,.graph-filter-group button[aria-pressed]:focus-visible,.graph-filter-group [role=button][aria-pressed]:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f629}.graph-filter-group legend,.field-label,.meta-label,.section-label{font-size:.72rem;color:#bfdbfe;text-transform:uppercase;letter-spacing:.08em}.badge,#graphPanelMeta .badge,.graph-filter-group .badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#0f172ad6;color:#cbd5e1;font-size:.78rem}.graph-match-nav{justify-content:space-between;margin-top:.8rem;padding:.75rem .9rem;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:#08111f57}.graph-match-nav-controls,.graph-match-nav-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.graph-match-nav button,.graph-match-nav .ghost-btn{min-width:2.4rem;padding-inline:.85rem}.graph-match-position,.graph-match-position-hint,.graph-match-nav-status{display:inline-flex;align-items:center;min-height:2.2rem;padding:.35rem .7rem;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:#0f172aa3;color:#94a3b8;font-size:.78rem;white-space:nowrap}.graph-match-position strong,.graph-match-position-hint strong,.graph-match-nav-status strong{color:#e2e8f0}.graph-active-filter-summary{flex:1 1 100%;padding-top:.15rem}.graph-active-filter-pills,.graph-active-filter-list{display:flex;flex-wrap:wrap;gap:.55rem}.graph-active-filter-pill{padding-right:.45rem}.graph-active-filter-pill button,.graph-active-filter-pill .dismiss-btn{width:1.45rem;height:1.45rem;min-height:1.45rem;padding:0;border-radius:999px;border:0;background:#bfdbfe1f;color:inherit}.graph-active-filter-pill button:hover,.graph-active-filter-pill .dismiss-btn:hover{background:#bfdbfe33}.ghost-btn,.graph-toolbar button,#graphResetViewBtn,#graphClearFiltersBtn{background:#0f172ae0;border-color:#94a3b83d}.ghost-btn:hover,.graph-toolbar button:hover,#graphResetViewBtn:hover,#graphClearFiltersBtn:hover{transform:translateY(-1px);border-color:#60a5fa66;background:#1e293bfa}#graphResetViewBtn{border-color:#60a5fa3d}#graphClearFiltersBtn{border-color:#f8717138;color:#fecaca}#graphClearFiltersBtn:hover{border-color:#f8717166;background:#7f1d1d38}.graph-shell,.graph-explorer-shell{position:relative;min-height:420px;margin-top:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:radial-gradient(circle at top,rgba(96,165,250,.09),transparent 28%),linear-gradient(180deg,#0f172ad6,#08111ffa)}.graph-canvas,#graphCanvas{position:relative;min-height:420px}.graph-canvas:before,#graphCanvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 100%);mask-image:radial-gradient(circle at center,black 45%,transparent 100%);pointer-events:none}.graph-canvas>canvas,.graph-canvas>svg,#graphCanvas>canvas,#graphCanvas>svg,.graph-fallback-svg{display:block;width:100%;height:100%}.graph-fallback-svg{touch-action:none}.graph-fallback-edge{stroke:#60a5fa94;stroke-width:1.4;stroke-linecap:round;opacity:.88}.graph-fallback-node{cursor:pointer}.graph-fallback-node-hit{fill:transparent}.graph-fallback-node-core{stroke:#08111fe6;stroke-width:2}.graph-fallback-node-ring{fill:none;stroke:#ffffff57;stroke-width:1;opacity:.8}.graph-fallback-node-label{fill:#e5eefc;font-size:11px;font-family:inherit;paint-order:stroke;stroke:#08111fd6;stroke-width:3px;stroke-linejoin:round;-webkit-user-select:none;user-select:none;pointer-events:none}.graph-fallback-node.is-selected .graph-fallback-node-core,.graph-node.is-selected .graph-node-core{stroke:#fff;stroke-width:3}.graph-fallback-node.is-selected .graph-fallback-node-ring,.graph-node.is-selected .graph-node-ring{stroke:#60a5faf2;stroke-width:2}.graph-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;text-align:center;background:#08111fb8;color:#e2e8f0}.graph-state[hidden]{display:none}.graph-state[data-state=ready]{background:transparent}.graph-state-copy,.graph-fallback-hint{max-width:36rem;padding:.75rem .9rem;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#0f172aeb;color:#94a3b8;font-size:.85rem}.graph-fallback-hint{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);border-radius:999px;pointer-events:none}.graph-fallback-badge{background:#22c55e29;border-color:#22c55e52;color:#bbf7d0}.inspector,.inspector-stack,.inspector-card,.graph-node-card,#repoMetaCard,#graphNodeCard,#fileMetaCard{display:grid;gap:.85rem}.graph-node-inspector{display:grid;gap:1rem}.graph-node-inspector-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.graph-node-title{margin:.2rem 0 .25rem;font-size:1.15rem;line-height:1.2}.graph-node-summary{color:#94a3b8;font-size:.9rem}.graph-node-badge-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.graph-node-type-badge{background:linear-gradient(180deg,#2563eb3d,#0f172ae6);border-color:#60a5fa66;color:#dbeafe;font-weight:600}.graph-node-meta-grid,.graph-node-extra-grid{display:grid;gap:.75rem}.graph-node-meta-grid,.graph-node-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-card,.graph-node-card,#repoMetaCard,#graphNodeCard,#fileMetaCard{padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172ac7}.file-meta-grid,.graph-node-meta,.inspector-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.meta-box{padding:.75rem .85rem;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0f172ab8}.meta-box--nested{background:#08111f8f}.meta-box--wide{grid-column:1 / -1}.meta-value{word-break:break-word}.meta-value-text{color:#e2e8f0}.meta-empty{color:#64748b}.meta-chip-row,.meta-array-list,.meta-object-grid{display:flex;gap:.5rem;flex-wrap:wrap}.meta-array-list,.meta-object-grid{display:grid;gap:.5rem}.meta-chip{display:inline-flex;align-items:center;min-height:1.8rem;padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;color:#dbeafe;font-size:.8rem}.graph-node-match-note{margin:0}.meta-value,.pathline{word-break:break-word}.empty-state{color:#94a3b8}@media (max-width: 800px){.home-grid,.repo-grid{grid-template-columns:1fr}.topbar,.page-actions,.search-row,.graph-toolbar,.graph-match-nav,.graph-panel-meta,#graphPanelMeta{flex-direction:column;align-items:stretch}.graph-shell,.graph-explorer-shell,.graph-canvas,#graphCanvas{min-height:360px}.graph-filter-group,.graph-local-search,.graph-match-nav,.graph-match-nav-controls,.graph-match-nav-actions,.graph-active-filter-pills,.graph-active-filter-list{width:100%}.graph-match-position,.graph-match-position-hint,.graph-match-nav-status{justify-content:center;text-align:center;white-space:normal}.file-meta-grid,.graph-node-meta,.inspector-meta-grid,.graph-node-meta-grid,.graph-node-extra-grid{grid-template-columns:1fr}}
