:root{color-scheme:dark;--background:#0f1419;--surface:#191f26;--text:#c5c5c5;--heading:#e6e1cf;--border:#5c6773;--link:#39afd7;--accent:#ffb44c;--transit-icon-color:#fff;--node-image-width:17rem;--node-image-radius:.5rem;--graph-edge-stroke-width:3px;--graph-edge-opacity:.5}html{font-size:16px}body{margin:0;background:var(--background);color:var(--text);font:1rem/1.6 ui-monospace,sfmono-regular,Menlo,Consolas,liberation mono,monospace}#graph{position:relative;min-height:100vh}#packet-toggle{position:fixed;z-index:4;top:calc(env(safe-area-inset-top) + .75rem);left:calc(env(safe-area-inset-left) + .75rem);padding:.5rem .75rem;border:1px solid var(--border);border-radius:.25rem;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}#packet-toggle:disabled{opacity:.6;cursor:not-allowed}#packet-toggle[aria-pressed=true]{color:var(--accent)}#packet-toggle:hover{border-color:var(--accent)}#packet-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#toast{position:fixed;z-index:5;bottom:calc(env(safe-area-inset-bottom) + 1rem);left:50%;max-width:calc(100vw - 2rem);padding:.5rem .75rem;border:1px solid var(--border);border-radius:.25rem;background:var(--surface);color:var(--text);opacity:0;pointer-events:none;transform:translate(-50%,.5rem);transition:opacity 200ms ease,transform 200ms ease}#toast.is-visible{opacity:1;transform:translate(-50%,0)}#graph-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}#graph-lines path{fill:none;stroke:var(--border);stroke-width:var(--graph-edge-stroke-width);stroke-opacity:var(--graph-edge-opacity)}#graph-lines path.packet-transfer-path{stroke:none}#graph-lines .packet{transform-box:view-box;offset-anchor:0 0;offset-rotate:0}#graph-lines .packet-queue-slot{transition:transform var(--packet-queue-slide)ease-out}#graph-lines .packet circle{stroke:none}@keyframes packet-forward{from{offset-distance:0%}to{offset-distance:100%}}html.graph-paused #graph-lines .packet{animation-play-state:paused!important}.node{position:relative;box-sizing:border-box;max-width:30rem;margin-bottom:1rem;padding:1rem;overflow-wrap:anywhere;background:0 0}.node button{border:0;padding:0;background:0 0;color:var(--link);font:inherit;cursor:pointer}.node button:hover{color:var(--accent)}.node button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.node-title-marker .modal-close{display:inline-flex;align-items:center;color:var(--accent)}.node-title-marker .modal-close:hover{color:var(--link)}.node-actions{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:1rem}.node-actions>a,.node-actions>button{display:inline-flex;align-items:center;gap:.35rem}.node-icon{width:1em;height:1em;flex:none}.node-with-image{display:flex;flex-direction:column;justify-content:flex-end;width:var(--node-image-width);aspect-ratio:2/3;overflow:hidden;isolation:isolate}.node-with-image.image-text-top{justify-content:flex-start}.node-with-image::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;border-radius:var(--node-image-radius);background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%)}.node-with-image.image-text-top::before{background:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 55%)}.node-with-image>.node-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--node-image-radius);pointer-events:none}.node-with-image>:not(.node-image){position:relative;z-index:2}.node-with-image h2{justify-content:center;margin:0;text-align:center;text-shadow:0 1px 4px #000}.node h2{display:flex;align-items:center;margin:0 0 .4rem;color:var(--heading);font-size:1.2rem}.node h2 .node-title-link{color:inherit}.node h2 .node-title-link:hover{color:var(--accent)}.node-title-marker{display:inline-flex;align-items:center;flex:none;padding-right:.5rem;color:var(--transit-icon-color)}.node[data-color] .node-title-marker{color:var(--node-color)}.node-authors{margin:.25rem 0 .75rem}.node-authors .author-other{color:#858b92}.node>:last-child,.node .content>:last-child{margin-bottom:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}pre,code{background:var(--background)}pre{padding:.75rem;overflow-x:auto}html.graph-js #graph:not(.is-ready) .node,#graph:not(.is-ready) #graph-lines{visibility:hidden}#graph.is-interactive{height:100vh;height:100dvh;min-height:0;overflow:hidden;touch-action:pinch-zoom;cursor:grab}#graph.is-interactive.is-dragging,#graph.is-interactive.is-dragging .node{cursor:grabbing;user-select:none}#graph.is-interactive .node{position:absolute;left:var(--x);top:var(--y);width:max-content;max-width:min(40rem,calc(100% - 2rem));margin:0;transform:translate(-50%,-50%)scale(var(--scale,1));transform-origin:center;cursor:pointer}#graph.is-interactive .node-with-image{width:var(--node-image-width)}#graph.is-ready .node{transition:transform 300ms ease-out}#graph.is-interactive .node>*{opacity:var(--opacity,1)}#graph.is-interactive .node:hover>*{opacity:1}#graph.is-ready .node>*{transition:opacity 300ms ease-out}#graph.is-interactive .node.is-closed{pointer-events:none}#graph.is-interactive .node.is-selected{z-index:1}@media(max-width:600px){html{font-size:12px}}