.tree-workspace{background:var(--color-bg-primary);flex-direction:column;flex:1;width:100vw;min-height:0;display:flex}.tree-toolbar{align-items:center;gap:var(--space-2\.5);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);z-index:51;display:flex;position:relative;box-shadow:0 2px 8px #00000040}.tree-toolbar:after{content:"";background:linear-gradient(to right, var(--color-accent), var(--color-accent-subtle), transparent 80%);height:3px;position:absolute;bottom:0;left:0;right:0}.tree-toolbar__title{font-family:var(--font-heading);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:240px;font-size:1.1rem;overflow:hidden}.tree-toolbar__back{color:var(--color-text-secondary);font-size:14px;text-decoration:none}.tree-toolbar__back:hover{color:var(--color-text-primary)}.tree-toolbar__spacer{flex:1}.tree-toolbar__btn{align-items:center;gap:var(--space-1\.5);height:32px;padding:0 var(--space-3\.5);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-primary);transition:var(--transition-colors);font-size:13px;text-decoration:none;display:inline-flex}.tree-toolbar__btn:hover{background:var(--color-bg-hover)}.tree-toolbar__btn--primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.tree-toolbar__btn--primary:hover{background:var(--color-accent-hover)}.tree-toolbar__group{align-items:center;gap:var(--space-1\.5);display:flex}.tree-toolbar__separator{background:var(--color-border-primary);flex-shrink:0;width:2px;height:20px}.tree-toolbar__tabs{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.tree-toolbar__tab{height:32px;padding:0 var(--space-3\.5);color:var(--color-text-secondary);cursor:pointer;border:none;border-right:1px solid var(--color-border-primary);transition:var(--transition-colors);white-space:nowrap;background:0 0;align-items:center;gap:5px;font-family:inherit;font-size:13px;text-decoration:none;display:inline-flex}.tree-toolbar__tab:last-child{border-right:none}.tree-toolbar__tab:hover:not(.tree-toolbar__tab--active){background:var(--color-bg-hover);color:var(--color-text-primary)}.tree-toolbar__tab--active{background:var(--color-accent-subtle);color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}.tree-toolbar__btn-group{display:inline-flex}.tree-toolbar__btn-group .tree-toolbar__icon-btn{border-radius:0}.tree-toolbar__btn-group .tree-toolbar__icon-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tree-toolbar__btn-group .tree-toolbar__icon-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.tree-toolbar__icon-btn{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-text-secondary);transition:var(--transition-colors);justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.tree-toolbar__icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tree-toolbar__icon-btn--active,.tree-toolbar__btn--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.tree-toolbar__icon-btn:after{content:attr(aria-label);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--space-1) var(--space-2\.5);white-space:nowrap;color:var(--color-text-primary);pointer-events:none;z-index:50;font-size:12px;font-weight:400;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tree-toolbar__icon-btn:hover:after,.tree-toolbar__icon-btn:focus-visible:after{display:block}@media (width<=960px){.tree-toolbar__tab-label{display:none}.tree-toolbar__tab{padding:0 var(--space-2);justify-content:center}.tree-toolbar__title{max-width:140px}}.tree-canvas-wrapper{flex:1;position:relative;overflow:hidden}.tree-canvas-wrapper .react-flow__pane{background:0 0}.tree-canvas-wrapper .react-flow__controls{box-shadow:var(--shadow-md)}.tree-canvas-wrapper .react-flow__controls-button{background:var(--color-bg-secondary);border-color:var(--color-border-primary);fill:var(--color-text-secondary);color:var(--color-text-secondary)}.tree-canvas-wrapper .react-flow__controls-button:hover{background:var(--color-bg-hover)}.tree-canvas-wrapper .react-flow__minimap{background:var(--color-bg-secondary)}.layout-animating .react-flow__node{transition:transform .3s ease-out}.tree-canvas-empty{justify-content:center;align-items:center;gap:var(--space-3);z-index:4;pointer-events:none;background-image:radial-gradient(var(--color-border-secondary) 1px, transparent 1px);background-size:24px 24px;flex-direction:column;display:flex;position:absolute;inset:0}.tree-canvas-empty__title{font-family:var(--font-heading);color:var(--color-text-secondary);font-size:1.4rem;font-weight:300}.tree-canvas-empty__hint{color:var(--color-text-muted);text-align:center;max-width:300px;font-size:14px;line-height:1.5}.tree-canvas-empty__btn{align-items:center;gap:var(--space-1\.5);margin-top:var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);height:36px;color:var(--color-text-inverse);cursor:pointer;pointer-events:auto;transition:var(--transition-colors);padding:0 18px;font-size:14px;display:inline-flex}.tree-canvas-empty__btn:hover{background:var(--color-accent-hover)}.relationship-prompt{z-index:15;animation:.25s ease-out relationship-prompt-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.relationship-prompt__card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-4);display:flex}.relationship-prompt__card--expanded{flex-direction:column;align-items:stretch;min-width:260px}.relationship-prompt__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.relationship-prompt__text{color:var(--color-text-primary);white-space:nowrap;margin:0;font-size:14px}.relationship-prompt__actions{gap:var(--space-2);display:flex}.relationship-prompt__btn{padding:var(--space-1\.5) var(--space-3\.5);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-colors);font-size:13px}.relationship-prompt__btn:hover{background:var(--color-bg-hover)}.relationship-prompt__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.relationship-prompt__btn--primary:hover{background:var(--color-accent-hover)}.relationship-prompt__list{gap:var(--space-1);flex-direction:column;max-height:50vh;display:flex;overflow-y:auto}.relationship-prompt__item{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:var(--transition-colors);font-size:14px}.relationship-prompt__item:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.relationship-prompt__direction{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1\.5) var(--space-2\.5);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;display:flex}.relationship-prompt__swap{padding:3px var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);font-size:12px}.relationship-prompt__swap:hover{background:var(--color-bg-hover);border-color:var(--color-accent);color:var(--color-text-primary)}@keyframes relationship-prompt-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reflection-nudge{z-index:8;align-items:center;gap:var(--space-3);padding:var(--space-2\.5) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:600px;animation:.25s ease-out relationship-prompt-in;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.reflection-nudge__text{color:var(--color-text-secondary);flex:1;font-size:13px;font-style:italic}.reflection-nudge__btn{padding:5px var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text-inverse);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);font-size:12px}.reflection-nudge__btn:hover{background:var(--color-accent-hover)}.reflection-nudge__dismiss{padding:var(--space-0\.5);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;line-height:1}.reflection-nudge__dismiss:hover{color:var(--color-text-primary)}.relationship-popover{background:var(--color-bg-overlay);z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.relationship-popover__card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-lg);min-width:240px}.relationship-popover__card h3{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:15px;font-weight:600}.relationship-popover__direction{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-1\.5) var(--space-2\.5);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;display:flex}.relationship-popover__swap{padding:3px var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);font-size:12px}.relationship-popover__swap:hover{background:var(--color-bg-hover);border-color:var(--color-accent);color:var(--color-text-primary)}.relationship-popover__options{gap:var(--space-1\.5);flex-direction:column;display:flex}.relationship-popover__option{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;text-align:left;color:var(--color-text-primary);transition:var(--transition-colors);font-size:14px}.relationship-popover__option:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.relationship-popover__cancel{margin-top:var(--space-3);padding:var(--space-1\.5) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;color:var(--color-text-secondary);width:100%;transition:var(--transition-colors);font-size:13px}.relationship-popover__cancel:hover{background:var(--color-bg-hover)}