.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--board-void: oklch(.16 .012 264);--board-base: oklch(.19 .014 264);--board-panel: oklch(.225 .016 264);--board-raised: oklch(.27 .018 264);--board-line: oklch(.34 .02 264);--board-dot: oklch(.4 .022 264);--fg-1: oklch(.97 .005 264);--fg-2: oklch(.8 .012 264);--fg-3: oklch(.62 .014 264);--fg-4: oklch(.48 .014 264);--red: oklch(.62 .235 23);--red-bright: oklch(.68 .24 25);--red-deep: oklch(.5 .2 22);--red-glow: oklch(.62 .235 23 / .55);--paper: oklch(.94 .018 85);--paper-manila: oklch(.88 .04 80);--paper-edge: oklch(.8 .04 78);--paper-ink: oklch(.3 .02 60);--paper-ink-2: oklch(.45 .02 60);--lead: oklch(.78 .16 75);--verified: oklch(.74 .16 155);--link: oklch(.72 .13 230);--closed: oklch(.6 .015 264);--lead-glow: oklch(.78 .16 75 / .5);--verified-glow: oklch(.74 .16 155 / .5);--link-glow: oklch(.72 .13 230 / .55);--font-display: "Sora", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--t-display: 600 56px/1.02 var(--font-display);--t-h1: 600 38px/1.08 var(--font-display);--t-h2: 600 27px/1.15 var(--font-display);--t-h3: 500 20px/1.25 var(--font-display);--t-body: 400 15px/1.55 var(--font-body);--t-body-sm: 400 13px/1.5 var(--font-body);--t-label: 500 12px/1.3 var(--font-body);--t-mono: 500 12px/1.4 var(--font-mono);--t-mono-sm: 500 11px/1.4 var(--font-mono);--tracking-label: .14em;--tracking-mono: .02em;--r-xs: 3px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--shadow-1: 0 1px 2px oklch(0 0 0 / .4);--shadow-2: 0 4px 14px oklch(0 0 0 / .45);--shadow-card: 0 10px 30px oklch(0 0 0 / .55);--glow-red: 0 0 0 1px var(--red-glow), 0 0 16px var(--red-glow);--glow-link: 0 0 0 1px var(--link-glow), 0 0 14px var(--link-glow);--glow-edge: 0 0 18px oklch(.62 .235 23 / .3);--dot-size: 1.5px;--dot-gap: 26px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--board-base);color:var(--fg-1);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.board{position:relative;width:100vw;height:100vh;height:100dvh}.react-flow{background-color:var(--board-base)}.react-flow__controls{background:#181c23d1;border:1px solid var(--board-line);border-radius:var(--r-sm);box-shadow:var(--shadow-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;left:18px!important}.react-flow__controls-button{background:transparent;border-bottom:1px solid var(--board-line);color:var(--fg-2);width:28px;height:28px}.react-flow__controls-button:hover{background:#ffffff0f;color:var(--fg-1)}.react-flow__controls-button svg{fill:currentColor}.topbar{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#181c23e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--board-line);z-index:60}.topbar-logo{width:28px;height:28px;flex:none}.topbar-divider{width:1px;height:24px;background:var(--board-line)}.topbar-title{font:var(--t-h3);font-size:16px;color:var(--fg-1);letter-spacing:.04em}.topbar-meta{font:var(--t-mono-sm);letter-spacing:var(--tracking-mono);color:var(--red-bright)}.topbar-spacer{flex:1}.topbar-mode{font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-3)}.card{position:relative;width:210px;font-family:var(--font-body);transform:rotate(var(--rot, 0deg));transform-origin:50% 0%;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.card:hover{transform:rotate(var(--rot, 0deg)) translateY(-2px)}.card-paper{background:var(--paper);color:var(--paper-ink);border-radius:var(--r-xs);box-shadow:var(--shadow-card);padding:14px 14px 12px;transition:box-shadow .18s cubic-bezier(.2,.8,.2,1)}.card.place .card-paper{background:var(--paper-manila)}.card:hover .card-paper{box-shadow:0 16px 38px #0009}.react-flow__node.selected .card-paper{box-shadow:0 0 0 1.5px var(--link),0 0 22px var(--link-glow),0 16px 36px #0009}.card-pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:13px;height:13px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,var(--red-bright),var(--red-deep));box-shadow:0 0 11px var(--red-glow),0 1px 2px #0009}.card.place .card-pin{background:radial-gradient(circle at 35% 30%,var(--lead),oklch(.6 .15 70));box-shadow:0 0 11px var(--lead-glow),0 1px 2px #0009}.card.document .card-pin{background:radial-gradient(circle at 35% 30%,var(--verified),oklch(.55 .13 155));box-shadow:0 0 11px var(--verified-glow),0 1px 2px #0009}.card-kind{font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--paper-ink-2);display:block}.card-name{font:500 15px/1.3 var(--font-body);color:var(--paper-ink);margin:6px 0;word-break:break-word}.card-job{font:400 12.5px/1.4 var(--font-body);font-style:italic;color:var(--paper-ink);opacity:.85;margin-bottom:9px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-direction:column;gap:2px;font:var(--t-mono-sm);letter-spacing:var(--tracking-mono);color:var(--paper-ink-2)}.react-flow__handle{opacity:0;width:9px;height:9px;background:var(--red-bright);border:1px solid var(--board-void);box-shadow:0 0 6px var(--red-glow);transition:opacity .15s,width .1s,height .1s}.edit-mode .react-flow__handle{opacity:.85}.edit-mode .react-flow__handle:hover{opacity:1;width:13px;height:13px}.react-flow__edge-path{stroke:var(--red);stroke-width:2;fill:none}.string-edge-glow{stroke:var(--red-glow);stroke-width:7;fill:none;filter:blur(4px);opacity:.55}.string-edge-main{stroke:oklch(.7 .235 25);stroke-width:2.2;stroke-linecap:round;fill:none}.string-edge-hit{stroke:transparent;stroke-width:18;fill:none;cursor:pointer}.react-flow__edge.selected .string-edge-main{stroke:var(--red-bright);stroke-width:3}.react-flow__edge.selected .string-edge-glow{stroke-width:10;opacity:.75}.react-flow__edge-text{font:var(--t-mono-sm);letter-spacing:var(--tracking-mono);fill:var(--fg-2)}.react-flow__edge-textbg{fill:var(--board-base);fill-opacity:.85}.add-entity{position:absolute;top:72px;left:18px;z-index:50;display:flex;flex-direction:row;align-items:center;gap:4px;padding:5px;background:#181c23d1;border:1px solid var(--board-line);border-radius:var(--r-md);box-shadow:var(--shadow-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.add-entity button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--board-line);background:var(--board-raised);color:var(--fg-1);font:500 13px var(--font-body);cursor:pointer;transition:all .16s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.add-entity button:hover:not(:disabled){background:var(--board-line);border-color:var(--red-glow);color:var(--fg-1)}.add-entity button:disabled{opacity:.4;cursor:not-allowed}.add-entity .divider{width:1px;height:22px;background:var(--board-line);margin:0 4px}.add-entity button{background:transparent;border-color:transparent}.add-entity button:hover:not(:disabled){background:#ffffff0f;border-color:var(--board-line)}.edit-toggle{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:22px;z-index:50;display:flex;align-items:center;gap:10px;background:#181c23d1;border:1px solid var(--board-line);padding:8px 14px;border-radius:var(--r-pill);font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-3);box-shadow:var(--shadow-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:right .15s ease-out}.board.pane-open .edit-toggle{right:402px}.switch{position:relative;display:inline-block;width:34px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#333843;border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;height:12px;width:12px;left:3px;bottom:3px;background:var(--fg-2);border-radius:50%;transition:.2s}input:checked+.slider{background:var(--red);box-shadow:0 0 10px var(--red-glow)}input:checked+.slider:before{transform:translate(16px);background:#fff}.detail-panel{position:absolute;top:56px;right:0;bottom:0;width:380px;max-width:100vw;background:#181c23e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--board-line);box-shadow:-18px 0 40px #00000059;display:flex;flex-direction:column;z-index:55}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--board-line)}.detail-header h2{margin:0;font:var(--t-h3);font-size:16px;color:var(--fg-1);letter-spacing:.01em}.detail-close{background:transparent;border:none;color:var(--fg-3);font-size:22px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--r-sm);transition:.15s}.detail-close:hover{color:var(--fg-1);background:#ffffff0f}.detail-body{padding:18px;overflow-y:auto;flex:1}.detail-panel label{display:block;font:var(--t-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-3);margin-bottom:5px;margin-top:14px}.detail-panel label:first-of-type{margin-top:0}.detail-panel input,.detail-panel select,.detail-panel textarea{width:100%;background:var(--board-void);border:1px solid var(--board-line);color:var(--fg-1);padding:8px 10px;border-radius:var(--r-sm);font:400 14px var(--font-body);transition:.15s}.detail-panel input:focus,.detail-panel select:focus,.detail-panel textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 1px var(--link-glow)}.detail-panel input:disabled,.detail-panel select:disabled,.detail-panel textarea:disabled{opacity:.75;cursor:not-allowed}.detail-panel textarea{min-height:100px;resize:vertical;font-family:var(--font-body)}.detail-panel .row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-mono{font:var(--t-mono);letter-spacing:var(--tracking-mono);color:var(--fg-2)}.rel-endpoints{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--board-void);border:1px solid var(--board-line);border-radius:var(--r-sm);margin-bottom:14px;font:400 13px var(--font-body);color:var(--fg-1)}.rel-arrow{color:var(--red-bright)}.form-error{margin-top:12px;padding:8px 10px;background:#f3233b1a;border:1px solid var(--red-glow);color:var(--red-bright);border-radius:var(--r-sm);font:var(--t-body-sm)}.detail-actions{padding:14px 18px;border-top:1px solid var(--board-line);display:flex;justify-content:space-between;gap:8px}.detail-actions .right{display:flex;gap:8px;margin-left:auto}.detail-actions button{padding:9px 14px;border-radius:var(--r-sm);border:1px solid var(--board-line);background:var(--board-raised);color:var(--fg-1);font:500 13px var(--font-body);cursor:pointer;transition:all .16s cubic-bezier(.2,.8,.2,1)}.detail-actions button:hover{background:var(--board-line)}.detail-actions button.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 1px var(--red-glow),0 0 16px var(--red-glow)}.detail-actions button.primary:hover{background:var(--red-bright)}.detail-actions button.primary:disabled{opacity:.5;cursor:not-allowed}.detail-actions button.danger{background:transparent;border-color:#f3233b66;color:var(--red-bright)}.detail-actions button.danger:hover{background:#f3233b1a;border-color:var(--red)}
