@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cal+Sans:wght@600&display=swap";.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray: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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.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:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{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:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.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.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@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;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--bg: #fafafa;--card: #ffffff;--ink: #0a0a0a;--muted: #737373;--muted-light: #a3a3a3;--line: #e5e5e5;--line-dark: #d4d4d4;--accent: #6366f1;--accent-dark: #4f46e5;--accent-light: #818cf8;--accent-ink: #ffffff;--accent-bg: #eef2ff;--warn: #ef4444;--success: #10b981;--surface-a: #f0f9ff;--surface-b: #fef3c7;--surface-c: #f3e8ff;--hero-a: #1e1b4b;--hero-b: #4338ca;--hero-c: #7c3aed;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cal Sans", "Inter", -apple-system, sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-sans);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);font-size:15px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;color:var(--ink)}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem;line-height:1.3}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-dark)}button,input,select,textarea{font:inherit}.btn{border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:.625rem 1.25rem;font-weight:600;font-size:.9375rem;letter-spacing:-.01em;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-dark);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:var(--accent-ink);border-color:transparent;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);opacity:.9}.btn-outline{border-color:var(--accent);color:var(--accent);background:transparent}.btn-outline:hover:not(:disabled){background:var(--accent-bg)}.btn-ghost{border-color:transparent;background:transparent;color:var(--accent)}.btn-ghost:hover:not(:disabled){background:var(--accent-bg)}.btn-danger{color:var(--warn);border-color:var(--warn);background:transparent}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.38rem .72rem;font-size:.88rem}.error-banner{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:.875rem 1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.9375rem}.notice-banner{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;padding:.875rem 1rem;border-radius:12px;font-size:.9375rem}.app-shell{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--bg)}.app-header{padding:1.5rem 2rem;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.header-left{display:flex;flex-direction:column;gap:.625rem;align-items:flex-start}.app-logo{height:36px;width:auto;object-fit:contain}.app-header h1{margin:0;font-size:1.75rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{margin:0;color:var(--muted);font-size:.9375rem}.header-right{display:flex;align-items:center;gap:.8rem;margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.header-stats{display:flex;gap:.75rem}.header-stats div{background:var(--accent-bg);border:1px solid rgba(99,102,241,.2);border-radius:12px;min-width:100px;padding:.75rem 1rem;text-align:center;display:grid;gap:.25rem;transition:all .2s ease}.header-stats div:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.header-stats strong{font-size:1.5rem;font-weight:700;color:var(--accent);font-family:var(--font-display)}.header-stats span{color:var(--muted);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.user-chip{display:flex;align-items:center;gap:.625rem;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:.5rem .625rem .5rem 1rem;max-width:100%;box-shadow:var(--shadow-sm);transition:all .2s ease}.user-chip:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.user-chip span{font-size:.9375rem;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.layout-grid{flex:1;min-height:0;display:grid;gap:1.5rem;grid-template-columns:300px 1fr 340px}.sidebar,.detail-panel,.canvas-wrap{border:1px solid var(--line);border-radius:20px;background:var(--card);min-height:0;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.sidebar:hover,.detail-panel:hover,.canvas-wrap:hover{box-shadow:var(--shadow-md)}.sidebar{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sidebar-header{padding-bottom:.75rem;border-bottom:2px solid var(--bg)}.sidebar-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--ink)}.sidebar-actions{display:flex;gap:.625rem;width:100%}.sidebar-actions .btn{flex:1}.search-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.625rem .875rem;font-size:.9375rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.person-list{display:flex;flex-direction:column;gap:.625rem;overflow:auto;padding-right:.25rem}.person-list-item{padding:.875rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;display:grid;gap:.5rem;transition:all .2s ease}.person-list-item:hover{border-color:var(--accent-light);box-shadow:var(--shadow-sm);transform:translate(4px)}.person-list-item h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--ink)}.person-list-item p{margin:.25rem 0 0;font-size:.8125rem;color:var(--muted)}.person-list-item.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-md);transform:translate(4px)}.row-actions{display:flex;gap:.4rem}.relationship-summary{margin-top:auto;border-top:1px solid var(--line);padding-top:.6rem}.relationship-summary h3{margin:0;font-size:.95rem}.relationship-summary ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}.canvas-wrap{overflow:hidden;position:relative;background:linear-gradient(to bottom,var(--card) 0%,#fafbfc 100%)}.react-flow__attribution{display:none!important}.tree-canvas{width:100%;height:100%}.detail-panel{padding:1.5rem;overflow:auto}.detail-panel h2{font-size:1.5rem;margin-bottom:.5rem}.detail-panel h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--ink);padding-bottom:.5rem;border-bottom:2px solid var(--bg)}.detail-panel img{width:100%;max-height:200px;object-fit:cover;border-radius:12px}.detail-panel h2{margin:.8rem 0 .2rem}.detail-panel p{color:var(--muted)}.tag-wrap{display:flex;gap:.5rem;flex-wrap:wrap}.tag-wrap span{background:var(--accent-bg);color:var(--accent);padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500;border:1px solid rgba(99,102,241,.2);transition:all .2s ease}.tag-wrap span:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:.875rem}.timeline-list li{border-left:3px solid var(--accent);padding-left:1rem;position:relative;transition:all .2s ease}.timeline-list li:before{content:"";position:absolute;left:-6px;top:.25rem;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--card)}.timeline-list li:hover{border-left-color:var(--accent-dark)}.timeline-list li:hover:before{background:var(--accent-dark);transform:scale(1.2)}.timeline-list span{margin-left:.5rem;color:var(--muted);font-size:.8125rem;font-weight:500}.detail-notes{margin-top:1rem}.loading-state{height:100%;display:grid;place-items:center;color:var(--muted);font-size:1rem;font-weight:500}.person-node{width:240px;border:2px solid var(--line);border-radius:16px;background:var(--card);padding:1rem;position:relative;box-shadow:var(--shadow-md);transition:all .2s ease;cursor:pointer}.person-node:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-light)}.person-node-selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px #6366f133,var(--shadow-lg)}.person-node-top{display:grid;grid-template-columns:52px 1fr;gap:.75rem;align-items:start}.person-node h4{margin:0;font-size:1rem;font-weight:600;color:var(--ink);line-height:1.3}.person-node p{margin:.375rem 0 0;color:var(--muted);font-size:.8125rem;line-height:1.4}.person-avatar{width:52px;height:52px;border-radius:12px;object-fit:cover;border:2px solid var(--line);background:var(--bg)}.person-tags{margin-top:.75rem;display:flex;gap:.375rem;flex-wrap:wrap}.person-tags span{font-size:.6875rem;background:var(--accent-bg);color:var(--accent);border-radius:6px;padding:.25rem .5rem;font-weight:500;border:1px solid rgba(99,102,241,.2)}.hover-card{display:none;position:absolute;top:calc(100% + 10px);left:0;width:220px;border-radius:10px;background:#0f172a;color:#f8fafc;padding:.6rem;z-index:5}.hover-card p{margin:.35rem 0 0;color:#cbd5e1}.person-node:hover .hover-card{display:block}.drawer-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:1rem}.drawer{width:min(720px,96vw);max-height:94vh;background:var(--card);border-radius:24px;overflow:auto;padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--line)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:2px solid var(--bg);margin-bottom:1.5rem}.drawer-header h2{font-size:1.5rem;margin:0}.drawer-form{display:flex;flex-direction:column;gap:1.25rem}.drawer-form label,.modal-form label{display:grid;gap:.5rem;color:var(--ink);font-weight:500;font-size:.9375rem}.drawer-form input,.drawer-form textarea,.drawer-form select,.modal-form input,.modal-form select{border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s ease;background:var(--card)}.drawer-form input:focus,.drawer-form textarea:focus,.drawer-form select:focus,.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.two-col{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.markdown-preview{border:2px dashed var(--line);border-radius:12px;padding:1.25rem;background:var(--bg)}.markdown-preview h4,.events-header h4{margin:0 0 .55rem}.events-editor{border:2px dashed var(--line);border-radius:12px;padding:1rem;background:var(--bg)}.events-header{display:flex;justify-content:space-between;align-items:center}.event-row{border-top:1px solid var(--line);margin-top:.7rem;padding-top:.7rem;display:grid;gap:.5rem}.modal{width:min(520px,95vw);background:var(--card);border-radius:24px;padding:2rem;border:1px solid var(--line);box-shadow:var(--shadow-xl)}.modal header{padding-bottom:1.25rem;border-bottom:2px solid var(--bg);margin-bottom:1.5rem}.modal header h3{margin:0;font-size:1.5rem}.modal header p{margin:.5rem 0 0;color:var(--muted);font-size:.9375rem}.modal-form{display:grid;gap:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:2px solid var(--bg)}.auth-shell{min-height:100vh;padding:2rem 1rem;display:grid;grid-template-rows:1fr auto;gap:2rem;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1),transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1),transparent 50%),var(--bg)}.auth-layout{margin:auto;width:min(1200px,100%);display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;align-items:center}.auth-hero{border-radius:24px;padding:3rem;color:#fff;border:none;background:var(--gradient-hero);display:grid;gap:1.5rem;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.auth-badge{display:inline-flex;width:fit-content;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;font-size:.8125rem;letter-spacing:.02em;font-weight:600;position:relative;z-index:1}.auth-hero h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;position:relative;z-index:1;color:#fff}.auth-hero p{margin:0;color:#ffffffe6;font-size:1.125rem;line-height:1.7;position:relative;z-index:1}.hero-points{margin:0;padding-left:1.5rem;display:grid;gap:.75rem;color:#fffffff2;font-size:1rem;position:relative;z-index:1}.hero-highlights{list-style:none;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.auth-card{width:100%;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:2rem;display:grid;align-content:start;gap:1.25rem;box-shadow:var(--shadow-lg)}.auth-card h2{margin:0;font-size:1.875rem}.auth-card p{margin:0;color:var(--muted);font-size:1rem}.auth-tabs{display:flex;gap:.5rem;padding:.25rem;background:var(--bg);border-radius:12px}.auth-tabs .btn{flex:1;border-radius:10px}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.5rem;font-weight:500;font-size:.9375rem;color:var(--ink)}.auth-form input{border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s ease}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.auth-error,.auth-notice{margin-top:.2rem}.auth-terms{font-size:.84rem;color:var(--muted)}.auth-terms a{color:var(--accent);font-weight:500}.auth-terms a:hover{color:var(--accent-dark);text-decoration:underline}.oauth-divider{text-align:center;color:var(--muted);font-size:.875rem;font-weight:500;position:relative;margin:.5rem 0}.oauth-divider:before,.oauth-divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--line)}.oauth-divider:before{left:0}.oauth-divider:after{right:0}.oauth-actions{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.oauth-actions a{text-align:center;text-decoration:none}.btn-oauth{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500;justify-content:center}.btn-oauth:hover:not(:disabled){background:var(--bg);border-color:var(--line-dark)}.btn-oauth svg{flex-shrink:0}.btn-google:hover:not(:disabled){background:#f8faff;border-color:#4285f4}.btn-facebook:hover:not(:disabled){background:#f0f5ff;border-color:#1877f2}.auth-footnote{color:var(--muted-light);text-align:center;font-size:.8125rem}.legal-shell{min-height:100vh;padding:1rem;display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.legal-header{max-width:980px;margin:0 auto;width:100%;border:1px solid var(--line);border-radius:16px;background:linear-gradient(112deg,#fff,#f8fafc);padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.legal-header h1{margin:0;font-size:1.35rem}.link-back{color:#0f4c75;text-decoration:none;font-size:.9rem;font-weight:600}.link-back:hover{text-decoration:underline}.legal-meta{color:var(--muted);margin-top:.22rem;font-size:.9rem}.legal-content{max-width:980px;margin:0 auto;width:100%;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:1.2rem;overflow:auto}.legal-section{margin-bottom:1.1rem}.legal-section h2{margin:0 0 .45rem;font-size:1.04rem}.legal-section p,.legal-section li{color:#334155;line-height:1.6}.legal-section ul,.legal-section ol{margin:.35rem 0 0;padding-left:1.2rem}.faq-list{display:grid;gap:.95rem}.faq-item{border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#fcfdff}.faq-item h3{margin:0 0 .35rem;font-size:.98rem}.faq-item p{margin:0}.site-footer{width:100%}.site-footer-inner{max-width:1100px;margin:0 auto;width:100%;padding:.1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.site-footer-legal{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.site-footer a{color:#0f4c75;text-decoration:none;font-size:.88rem;font-weight:600;transition:color .14s ease}.site-footer a:hover{color:#0b6b88;text-decoration:underline}.site-footer-note{color:var(--muted);font-size:.86rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-footer .site-footer-inner,.legal-shell .site-footer-inner,.styleguide-shell .site-footer-inner{max-width:980px}.styleguide-content h1,.styleguide-content h2,.styleguide-content h3,.styleguide-content h4{margin-top:0}.styleguide-section{margin-bottom:1.2rem}.styleguide-section:last-child{margin-bottom:0}.styleguide-grid-2{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.styleguide-grid-3{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.styleguide-card{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:#fcfdff}.styleguide-card h3{margin:0 0 .45rem;font-size:.95rem}.styleguide-card p{margin:0;color:#334155}.styleguide-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.styleguide-form-demo{display:grid;gap:.7rem}.styleguide-form-demo label{display:grid;gap:.35rem}.styleguide-form-demo input,.styleguide-form-demo select,.styleguide-form-demo textarea{border:1px solid var(--line);border-radius:9px;padding:.52rem}.profile-photo-preview{width:min(100%,280px);max-height:220px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.photo-upload-error{color:#b91c1c}.tw-flex{display:flex}.tw-grid{display:grid}.tw-items-center{align-items:center}.tw-justify-between{justify-content:space-between}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-full{border-radius:999px}.tw-border{border:1px solid #d1deed}.tw-bg-card{background:#fff}.tw-bg-soft{background:#f8fbff}.tw-p-3{padding:.75rem}.tw-text-sm{font-size:.875rem}.tw-font-semibold{font-weight:600}.tw-shadow-soft{box-shadow:0 10px 24px #0f172a14}@media(max-width:1300px){.layout-grid{grid-template-columns:260px 1fr}.detail-panel{grid-column:1 / -1}}@media(max-width:1000px){.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:auto}}@media(max-width:900px){.layout-grid{grid-template-columns:1fr}.sidebar{max-height:42vh}.canvas-wrap{min-height:56vh}.app-header{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:flex-start}.two-col,.oauth-actions,.styleguide-grid-2,.styleguide-grid-3{grid-template-columns:1fr}.legal-header{flex-direction:column-reverse;align-items:flex-start}.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer-legal{justify-content:flex-start}}