:root{--ink:#191919;--muted:#999;--line:#c9c9c9;--core:#d71920;--process:#4078dc;--quality:#6f52b5;--launch:#d28b22}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{font-family:Arial,sans-serif;background:#fff;color:var(--ink);overflow:hidden}button,a{font:inherit;color:inherit}a{text-decoration:none}header{height:54px;border-bottom:1px solid #ddd;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;font-size:10px;letter-spacing:.14em}header nav{justify-self:end;display:flex;gap:18px;align-items:center}header button{border:0;background:none;cursor:pointer;font-size:9px;letter-spacing:.12em}main{height:calc(100% - 54px);position:relative}.graph-shell{position:absolute;inset:0 360px 0 0;background-image:radial-gradient(#ddd 0.7px,transparent .7px);background-size:19px 19px;overflow:hidden}svg{width:100%;height:100%;display:block;cursor:grab}svg:active{cursor:grabbing}.link{stroke:#b8b8b8;stroke-opacity:.62;stroke-width:1}.link.active{stroke:#333;stroke-opacity:1;stroke-width:1.5}.node circle{stroke:#fff;stroke-width:2;cursor:pointer}.node text{font:10px Arial;fill:#333;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.node.dim{opacity:.13}.node.active circle{stroke:#111;stroke-width:3}.legend{position:absolute;left:18px;top:18px;background:#fffffff0;border:1px solid #ddd;padding:10px 12px;display:flex;gap:16px;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:8px;height:8px;border-radius:50%}.legend .core{background:var(--core)}.legend .process{background:var(--process)}.legend .quality{background:var(--quality)}.legend .launch{background:var(--launch)}.hint{position:absolute;left:18px;bottom:15px;font-size:8px;letter-spacing:.13em;color:#777;background:#fff;padding:7px}aside{position:absolute;right:0;top:0;bottom:0;width:360px;border-left:1px solid #ddd;background:#fff;padding:38px 30px;overflow:auto;transition:transform .45s cubic-bezier(.76,0,.18,1)}aside.is-closed{transform:translateX(100%)}#panel-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:20px;cursor:pointer}aside small{font-size:8px;letter-spacing:.18em;color:#777}aside h1{font-size:48px;line-height:.85;letter-spacing:-.05em;margin:35px 0 25px}aside p{font-size:16px;line-height:1.55}#node-list{margin:35px 0;border-top:1px solid}.point{padding:13px 0;border-bottom:1px solid;font-size:11px;line-height:1.45}.point:before{content:"→";margin-right:10px;color:var(--core)}#node-link{display:block;margin-top:40px;padding:15px 0;border-bottom:1px solid;font-size:9px;letter-spacing:.14em}@media(max-width:1024px){header{grid-template-columns:1fr auto}header>span,header nav button{display:none}.graph-shell{inset:0}.legend{max-width:calc(100% - 36px);overflow:auto}.hint{display:none}aside{width:100%;top:auto;height:48%;border-left:0;border-top:1px solid;transform:translateY(0)}aside.is-closed{transform:translateY(100%)}aside h1{font-size:38px;margin:20px 0 15px}}