:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233143;background:#f7f8fb;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(137, 153, 178, .24);--ink: #253244;--muted: #7a8799;--root: #182332;--root-light: #26364b;--shadow: 0 24px 70px rgba(51, 62, 81, .15)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(46,123,215,.35);outline-offset:2px}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 44%,#fffffffa 0 28%,#f7f9fcdb 60%,#f1f4f9eb),#f7f8fb}.app-shell.clean-mode{background:radial-gradient(circle at 50% 50%,#fffffffa 0 36%,#f7f8fbe6 72%,#f2f4f8f5),#f7f8fb}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(126,148,176,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,148,176,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,transparent 0 38%,black 100%);mask-image:radial-gradient(circle at center,transparent 0 38%,black 100%);opacity:.44}.app-shell.clean-mode:before{opacity:.04}.topbar{position:absolute;z-index:20;top:18px;left:20px;right:20px;min-height:62px;display:grid;grid-template-columns:auto minmax(220px,360px) 1fr;align-items:center;gap:14px;pointer-events:none}.brand-button,.search-field,.toolbar,.inspector{pointer-events:auto;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 18px 55px #2c384c1a}.brand-button{border-radius:22px;min-height:62px;display:inline-flex;align-items:center;gap:13px;padding:9px 17px 9px 10px;color:var(--ink);border:1px solid var(--panel-border);cursor:pointer}.brand-button:hover{background:#ffffffeb}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#f9fbff;background:linear-gradient(145deg,var(--root),var(--root-light));box-shadow:inset 0 1px #ffffff29,0 10px 22px #18233240}.brand-copy{display:grid;gap:3px;text-align:left}.brand-copy strong{font-size:16px;line-height:1;letter-spacing:0}.brand-copy span{color:var(--muted);font-size:12px;line-height:1.1}.search-field{height:48px;border-radius:18px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#8a96a7}.search-field svg{width:18px;height:18px}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-field input::placeholder{color:#98a3b3}.toolbar{justify-self:end;min-height:54px;border-radius:20px;padding:6px;display:flex;align-items:center;gap:4px}.clean-exit{position:absolute;z-index:30;top:18px;right:18px;width:42px;height:42px;border:1px solid rgba(137,153,178,.18);border-radius:999px;display:grid;place-items:center;color:#3d4b609e;background:#ffffff85;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 42px #2c384c14;cursor:pointer;opacity:.18;transition:opacity .16s ease,color .16s ease,background .16s ease}.clean-exit:hover{opacity:1;color:#172235;background:#ffffffd1}.toolbar-divider{width:1px;align-self:stretch;margin:6px 4px;background:#6f7e962e}.toolbar-menu{position:relative;display:inline-grid;place-items:center}.toolbar-popover{position:absolute;z-index:35;top:calc(100% + 10px);right:0;width:224px;padding:7px;display:grid;gap:3px;border:1px solid rgba(137,153,178,.24);border-radius:18px;background:#fffffff0;box-shadow:0 22px 55px #2c384c29;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toolbar-popover button{min-height:42px;border:0;border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:10px;color:#46556a;background:transparent;cursor:pointer;font-size:13px;font-weight:760;text-align:left;transition:background .15s ease,color .15s ease}.toolbar-popover button:hover{color:#172235;background:#1f2b3c13}.toolbar-popover svg{width:18px;height:18px;flex:0 0 auto}.icon-button,.zoom-readout{height:42px;border:0;border-radius:14px;display:inline-grid;place-items:center;color:#46556a;background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}.icon-button{width:42px}.icon-button.compact{width:36px;height:36px;border-radius:12px}.icon-button:hover,.zoom-readout:hover{color:#172235;background:#1f2b3c13}.icon-button:active,.zoom-readout:active{transform:scale(.96)}.icon-button:disabled,.zoom-readout:disabled{cursor:not-allowed;opacity:.38}.zoom-readout{min-width:58px;padding:0 12px;font-weight:750;font-size:13px;letter-spacing:0}.mind-canvas{position:absolute;inset:0;overflow:hidden;cursor:default;touch-action:none}.mind-canvas.is-panning,.mind-canvas.is-branch-dragging{cursor:grabbing}.canvas-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.78) 0 20%,transparent 50%),radial-gradient(circle at 20% 16%,rgba(122,95,232,.08),transparent 30%),radial-gradient(circle at 82% 22%,rgba(232,77,131,.08),transparent 27%),radial-gradient(circle at 74% 76%,rgba(101,185,95,.08),transparent 28%),radial-gradient(circle at 22% 76%,rgba(45,185,176,.08),transparent 27%)}.clean-mode .canvas-light{background:radial-gradient(circle at 50% 49%,rgba(255,255,255,.84) 0 34%,transparent 65%),radial-gradient(circle at 18% 80%,rgba(45,185,176,.035),transparent 32%),radial-gradient(circle at 84% 22%,rgba(232,77,131,.035),transparent 30%)}.world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}.selection-marquee{position:absolute;z-index:12;border:1px solid rgba(74,119,232,.48);border-radius:8px;background:#4a77e81c;box-shadow:0 12px 34px #4a77e81a;pointer-events:none}.node-quick-menu{position:absolute;z-index:45;transform:translate(-50%,-100%);min-height:48px;padding:6px;display:flex;align-items:center;gap:6px;border:1px solid rgba(137,153,178,.24);border-radius:18px;color:#46556a;background:#fffffff0;box-shadow:0 22px 55px #2c384c29;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.node-quick-menu:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;transform:translate(-50%) rotate(45deg);border-right:1px solid rgba(137,153,178,.2);border-bottom:1px solid rgba(137,153,178,.2);background:#fffffff0}.quick-menu-group,.quick-menu-colors{position:relative;z-index:1;display:flex;align-items:center;gap:3px}.quick-menu-divider{position:relative;z-index:1;width:1px;height:28px;background:#6f7e9629}.format-button{width:36px;height:36px;border:0;border-radius:12px;display:inline-grid;place-items:center;color:#46556a;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.format-button:hover,.format-button.active{color:#172235;background:#1f2b3c16}.format-button:active{transform:scale(.96)}.format-button strong,.format-button em{font-size:17px;line-height:1}.quick-menu-colors button{width:24px;height:24px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:var(--swatch);box-shadow:0 5px 12px #242f401f;cursor:pointer}.quick-menu-colors button.active{outline:2px solid color-mix(in srgb,var(--swatch) 35%,transparent);outline-offset:2px}.edge-layer{position:absolute;overflow:visible;pointer-events:none}.edge-glow{fill:none;stroke-linecap:round;opacity:.09}.edge-path{fill:none;stroke-linecap:round;opacity:.95}.mind-node{position:absolute;min-height:44px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;transition:opacity .16s ease,filter .16s ease,transform .16s ease}.mind-node:not(.root-node).side-right{justify-content:flex-start;text-align:left}.mind-node:not(.root-node).side-left{justify-content:flex-end;text-align:right}.draggable-branch{cursor:default}.dragging-branch{cursor:grabbing;z-index:8}.mind-node.dimmed{opacity:.24;filter:grayscale(.6)}.mind-node.selected{z-index:4}.mind-node.selected:after{content:"";position:absolute;inset:-10px -16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--branch-color) 48%,transparent);background:color-mix(in srgb,var(--branch-color) 7%,transparent);pointer-events:none}.root-node.selected:after,.clean-mode .mind-node.selected:after{display:none}.mind-node.selected:not(.root-node):after{display:none}.mind-node.selected:not(.root-node) .node-title:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:9px;border-radius:999px;background:color-mix(in srgb,var(--branch-color) 18%,transparent);box-shadow:0 7px 20px color-mix(in srgb,var(--branch-color) 14%,transparent);pointer-events:none}.clean-mode .mind-node.selected:not(.root-node) .node-title:after{display:none}.root-node{min-height:112px;padding:24px 32px;border-radius:10px;color:#10243f;background:#fffffffa;border:1px solid rgba(128,148,176,.18);box-shadow:0 10px 24px #2938500e;font-size:44px;line-height:1.18;font-weight:500;letter-spacing:0}.root-node .node-title{color:#10243f;text-shadow:none;-webkit-hyphens:auto;hyphens:auto}.node-bold .node-title,.node-bold .node-editor{font-weight:880}.node-italic .node-title,.node-italic .node-editor{font-style:italic}.node-link-mark{position:absolute;z-index:4;top:calc(50% - 28px);width:19px;height:19px;display:grid;place-items:center;color:var(--branch-color);opacity:.7;pointer-events:none}.node-link-mark svg{width:15px;height:15px}.side-right .node-link-mark{right:-22px}.side-left .node-link-mark{left:-22px}.root-node .node-link-mark{right:28px;color:#10243f}.branch-node{color:var(--branch-color);font-size:34px;line-height:1.04;font-weight:780}.leaf-node{color:#293647;font-size:26px;line-height:1.14;font-weight:560}.mind-node.node-bold .node-title,.mind-node.node-bold .node-editor{font-weight:880}.mind-node.node-italic .node-title,.mind-node.node-italic .node-editor{font-style:italic}.node-title{position:relative;z-index:1;display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center;padding:2px 0}.side-left .node-title{text-align:right}.side-right .node-title{text-align:left}.root-node .node-title{text-align:left;padding:0;white-space:normal}.node-editor{position:relative;z-index:6;width:100%;min-width:0;border:0;outline:0;color:inherit;background:#ffffffb8;border-radius:10px;box-shadow:0 0 0 6px #f7f8fba8,0 10px 26px #26354a1a;text-align:center}.root-node .node-editor{padding:0;color:#10243f;background:#ffffffb8;font-size:44px;line-height:1.18;font-weight:500;text-align:left}.branch-node .node-editor{padding:2px 0;font-size:34px;line-height:1.04;font-weight:780}.leaf-node .node-editor{padding:2px 0;font-size:26px;line-height:1.14;font-weight:560}.side-left .node-editor{text-align:right}.side-right .node-editor{text-align:left}.branch-node .node-title,.leaf-node .node-title{overflow-wrap:normal;white-space:nowrap;background:#f7f8fbe0;box-shadow:0 0 0 7px #f7f8fbd1;border-radius:8px}.clean-mode .branch-node .node-title,.clean-mode .leaf-node .node-title{background:#f7f8fbcc;box-shadow:0 0 0 7px #f7f8fbb8}.branch-toggle{position:absolute;z-index:5;top:50%;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--branch-color) 76%,white);color:var(--branch-color);background:#fffffff0;box-shadow:0 10px 24px #26354a24;cursor:pointer;opacity:0;transform:translateY(-50%) scale(.7);transition:opacity .15s ease,transform .15s ease,background .15s ease}.branch-toggle svg{width:15px;height:15px}.side-right .branch-toggle{right:-44px}.side-left .branch-toggle{left:-44px}.mind-node:hover .branch-toggle,.mind-node.selected .branch-toggle,.mind-node.collapsed .branch-toggle{opacity:1;transform:translateY(-50%) scale(1)}.branch-toggle:hover{color:#fff;background:var(--branch-color)}.hidden-count{position:absolute;z-index:3;top:calc(50% + 26px);padding:4px 8px;border-radius:999px;color:var(--branch-color);background:#ffffffeb;border:1px solid color-mix(in srgb,var(--branch-color) 30%,transparent);font-size:12px;font-weight:800;box-shadow:0 8px 20px #26354a1a}.side-right .hidden-count{left:0}.side-left .hidden-count{right:0}.modal-backdrop{position:absolute;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:#ecf0f76b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.import-modal{width:min(680px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 42px));display:grid;gap:18px;padding:20px;border:1px solid rgba(137,153,178,.22);border-radius:26px;color:var(--ink);background:#fffffff0;box-shadow:0 30px 90px #27354b33}.cloud-modal{width:min(720px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 42px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:16px;padding:20px;border:1px solid rgba(137,153,178,.22);border-radius:26px;color:var(--ink);background:#fffffff0;box-shadow:0 30px 90px #27354b33}.import-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.import-modal h2{margin:0;font-size:26px;line-height:1.04;letter-spacing:0}.import-field{display:grid;gap:9px}.import-field>span{color:#687589;font-size:12px;font-weight:760;letter-spacing:0}.import-field textarea{width:100%;min-height:320px;resize:vertical;border:1px solid rgba(119,136,160,.24);outline:0;border-radius:18px;padding:15px 16px;color:#243144;background:#f8fafdeb;box-shadow:inset 0 1px 1px #1924340a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.55;white-space:pre}.import-field textarea:focus{border-color:#2e7bd785;box-shadow:0 0 0 4px #2e7bd71a,inset 0 1px 1px #1924340a}.import-error{min-height:38px;padding:10px 12px;border-radius:14px;color:#a63f4a;background:#e953671a;font-size:13px;font-weight:720}.import-actions{display:flex;justify-content:flex-end;gap:10px}.import-actions button,.cloud-save-panel>button,.cloud-list-header button,.cloud-card-actions button{min-height:42px;border:0;border-radius:14px;padding:0 16px;cursor:pointer;font-weight:760;transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.import-actions button:active,.cloud-save-panel>button:active,.cloud-list-header button:active,.cloud-card-actions button:active{transform:scale(.98)}.import-actions button:disabled,.cloud-save-panel>button:disabled,.cloud-list-header button:disabled,.cloud-card-actions button:disabled{cursor:not-allowed;opacity:.48}.secondary-action{color:#46556a;background:#25324413}.secondary-action:hover{color:#172235;background:#2532441b}.primary-action{color:#fff;background:#172945;box-shadow:0 14px 28px #1729452e}.primary-action:hover{background:#0f2038;box-shadow:0 16px 32px #1729453d}.cloud-save-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.cloud-name-field{display:grid;gap:8px}.cloud-name-field span,.cloud-list-header span{color:#687589;font-size:12px;font-weight:760;letter-spacing:0}.cloud-name-field input{width:100%;height:44px;border:1px solid rgba(119,136,160,.24);outline:0;border-radius:15px;padding:0 14px;color:#243144;background:#f8fafdeb;box-shadow:inset 0 1px 1px #1924340a;font-size:15px}.cloud-name-field input:focus{border-color:#2e7bd785;box-shadow:0 0 0 4px #2e7bd71a,inset 0 1px 1px #1924340a}.cloud-notice{min-height:38px;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:720}.cloud-notice.success{color:#32744a;background:#5db7641f}.cloud-notice.error{color:#a63f4a;background:#e953671a}.cloud-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-list-header button{min-height:36px;color:#46556a;background:#25324413}.cloud-list{min-height:160px;overflow:auto;display:grid;align-content:start;gap:9px;padding-right:2px}.cloud-empty{min-height:140px;border:1px dashed rgba(119,136,160,.28);border-radius:18px;display:grid;place-items:center;color:#778397;background:#f8fafda3;font-size:14px;font-weight:680}.cloud-card{min-height:74px;border:1px solid rgba(119,136,160,.18);border-radius:18px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;background:#f8fafdb8}.cloud-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243144;font-size:15px;line-height:1.2}.cloud-card span{display:block;margin-top:5px;color:#778397;font-size:12px;font-weight:680}.cloud-card-actions{display:flex;gap:8px}.cloud-card-actions button{min-height:36px;color:#46556a;background:#25324413}.cloud-card-actions button:hover,.cloud-list-header button:hover{color:#172235;background:#2532441b}.cloud-card-actions button.danger{color:#a94855;background:#e953671a}.inspector{position:absolute;z-index:22;top:96px;right:20px;width:min(330px,calc(100vw - 40px));display:grid;gap:18px;padding:18px;border-radius:26px;color:var(--ink)}.inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{display:block;color:var(--muted);font-size:12px;line-height:1;font-weight:700;letter-spacing:0;margin-bottom:7px}.inspector h2{margin:0;font-size:22px;line-height:1.05;letter-spacing:0}.field-group{display:grid;gap:9px}.field-group>span{color:#687589;font-size:12px;font-weight:760;letter-spacing:0}.field-group textarea{width:100%;resize:none;border:1px solid rgba(119,136,160,.24);outline:0;border-radius:16px;padding:13px 14px;color:var(--ink);background:#ffffffb8;box-shadow:inset 0 1px 1px #1924340a;font-size:16px;line-height:1.34}.field-group textarea:focus{border-color:#2e7bd785;box-shadow:0 0 0 4px #2e7bd71a}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;border-radius:16px;background:#25324412}.segmented button,.action-grid button{border:0;cursor:pointer;color:#46556a;background:transparent}.segmented button{min-height:38px;border-radius:12px;font-size:13px;font-weight:760}.segmented button.active{color:#172235;background:#ffffffe6;box-shadow:0 8px 20px #2330431a}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{width:34px;height:34px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:var(--swatch);box-shadow:0 8px 18px #242f401f;cursor:pointer}.swatches button.active{outline:3px solid color-mix(in srgb,var(--swatch) 30%,transparent)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-grid button{min-height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:760;background:#2532440f;transition:background .15s ease,color .15s ease,transform .15s ease}.action-grid button:hover{color:#172235;background:#25324418}.action-grid button:active{transform:scale(.98)}.action-grid button:disabled{opacity:.42;cursor:not-allowed}.action-grid button.danger{color:#bb4753}.node-stats{display:flex;flex-wrap:wrap;gap:8px}.node-stats span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;color:#657287;background:#2532440f;font-size:12px;font-weight:720}@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.search-field{display:none}.toolbar{max-width:calc(100vw - 190px);overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.root-node{font-size:36px}.branch-node{font-size:30px}.leaf-node{font-size:23px}}@media(max-width:720px){.topbar{top:12px;left:12px;right:12px;grid-template-columns:1fr}.brand-button{width:fit-content;min-height:54px;border-radius:18px}.brand-mark{width:38px;height:38px;border-radius:14px}.toolbar{justify-self:stretch;max-width:none;min-height:50px;border-radius:18px;gap:2px;padding:5px}.icon-button,.zoom-readout{height:34px;border-radius:13px}.icon-button{width:34px}.zoom-readout{min-width:46px;padding:0 8px}.toolbar-divider{margin:6px 2px}.modal-backdrop{align-items:stretch;padding:12px}.import-modal,.cloud-modal{width:100%;max-height:calc(100vh - 24px);align-self:center;padding:16px;border-radius:22px}.import-field textarea{min-height:300px;font-size:14px}.cloud-save-panel,.cloud-card{grid-template-columns:1fr}.cloud-card-actions{justify-content:stretch}.cloud-card-actions button{flex:1}.import-actions{flex-direction:column-reverse}.inspector{inset:auto 12px 12px;width:auto;max-height:44vh;overflow:auto;border-radius:24px}.action-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}