html,body{margin:0;height:100%;font-family:-apple-system,Helvetica,Arial,sans-serif;background:#fbfbfd;color:#222}#wrap{display:flex;flex-direction:column;height:100vh}header{padding:10px 16px;border-bottom:1px solid #e4e4e8}header h1{font-size:17px;margin:0 0 2px;font-weight:600}header p{font-size:12px;margin:0;color:#666}#controls{padding:8px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;border-bottom:1px solid #eee;background:#fff}#controls label{display:flex;align-items:center;gap:5px;cursor:pointer}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}#graph{flex:1;position:relative;overflow:hidden}svg{width:100%;height:100%;display:block;cursor:grab}.link{stroke:#c8c8d0;stroke-opacity:.6}.link.address{stroke:#d9c2a6}.link.location{stroke:#a9c9b8}.link.personloc{stroke:#d6336c;stroke-opacity:.55}.node circle{stroke:#fff;stroke-width:1.5px;cursor:pointer}.node text{font-size:9px;fill:#333;pointer-events:none}.node text.big{font-size:11px;font-weight:600}.edge-label{font-size:8px;fill:#8a6d3b;pointer-events:none}.faded{opacity:.07}#tip{position:absolute;pointer-events:none;background:#14141cf0;color:#fff;padding:8px 10px;border-radius:6px;font-size:12px;max-width:300px;line-height:1.45;opacity:0;transition:opacity .12s;z-index:10}#tip b{color:#ffd58a}#tip .vars{color:#bbb;font-size:11px;margin-top:4px}.badge{display:inline-block;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.badge.active{background:#1f8a4c}.badge.inactive{background:#999}#timeline{height:160px;flex:0 0 auto;border-top:1px solid #e4e4e8;background:#fff;display:flex;flex-direction:column}#tl-bar{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px;flex-wrap:wrap}#tl-bar button{font-size:12px;padding:3px 10px;border:1px solid #ccc;border-radius:5px;background:#f6f6f8;cursor:pointer}#tl-bar button:hover{background:#ececf0}#tl-date{font-weight:600;min-width:78px;color:#222}#tl-legend{display:flex;flex-wrap:wrap;color:#555}#tl-svg{flex:1;width:100%;display:block}#tl-svg .domain,#tl-svg .tick line{stroke:#ccc}#tl-svg text{fill:#666}