:root{--bg:#0e0f14;--panel:#171922;--panel-2:#1f2230;--line:#2b2f40;--ink:#e8e9f0;--ink-2:#a3a7ba;--ink-3:#6c7086;--accent:#8a63d2;--hit:#fe9;--hit-ink:#000;--tie-mutual:#ffd84d;--tie-in:#34d399;--tie-out:#60a5fa;--tie-half:#9aa0b4;--aura:#ffe080e8;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font:14px/1.35 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}#app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:flex;position:fixed;inset:0}#bar{background:var(--panel);border-bottom:1px solid var(--line);z-index:3;align-items:center;gap:8px;padding:8px 10px;display:flex}#brand{letter-spacing:.2px;white-space:nowrap;align-items:center;gap:6px;font-weight:650;display:flex}#brand .dot{background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #8a63d240}#search{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;border-radius:8px;flex:1;padding:6px 9px}#search.bad{border-color:#c55}#count{color:var(--ink-3);white-space:nowrap;font-size:12px}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:5px 10px}button:active{transform:translateY(1px)}button.icon{width:34px;height:32px;padding:0;font-size:16px;line-height:1}#controls{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;gap:8px;max-height:min(55vh,100%);padding:8px 12px 10px;display:grid;position:absolute;top:0;left:0;right:0;overflow:auto;box-shadow:0 8px 30px #00000073}#controls .row{justify-content:space-between;align-items:center;gap:10px;display:flex}#controls .row.small{color:var(--ink-3);font-size:12px}#controls label{color:var(--ink-2);white-space:nowrap}#controls input[type=range]{max-width:220px;accent-color:var(--accent);flex:1}#fidForm{gap:6px;display:flex}#fidForm input{background:var(--panel-2);border:1px solid var(--line);width:110px;color:var(--ink);font:inherit;border-radius:8px;padding:5px 8px}.seg{border:1px solid var(--line);border-radius:9px;display:inline-flex;overflow:hidden}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:0;padding:5px 9px;font-size:13px}.seg button.on{background:var(--accent);color:#fff}.links-row{align-items:center;gap:8px;display:inline-flex}#linksAll{color:#111;background:linear-gradient(90deg, var(--tie-mutual), var(--tie-out), var(--tie-in));opacity:.45;border:0;border-radius:9px;padding:5px 11px;font-size:13px;font-weight:650}#linksAll.on{opacity:1}#links button.on{color:#111}#links button[data-links=mutual].on{background:var(--tie-mutual)}#links button[data-links=following].on{background:var(--tie-out)}#links button[data-links=follows].on{background:var(--tie-in)}#links button.on i.tie{opacity:.55;background:#111}.seg i.tie{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.seg i.tie.mutual{background:var(--tie-mutual)}.seg i.tie.out{background:var(--tie-out)}.seg i.tie.in{background:var(--tie-in)}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#graph{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}#meBtn{z-index:3;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;top:8px;left:8px}#addBtn{z-index:3;border:1px solid var(--accent);background:var(--panel);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;top:8px;right:8px}#peek{z-index:6;border:1px solid var(--line);pointer-events:none;background:#171922f5;border-radius:12px;max-width:min(260px,100% - 16px);padding:8px 12px;position:absolute;top:0;left:0;box-shadow:0 6px 24px #00000073}#peek .who{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}#peek .who i{border-radius:50%;flex:none;width:10px;height:10px}#peek .sub{color:var(--ink-2);margin-top:2px;font-size:12px}.status{text-align:center;color:var(--ink-2);pointer-events:none;max-width:80%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.status .bar{background:var(--panel-2);border-radius:2px;width:180px;height:4px;margin:10px auto 0;overflow:hidden}.status .bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.status.error{color:#f0a0a0;pointer-events:auto}#legend{max-width:calc(100% - 64px);color:var(--ink-2);pointer-events:none;flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px}#legend span{align-items:center;gap:4px;display:inline-flex}#legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.fab{right:10px;bottom:calc(10px + var(--cover,0px));position:absolute;background:var(--panel)!important;border-radius:50%!important;width:40px!important;height:40px!important}.link{stroke:#8890a8;stroke-opacity:.22;fill:none}.link.mutual{stroke-opacity:.45}.link.ego{stroke:var(--accent);stroke-opacity:.35}.link.hit{stroke:var(--hit);stroke-opacity:.75;stroke-width:1.5px}.link.dim{stroke-opacity:.05}.link.tie-half{stroke:var(--tie-half)}.link.tie-mutual{stroke:var(--tie-mutual)}.link.tie-in{stroke:var(--tie-in)}.link.tie-out{stroke:var(--tie-out)}.node circle.body{stroke:#0000008c;stroke-width:1px}.node .aura{fill:none;stroke:var(--aura);stroke-width:3px;visibility:hidden}.node.focus .aura{visibility:visible}.node.hit circle.body{fill:var(--hit)!important}.node.near1 circle.body{stroke:#ff8c42;stroke-width:2.5px}.node.near2 circle.body{stroke:#ffd56b;stroke-width:1.5px}.node.pinned circle.body{stroke:#fff;stroke-dasharray:2 2;stroke-width:1.5px}.node{cursor:pointer}.node.dim{opacity:.18}.node.faint{opacity:.5}.node text{fill:var(--ink);paint-order:stroke;stroke:#0e0f14d9;stroke-width:3px;pointer-events:all;font-size:10px}.node.hit text{fill:var(--hit-ink);stroke:var(--hit)}.node .initials{fill:#000000b3;stroke:none;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:9px;font-weight:650}.hulls{opacity:.1}.hulls,.links{pointer-events:none}#graph.xray image.avatar{display:none}.hull{stroke-width:36px;stroke-linejoin:round}#panel{border:1px solid var(--line);z-index:4;background:#171922f5;border-radius:12px;width:min(300px,100% - 16px);max-height:calc(100% - 16px);padding:12px;position:absolute;top:8px;right:8px;overflow:auto;box-shadow:0 8px 30px #00000073}#panel .head{align-items:center;gap:10px;display:flex}#panel img,#panel .ph{object-fit:cover;background:var(--panel-2);border-radius:50%;flex:none;width:48px;height:48px}#panel .name{font-size:15px;font-weight:650}#panel .user{color:var(--ink-2)}#panel .bio{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;margin:8px 0}#panel .stats{color:var(--ink-2);grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0;font-size:12px;display:grid}#panel .stats b{color:var(--ink)}#panel .chips{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}#panel .chip{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:2px 8px;font-size:12px}#panel .actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#panel .actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}#panel .close{color:var(--ink-3);background:0 0;border:0;position:absolute;top:6px;right:6px}#panel h4{color:var(--ink-3);margin:10px 0 4px;font-size:12px;font-weight:600}#toast{border:1px solid var(--line);max-width:calc(100% - 32px);color:var(--ink-2);pointer-events:none;z-index:5;background:#171922f0;border-radius:10px;padding:6px 12px;font-size:12px;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}@media (max-width:520px){#brand .label{display:none}#panel{width:auto;max-height:48%;inset:auto 8px 8px}}