:root{font-family:Inter,system-ui,sans-serif;color:#eef3ec;background:#0e110e;--panel:#171b17;--line:#303830;--accent:#d9b24c;--ok:#89c47a;--muted:#a6afa4;--candidate:#d58c63;--base:#7aa5c7;--node-w:164px;--node-h:92px}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#0e110e,#121612);min-height:100vh}header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:#111611ed;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}h1{font-size:1.1rem;margin:0}header p{margin:.25rem 0 0;color:var(--muted);font-size:.82rem}.header-actions{display:flex;gap:.4rem;align-items:center}.nav-btn{border:1px solid #3a4439;background:#202720;color:#eef3ec;text-decoration:none;padding:.58rem .7rem;border-radius:9px}.panel{margin:.8rem;padding:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:14px}.row{display:flex;align-items:center;gap:.55rem;margin:.4rem 0}.wrap{flex-wrap:wrap}.subline{font-size:.8rem;color:var(--muted);margin-top:.65rem}button,select,input,.fileBtn{border:1px solid #3a4439;background:#202720;color:#eef3ec;padding:.58rem .7rem;border-radius:9px;font:inherit}.primary{background:#6d5a22;border-color:#a98b34}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.45rem 0}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid #3a4439;border-radius:999px;background:#202720}.fileBtn input{display:none}#status{font-size:.85rem;color:var(--muted)}.filters>label{font-size:.75rem;color:var(--muted);display:grid;gap:.18rem}.filters input[type="text"],#search{min-width:190px;flex:1}.filters label:has(input[type="checkbox"]){display:flex;align-items:center;gap:.35rem}.summary{margin:.75rem 0;padding:.65rem;background:#101510;border:1px solid #293229;border-radius:10px}.summary-line{display:flex;gap:.45rem;align-items:baseline;font-size:.88rem}.summary-line span{margin-left:auto;color:#f2d477}.bar{height:6px;background:#272e27;border-radius:999px;margin:.45rem 0;overflow:hidden}.bar i{display:block;height:100%;background:#8caf71;border-radius:999px}.dataset-note{font-size:.72rem;color:var(--muted)}.legend{margin-top:.65rem;font-size:.78rem;color:var(--muted)}.legend summary{cursor:pointer;color:#dde5da;margin-bottom:.35rem}.legend div{margin:.28rem 0}.status-dot,.layout-dot{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;margin-right:.35rem}.status-dot.verified{background:var(--ok)}.status-dot.baseline{background:var(--base)}.status-dot.candidate{background:var(--candidate)}.layout-dot{background:#b79ad8}.viewbar{display:flex;justify-content:space-between;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.7rem 0}.segmented{display:inline-flex;border:1px solid #3a4439;border-radius:10px;overflow:hidden;background:#171d17}.segmented button{border:0;border-right:1px solid #3a4439;border-radius:0;background:transparent}.segmented button:last-child{border-right:0}.segmented button.active{background:#64531f;color:#fff0bc}.segmented.small button{padding:.42rem .56rem;font-size:.78rem}.orientation-box{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.75rem}.orientation-box.hidden,#sortBox.hidden{display:none}.view-panel.hidden{display:none}main{padding:0 .8rem 2rem}.tier{max-width:760px;margin:1rem auto}.tier-title{position:sticky;top:73px;z-index:10;margin:.5rem 0;padding:.58rem .72rem;background:#252c25;border:1px solid #414b40;border-radius:10px;font-weight:700;color:#f2d477;display:flex;justify-content:space-between}.tier-title small{font-weight:500;color:#b8c0b5}.tech-group{margin:.8rem 0 1.25rem}.group-title{position:sticky;top:119px;z-index:9;padding:.42rem .62rem;background:#181e18;border-left:3px solid #566456;color:#dfe7dc;font-size:.86rem;font-weight:700;display:flex;justify-content:space-between}.group-title small{color:var(--muted);font-weight:500}.tech-card{position:relative;margin:.55rem 0;padding:.8rem;background:#171c17;border:1px solid #343d34;border-radius:13px;box-shadow:0 5px 16px #0005}.source-verified{border-left:3px solid var(--ok)}.source-baseline{border-left:3px solid var(--base)}.source-candidate{border-left:3px solid var(--candidate)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.head-left{display:flex;gap:.7rem;min-width:0;align-items:flex-start}.icon-wrap{width:56px;height:56px;border-radius:12px;background:#101410;border:1px solid #2f3830;display:flex;align-items:center;justify-content:center;flex:0 0 56px;overflow:hidden}.tech-icon{width:100%;height:100%;object-fit:contain;display:none}.icon-wrap.placeholder::after{content:"?";color:#93a190;font-weight:700;font-size:1.1rem}.title-block{min-width:0;flex:1}.name{font-size:1rem;margin:.14rem 0 0}.de{font-size:.76rem;color:var(--muted);margin-top:.15rem}.missing-de{opacity:.7}.status-badge{display:inline-block;font-size:.62rem;padding:.12rem .35rem;border-radius:999px;border:1px solid #445044;color:#cdd5ca}.status-badge.verified{border-color:#50794b;color:#bce0b5}.status-badge.baseline{border-color:#4b6c86;color:#a9cce8}.status-badge.candidate{border-color:#885f48;color:#e1ae91}.description{font-size:.8rem;line-height:1.35;color:#c7d0c4;margin-top:.5rem;white-space:pre-wrap}.description:empty{display:none}.meta,.parents{font-size:.79rem;color:var(--muted);margin-top:.45rem}.owners{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.owner{padding:.18rem .42rem;border-radius:999px;background:#242b24;border:1px solid #3b453b;font-size:.76rem}.owner.yes{background:#263b26;border-color:#527d4e;color:#cce9c7}.muted{font-size:.76rem;color:var(--muted)}.toggle{white-space:nowrap}.toggle.on{background:#315331;border-color:#658d5e}
/* Tree */
.tree-notice{max-width:900px;margin:.8rem auto;color:var(--muted);font-size:.8rem}.tree-viewport{position:relative;overflow:auto;max-width:1100px;margin:0 auto;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 10%,#1a201a,#101410 70%);min-height:420px;max-height:72vh;overscroll-behavior:contain}.tree-canvas{position:relative;min-width:100%;min-height:100%;padding:40px}.tree-lines{position:absolute;inset:0;pointer-events:none;overflow:visible}.tree-lines path{fill:none;stroke:#506050;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.tree-lines path.main-edge{stroke:#9a8140;stroke-width:4}.tree-lines path.mainline-backbone{filter:drop-shadow(0 0 2px #0008)}.tree-lines path.verified-branch{stroke:#5d705d;stroke-width:2.2}.tree-lines path.fallback-edge{stroke:#465446;stroke-width:1.6;stroke-dasharray:6 5;opacity:.7}.tree-node{position:absolute;width:var(--node-w);min-height:var(--node-h);padding:.52rem .55rem;background:#182018;border:1px solid #3d493d;border-radius:12px;box-shadow:0 5px 15px #0007;display:grid;grid-template-columns:38px 1fr auto;gap:.45rem;align-items:start}.tree-node.mainline{border-color:#8c7438;box-shadow:0 0 0 1px #5f512d,0 5px 15px #0007}.tree-node.covered{background:#1d2b1d}.tree-node.active-owned{border-color:#6d9c65}.tree-node .node-icon{width:38px;height:38px;border-radius:8px;background:#0f130f;border:1px solid #2f3830;object-fit:contain}.tree-node .node-icon.placeholder{display:flex;align-items:center;justify-content:center;color:#869384}.tree-node .node-title{font-size:.74rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.tree-node .node-sub{font-size:.62rem;color:var(--muted);margin-top:.2rem}.tree-node .node-check{padding:.25rem .36rem;font-size:.72rem;line-height:1;border-radius:7px}.tree-node .node-check.on{background:#315331;border-color:#658d5e}.tree-node .node-owners{grid-column:1/-1;display:flex;gap:.18rem;flex-wrap:wrap}.tree-node .node-owner{font-size:.56rem;padding:.08rem .24rem;border-radius:999px;border:1px solid #344034;color:#9ca99a}.tree-node .node-owner.yes{border-color:#527d4e;color:#cce9c7}.unmapped-box{max-width:900px;margin:.8rem auto;border:1px solid var(--line);border-radius:12px;padding:.55rem .7rem;background:#151a15}.unmapped-box summary{cursor:pointer;font-size:.82rem;color:#d7ded4}.unmapped-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem;margin-top:.6rem}.unmapped-item{border:1px solid #313a31;border-radius:9px;padding:.45rem;background:#101510;font-size:.72rem}.unmapped-item strong{display:block;font-size:.76rem}.unmapped-item span{color:var(--muted)}
@media(max-width:560px){header{padding:.75rem}.panel,main{margin-left:.5rem;margin-right:.5rem;padding-left:.55rem;padding-right:.55rem}.card-head{align-items:stretch}.toggle{font-size:.78rem;padding:.5rem}.tier-title{top:65px}.group-title{top:108px}.icon-wrap{width:50px;height:50px;flex-basis:50px}.viewbar{align-items:flex-start}.orientation-box{width:100%;justify-content:space-between}.tree-viewport{max-height:68vh}.header-actions .nav-btn{display:none}}
@media(min-width:900px){header,.panel,main{max-width:1100px;margin-left:auto;margin-right:auto}.panel{margin-top:.8rem}header{border-left:1px solid var(--line);border-right:1px solid var(--line)}}

.header-actions{display:flex;align-items:center;gap:.5rem}#whoami{font-size:.78rem;color:var(--muted)}