.organic-mindmap{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--blue) 7%, var(--surface)) 0, var(--surface) 62%);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;overflow:hidden}.organic-mindmap-svg{aspect-ratio:16/10;cursor:grab;touch-action:none;user-select:none;width:100%;height:auto;display:block}.organic-mindmap-svg:active{cursor:grabbing}.organic-mindmap-svg text,.organic-mindmap-svg image,.mindmap-node.is-root rect,.mindmap-node.is-branch rect{stroke:none;stroke-width:0}.map-color-0{color:var(--map-1)}.map-color-1{color:var(--map-2)}.map-color-2{color:var(--map-3)}.map-color-3{color:var(--map-4)}.map-color-4{color:var(--map-5)}.map-color-5{color:var(--map-6)}.mindmap-link{fill:none;stroke:currentColor;stroke-linecap:round}.mindmap-link.is-trunk{opacity:.9;stroke-width:5px}.mindmap-link.is-twig{opacity:.75;stroke-width:2.2px}.mindmap-node text{fill:var(--ink);pointer-events:none;font-family:Be Vietnam Pro,Be Vietnam Pro Fallback,Segoe UI,sans-serif;font-size:13px;font-weight:600}.mindmap-node.is-root rect{fill:var(--deep)}.mindmap-node.is-root text{fill:var(--on-deep);font-size:16px;font-weight:700}.mindmap-node.is-root .mindmap-root-subtitle{fill:color-mix(in srgb, var(--on-deep) 72%, transparent);font-size:11px;font-weight:500}.mindmap-node.is-branch rect{fill:currentColor}.mindmap-node.is-branch text{fill:var(--paper);font-size:13px;font-weight:700}.mindmap-node.is-branch text.mindmap-branch-detail{fill:color-mix(in srgb, var(--paper) 90%, transparent);font-size:10px;font-weight:500}.mindmap-node.is-leaf{cursor:pointer;transition:transform var(--motion-fast) var(--ease-out);outline:none}.mindmap-node.is-leaf rect{fill:var(--surface);stroke:color-mix(in srgb, currentColor 55%, var(--line));stroke-width:1.5px;transition:stroke var(--motion-fast), fill var(--motion-fast)}.mindmap-node.is-leaf:hover rect,.mindmap-node.is-leaf:focus-visible rect{fill:color-mix(in srgb, currentColor 10%, var(--surface));stroke:currentColor}.mindmap-node.is-leaf:focus-visible rect{stroke-width:3px}.mindmap-node.is-leaf.is-selected rect{fill:color-mix(in srgb, currentColor 16%, var(--surface));stroke:currentColor;stroke-width:2.5px}.mindmap-leaf-label{font-family:Literata Variable,serif;font-size:13.5px;font-weight:600}.mindmap-leaf-detail{fill:var(--muted)!important;font-size:11px!important;font-weight:500!important}.organic-mindmap-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.organic-mindmap-controls{gap:6px;display:flex}.organic-mindmap-controls button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font:inherit;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.organic-mindmap-controls button:hover{border-color:var(--blue);color:var(--blue)}.organic-mindmap-hint{color:var(--muted);font-size:var(--text-xs);margin:0;line-height:1.4}@media (max-width:760px){.organic-mindmap-svg{aspect-ratio:1/1.4}.organic-mindmap-hint{display:none}}@media (prefers-reduced-motion:no-preference){.organic-mindmap:not([data-animated]) .mindmap-link{stroke-dasharray:1;stroke-dashoffset:1px}.organic-mindmap:not([data-animated]) .mindmap-node{opacity:0}.organic-mindmap[data-animated] .mindmap-link{animation:mindmap-draw .8s var(--ease-out) both;animation-delay:var(--map-delay,0s);stroke-dasharray:1}.organic-mindmap[data-animated] .mindmap-node.is-branch,.organic-mindmap[data-animated] .mindmap-node.is-leaf{animation:mindmap-pop .45s var(--ease-out) both;animation-delay:var(--map-delay,0s);transform-box:fill-box;transform-origin:50%}.organic-mindmap[data-animated] .mindmap-node.is-root{animation:mindmap-pop .45s var(--ease-out) both;transform-box:fill-box;transform-origin:50%}}@keyframes mindmap-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mindmap-pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}
