:root{--primary-pink: #e91e63;--primary-cyan: #1ee9e6;--text-dark: #333;--background-white: #fff;--link-gray: #ccc;--shadow-light: rgba(0, 0, 0, .15);--shadow-medium: rgba(0, 0, 0, .8);--node-label-font-size: 14px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;width:100%;height:100%}.navbar{font-family:Send Flowers,cursive;width:100vw;height:4rem;background-color:var(--primary-pink);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem}.panel-card{background:var(--background-white);padding:15px;border-radius:8px;box-shadow:0 2px 8px var(--shadow-light);z-index:1000;transition:all .3s ease}.panel-card.collapsed{max-width:fit-content;padding:10px 15px}.panel-title{font-weight:700;margin-bottom:12px;color:var(--primary-pink);font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}.panel-card.collapsed .panel-title{margin-bottom:0}.panel-title:hover{opacity:.7}.panel-title span{font-size:18px;font-weight:700;width:20px;text-align:center}.legend{position:absolute;top:70px;left:20px;font-size:13px;max-width:350px}.legend-section{margin-bottom:12px}.legend-section:last-child{margin-bottom:0}.legend-subtitle{font-weight:600;margin-bottom:8px;color:var(--text-dark)}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-notes p{margin:5px 0;color:var(--text-dark)}.legend-node{stroke:var(--primary-cyan);stroke-width:2px}.legend-node.extendable{fill:var(--primary-cyan)}.legend-node.collapsible{fill:var(--primary-pink)}.legend-node.non-extendable{fill:var(--background-white)}.text-size-card{position:fixed;bottom:20px;right:20px}.font-controls{display:flex;gap:8px}.font-controls button{width:36px;height:36px;border:none;border-radius:8px;background:var(--background-white);color:var(--text-dark);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px var(--shadow-light);transition:background-color .2s,transform .1s}.font-controls button:hover{background-color:#f0f0f0}.font-controls button:active{transform:scale(.95)}.person{stroke:var(--primary-cyan);stroke-width:3px}.extendable,.collapsible{cursor:pointer}.extendable{fill:var(--primary-cyan)}.collapsible{fill:var(--primary-pink)}.non-extendable{fill:var(--background-white)}.node-label{font-size:var(--node-label-font-size);fill:var(--text-dark)}.link{fill:none;stroke:var(--link-gray);stroke-width:2px}.tooltip{position:absolute;font-size:var(--node-label-font-size);padding:12px;background:var(--shadow-medium);color:var(--background-white);border-radius:2px;pointer-events:auto}.spacer{margin-right:.5rem;height:2rem}svg{cursor:grab}