.explorer{position:relative;display:flex;flex-direction:column;height:calc(100vh - 4rem);height:calc(100dvh - 4rem);background:var(--bg-deep);overflow:hidden;font-family:var(--font-body);color:var(--text)}.explorer-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;z-index:10}.explorer-search{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;transition:border-color .2s var(--ease);flex:1 1 120px;min-width:0}.explorer-search:focus-within{border-color:var(--border-hover);outline:none}.explorer-search input{background:none;border:none;outline:none;font-family:var(--font-mono);font-size:.82rem;color:var(--text);width:100%;caret-color:var(--gold)}.explorer-search input::placeholder{color:var(--text-dim)}.explorer-search-icon{color:var(--text-dim);flex-shrink:0}.search-results{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:30;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.search-results.open{display:block}.search-result-item{display:flex;align-items:baseline;gap:.5rem;padding:.45rem .75rem;cursor:pointer;transition:background .1s var(--ease)}.search-result-item:hover,.search-result-item.highlighted{background:var(--bg-card-hover)}.search-result-id{font-family:var(--font-mono);font-size:.78rem;color:var(--teal);flex-shrink:0;white-space:nowrap}.search-result-title{font-size:.82rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-multiselect,.filter-select{position:relative}.filter-dropdown-toggle{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease);white-space:nowrap}.filter-dropdown-toggle:hover{border-color:var(--border-hover);color:var(--text)}.filter-multiselect.open .filter-dropdown-toggle,.filter-select.open .filter-dropdown-toggle{border-color:var(--gold);color:var(--text)}.filter-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:30;padding:.35rem 0}.filter-multiselect.open .filter-dropdown-menu,.filter-select.open .filter-dropdown-menu{display:block}.filter-dropdown-item{display:flex;align-items:center;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;transition:background .1s var(--ease)}.filter-dropdown-item:hover{background:var(--bg-card-hover);color:var(--text)}.filter-multiselect-menu{min-width:180px}.filter-multiselect-item{gap:.5rem}.filter-multiselect-checkbox{accent-color:var(--gold);cursor:pointer}.filter-select-menu{min-width:160px}.filter-select-item.active{color:var(--gold)}.edge-legend{position:absolute;top:12px;left:12px;z-index:5;display:flex;flex-direction:column;gap:6px;pointer-events:none}.edge-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.edge-legend-line{display:inline-block;width:28px;height:0;border-top:2px solid}.legend-implements{border-color:var(--teal)}.legend-dependson{border-color:var(--text-dim);border-top-style:dashed}.legend-references{border-color:var(--gold);border-top-style:dotted}.explorer-canvas{flex:1;position:relative;overflow:hidden}.explorer-canvas svg{display:block;width:100%;height:100%}.node{cursor:grab}.node:active{cursor:grabbing}.node circle{transition:filter .15s var(--ease)}.node:hover circle{filter:brightness(1.2)}.node-selected circle{stroke:var(--gold)!important;filter:drop-shadow(0 0 6px var(--gold-dim))}.component-node circle{transition:filter .15s var(--ease),r .3s var(--ease)}.component-node text{font-size:9px;pointer-events:none;user-select:none}.edge{transition:opacity .2s var(--ease);pointer-events:stroke}.edge:hover{opacity:.9}.edge[data-kind=Implements]{stroke:var(--teal);stroke-width:1.5}.edge[data-kind=DependsOn]{stroke:var(--text-dim);stroke-dasharray:6 3}.edge[data-kind=References]{stroke:var(--gold);stroke-dasharray:2 3}.edge-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:9px;pointer-events:none;user-select:none;opacity:0;transition:opacity .15s var(--ease)}.edge-label.visible{opacity:1}.cluster{fill:none;stroke:var(--gold-dim);stroke-width:1.5;stroke-dasharray:6 4;rx:8;ry:8;cursor:pointer;pointer-events:all;transition:stroke .15s var(--ease),stroke-opacity .15s var(--ease)}.cluster:hover{stroke:var(--gold);stroke-opacity:.7}.cluster-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:10px;cursor:pointer;pointer-events:all;user-select:none;transition:fill .15s var(--ease)}.cluster:hover+.cluster-label,.cluster-label:hover{fill:var(--text)}.cluster-selected{stroke:var(--gold)!important;stroke-opacity:1!important;stroke-width:2px}.node.in-selected-cluster circle{filter:brightness(1.15)}.explorer-split{display:flex;flex:1;overflow:hidden;position:relative}.explorer-split-graph{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:200px}.explorer-split-divider{width:4px;cursor:col-resize;background:var(--border);flex-shrink:0;transition:background .15s var(--ease);z-index:25}.explorer-split-divider:hover,.explorer-split-divider.dragging{background:var(--gold)}.explorer-split-panel{width:35%;min-width:240px;flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;z-index:20}.detail-panel{display:flex;flex-direction:column;overflow:hidden;height:100%}.detail-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.detail-panel-title{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--text);line-height:1.3}.open-file-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:.4rem .8rem;border:1px solid var(--border-hover);border-radius:6px;background:var(--bg-card);color:var(--text);font-family:var(--font-body);font-size:.78rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.open-file-btn:hover{background:var(--bg-card-hover);border-color:var(--gold)}.detail-panel-close{flex-shrink:0;padding:.25rem;color:var(--text-dim);border-radius:4px;transition:color .15s var(--ease);cursor:pointer}.detail-panel-close:hover{color:var(--text)}.detail-panel-body{flex:1;overflow-y:auto;padding:.75rem 1rem;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.detail-panel-body::-webkit-scrollbar{width:4px}.detail-panel-body::-webkit-scrollbar-track{background:transparent}.detail-panel-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}.detail-section{margin-bottom:1.25rem}.detail-section-label{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.detail-section-content{font-size:.85rem;color:var(--text-muted);line-height:1.5}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:100px;line-height:1}.badge-type-requirements{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}.badge-type-design{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.badge-type-adr{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.badge-type-unknown{background:color-mix(in srgb,var(--text-dim) 15%,transparent);color:var(--text-dim);border:1px solid color-mix(in srgb,var(--text-dim) 30%,transparent)}.badge-status-approved,.badge-status-accepted{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 25%,transparent)}.badge-status-draft{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted);border:1px solid color-mix(in srgb,var(--text-muted) 25%,transparent)}.badge-status-proposed{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}.badge-status-deprecated{background:color-mix(in srgb,var(--text-dim) 12%,transparent);color:var(--text-dim);border:1px solid color-mix(in srgb,var(--text-dim) 25%,transparent);text-decoration:line-through}.edge-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.edge-list-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.edge-list-kind{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);flex-shrink:0}.edge-list-target{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edge-list-target:hover{color:var(--gold);cursor:pointer}.component-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.component-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--text-muted);line-height:1.4}.component-item-kind{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);padding:.1rem .35rem;border:1px solid var(--border);border-radius:4px;flex-shrink:0;white-space:nowrap}.component-item-id{font-family:var(--font-mono);font-size:.75rem;color:var(--teal)}.detail-panel-trace-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease);user-select:none}.detail-panel-trace-btn:hover{background:color-mix(in srgb,var(--gold) 25%,transparent)}.detail-panel-trace-btn.active{background:var(--gold);color:var(--bg-deep)}.explorer-grain{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}[data-theme=light] .explorer-grain{opacity:.015}.explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.explorer-empty-icon{opacity:.4}@media(max-width:600px){.explorer-split{flex-direction:column}.explorer-split-divider{display:none}.explorer-split-graph{flex:1;min-height:40vh}.explorer-split-graph{flex:1!important}.explorer-split-panel{width:100%!important;max-width:100%;min-width:0;height:45vh;height:45dvh;border-left:none;border-top:1px solid var(--border)}.detail-panel-body{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.explorer-bar{gap:.5rem;padding:.5rem .75rem}.explorer-search{min-width:0;flex:1}}.detail-spec-content{margin-top:.75rem}.detail-spec-content{--supersigil-bg: var(--bg-card);--supersigil-border: var(--border-hover);--supersigil-text: var(--text);--supersigil-text-muted: var(--text-muted);--supersigil-font-mono: var(--font-mono)}.detail-spec-content .supersigil-block{margin:.75rem 0;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);font-size:.875rem;line-height:1.5}.detail-spec-content .supersigil-block>*+*{margin-top:.5rem}.detail-coverage{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.detail-coverage-bar{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.detail-coverage-bar-fill{display:block;height:100%;background:var(--green);border-radius:2px}.detail-coverage-text{color:var(--green)}.detail-index-coverage{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.detail-index-hint{font-size:.75rem;color:var(--text-dim);margin-bottom:.75rem}.detail-index-project{margin-bottom:.75rem}.detail-index-project-title{font-size:.875rem;font-weight:700;color:var(--text);cursor:pointer;padding:.375rem 0;list-style:none;text-transform:uppercase;letter-spacing:.03em}.detail-index-project-title::-webkit-details-marker{display:none}.detail-index-project-title:before{content:"▸ ";color:var(--text-dim)}.detail-index-project[open]>.detail-index-project-title:before{content:"▾ "}.detail-index-project>.detail-index-group{margin-left:.5rem}.detail-index-group{margin-bottom:.5rem}.detail-index-group-title{font-size:.8125rem;font-weight:600;color:var(--text);cursor:pointer;padding:.25rem 0;list-style:none}.detail-index-group-title::-webkit-details-marker{display:none}.detail-index-group-title:before{content:"▸ ";color:var(--text-dim)}.detail-index-group[open]>.detail-index-group-title:before{content:"▾ "}.detail-index-group-count{font-weight:400;color:var(--text-dim);font-size:.75rem}.detail-index-doc{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.25rem .5rem;margin-left:.5rem;text-decoration:none;color:var(--text);border-radius:4px;font-size:.8125rem}.detail-index-doc:hover{background:#ffffff0d}.detail-index-doc-id{font-family:var(--font-mono);font-size:.75rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-index-doc-meta{display:flex;align-items:center;gap:.25rem;flex-shrink:0;font-size:.625rem}.detail-index-doc-cov{font-family:var(--font-mono);color:var(--text-dim);font-size:.625rem}.detail-spec-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;text-align:center;padding:2rem}.detail-spec-empty-hint{margin-top:.5rem;font-size:.75rem;color:var(--text-dim);opacity:.7}html,body{overflow:hidden;height:100vh}.explore-back:where(.astro-jsy7jxlt){position:fixed;bottom:12px;right:12px;z-index:40;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.explore-back:where(.astro-jsy7jxlt):hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-card)}@media(max-width:600px){.explore-back:where(.astro-jsy7jxlt){bottom:12px}}