:root{color:#2d2925;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f8f2e7;--ink:#2d2925;--muted:#81786d;--line:#4c403224;--surface:#fffcf5e0;--shadow:0 8px 28px #43332317, 0 2px 5px #4333230d;background:#f8f2e7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 15% 12%, #de75520b, transparent 28%), radial-gradient(circle at 84% 70%, #768b620b, transparent 30%), var(--paper);width:100%;min-width:320px;height:100%;position:relative}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);background:#fffcf6c7;border:1px solid #5f4e3a21;border-radius:17px;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 10px 0 18px;display:grid;position:absolute;top:12px;left:14px;right:14px;box-shadow:0 4px 18px #3e2e1f14}.title-group{align-items:center;gap:11px;min-width:0;display:flex}.title-group input{width:min(360px,38vw);color:var(--ink);background:0 0;border:0;border-radius:8px;outline:0;padding:7px 5px;font-size:16px;font-weight:650}.title-group input:hover,.title-group input:focus{background:#5746320d}.topbar .library-button{color:#8a8075;background:0 0;border:0;min-width:30px;min-height:30px;padding:0}.app-mark{flex:none;width:24px;height:22px;position:relative}.app-mark i{border-radius:50%;width:7px;height:7px;display:block;position:absolute}.app-mark i:first-child{background:#d9a928;top:7px;left:0}.app-mark i:nth-child(2){background:#758a62;top:0;right:0}.app-mark i:nth-child(3){background:#d96f4b;bottom:0;right:0}.app-mark:before,.app-mark:after{content:"";transform-origin:0;background:#6a5e51;width:15px;height:1.5px;position:absolute;top:10px;left:5px}.app-mark:before{transform:rotate(-28deg)}.app-mark:after{transform:rotate(27deg)}.save-state{color:#7a736b;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.save-state.saved{color:#68755e}.save-state.error{color:#b56148}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar nav{justify-self:end;align-items:center;gap:8px;display:flex}.topbar button{cursor:pointer;background:#fffdf8b3;border:1px solid #5042311f;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.topbar button:hover{background:#fffdf8;border-color:#50423138;transform:translateY(-1px)}.command-button{color:#6d655b}.account-button.synced{color:#687b5d}.account-button.pending{color:#a4781d}.account-button.error,.account-button.conflict{color:#b45343}.export-wrap{position:relative}.export-button{font-weight:620}.export-menu{border:1px solid var(--line);width:210px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f5;border-radius:14px;padding:7px;position:absolute;top:44px;right:0}.export-menu button{border:0;justify-content:space-between;width:100%;padding:8px 10px}.export-menu small{color:#93897d;font-size:11px}.canvas-wrap{position:absolute;inset:0}.react-flow{background:0 0}.react-flow__pane{background-image:radial-gradient(circle at 18px 23px,#69523509 0 1px,#0000 1.4px),radial-gradient(circle at 48px 71px,#69523507 0 1px,#0000 1.4px);background-size:92px 92px,113px 113px}.react-flow.canvas-locked .react-flow__pane{cursor:default}.react-flow__edge-path{stroke-linecap:round;filter:drop-shadow(0 1px #ffffff8c)}.react-flow__node-mind{box-shadow:none;background:0 0;border:0}.react-flow__node-mind.selected{z-index:5!important}.react-flow__node-mind:focus,.react-flow__node-mind:focus-visible{outline:none}.node-handle{opacity:0;pointer-events:none;border:0!important;width:1px!important;height:1px!important}.mind-node{width:100%;min-height:inherit;border:2px solid var(--branch-color);color:#312c27;cursor:default;background:#fffdf8eb;border-radius:17px 14px 18px 15px;justify-content:center;align-items:center;padding:14px 18px;transition:box-shadow .16s,transform .16s,background .16s;display:flex;position:relative;box-shadow:0 4px 12px #4c392613,inset 0 0 22px #fffbf2b3}.react-flow__node-mind.selected .mind-node{box-shadow:0 0 0 4px color-mix(in srgb, var(--branch-color) 18%, transparent), 0 8px 22px #4c39261f;background:#fffdf8}.mind-node.root-node{color:#2b211d;background:radial-gradient(circle at 20% 20%,#fff3,#0000 32%),#df7654;border-width:0;border-radius:24px 20px 25px 21px;font-size:23px;font-weight:750;box-shadow:0 8px 22px #99482b33,inset 0 0 28px #78321b14}.mind-node.editing{background:#fffdf8;padding:8px}.mind-node textarea{resize:vertical;color:#2f2924;background:#66523b0b;border:0;border-radius:10px;outline:none;width:100%;min-height:48px;max-height:220px;padding:9px 10px;font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.markdown-node{overflow-wrap:anywhere;text-align:center;width:100%;font-size:15px;line-height:1.42}.markdown-node>:first-child{margin-top:0}.markdown-node>:last-child{margin-bottom:0}.markdown-node p{margin:.15em 0}.markdown-node h1,.markdown-node h2,.markdown-node h3,.markdown-node h4,.markdown-node h5,.markdown-node h6{margin:.18em 0;font-size:1.08em;line-height:1.2}.markdown-node ul,.markdown-node ol{text-align:left;margin:.2em 0;padding-left:1.45em}.markdown-node li{margin:.08em 0}.markdown-node input[type=checkbox]{accent-color:var(--branch-color)}.markdown-node a{color:color-mix(in srgb, var(--branch-color) 72%, #253b4b);text-underline-offset:2px}.markdown-node code{background:#3f352b14;border-radius:5px;padding:.1em .35em;font-size:.88em}.markdown-node pre{color:#fffaf0;text-align:left;background:#322f2c;border-radius:8px;margin:.35em 0;padding:.55em .65em;overflow-x:auto}.markdown-node pre code{background:0 0;padding:0}.markdown-node blockquote{border-left:3px solid var(--branch-color);color:#675e55;text-align:left;margin:.3em 0;padding-left:.65em}.markdown-node del{opacity:.65}.collapsed-count{color:var(--branch-color);letter-spacing:2px;font-size:9px;position:absolute;bottom:4px;right:9px}.node-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f5;border:1px solid #4b3c2c21;border-radius:12px;align-items:center;gap:2px;padding:5px;box-shadow:0 7px 19px #4432211f;display:flex!important}.node-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:grid}.node-toolbar button:hover{background:#56443013}.node-toolbar button.danger:hover{color:#b34e3f;background:#b34e3f14}.node-toolbar>span{background:#4c3d2c24;width:1px;height:18px;margin:0 3px}.canvas-controls{z-index:9;border:1px solid var(--line);height:42px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e0;border-radius:13px;align-items:center;padding:4px;display:flex;position:absolute;bottom:20px;right:22px}.canvas-controls button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-width:32px;height:32px;display:grid}.canvas-controls button:hover{background:#56443012}.canvas-controls .zoom-value{color:#6e665e;min-width:55px;font-size:12px}.command-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2f28212e;place-items:start center;padding-top:15vh;display:grid;position:fixed;inset:0}.command-palette{background:#fffdf8f7;border:1px solid #473a2b26;border-radius:18px;width:min(560px,100vw - 40px);overflow:hidden;box-shadow:0 24px 65px #35291d38}.command-search{border-bottom:1px solid var(--line);color:#756b61;align-items:center;gap:10px;height:58px;padding:0 15px;display:flex}.command-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}kbd{color:#8b8176;background:#5e4b350d;border:1px solid #4c3d2c21;border-bottom-width:2px;border-radius:6px;padding:2px 6px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.command-list{max-height:370px;padding:7px;overflow-y:auto}.command-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;width:100%;min-height:42px;padding:0 10px;display:grid}.command-list button:hover,.command-list button:focus-visible{background:#d96f4b17;outline:none}.command-list p{color:#92877a;text-align:center;padding:22px}.library-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f282133;position:fixed;inset:0}.map-switcher{background:#fffdf8fa;border:1px solid #473a2b26;border-radius:18px;flex-direction:column;width:min(440px,100vw - 36px);max-height:calc(100vh - 94px);display:flex;position:absolute;top:74px;left:18px;overflow:hidden;box-shadow:0 24px 65px #35291d38}.library-header{justify-content:space-between;align-items:center;padding:16px 16px 11px;display:flex}.library-header>div{flex-direction:column;gap:3px;display:flex}.library-header strong{font-size:17px}.library-header span{color:var(--muted);font-size:12px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#56443012}.library-search{border:1px solid var(--line);color:#756b61;background:#5f4a3309;border-radius:11px;align-items:center;gap:9px;height:42px;margin:0 12px;padding:0 11px;display:flex}.library-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.library-tabs{border-bottom:1px solid var(--line);gap:4px;padding:11px 12px 6px;display:flex}.library-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:12px}.library-tabs button.active{color:#9d4f35;background:#d96f4b1a;font-weight:650}.new-map-button{text-align:left;color:#7c4634;cursor:pointer;background:#d96f4b0b;border:1px dashed #d96f4b52;border-radius:11px;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:42px;margin:9px 10px 3px;padding:0 11px;display:grid}.new-map-button:hover{background:#d96f4b17}.new-map-button span{color:#a18f83;font-size:11px}.map-list{padding:6px 8px 10px;overflow-y:auto}.map-row{border-radius:12px;align-items:stretch;display:flex;position:relative}.map-row:hover,.map-row.current{background:#5c49330e}.map-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;min-width:0;min-height:56px;padding:7px 8px;display:grid}.map-icon{color:#9b771b;background:#d9a9281f;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.map-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.map-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.map-copy small{color:var(--muted);font-size:11px}.current-label{color:#6f7f62;font-size:10px}.map-actions{align-items:center;gap:2px;padding-right:6px;display:none}.map-row:hover .map-actions,.map-row:focus-within .map-actions{display:flex}.map-actions button{cursor:pointer;color:#81766b;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.map-actions button:hover{color:#3e3832;background:#56443014}.map-actions button.danger:hover{color:#ad493b;background:#b54e3f1a}.empty-library{text-align:center;color:var(--muted);padding:38px 18px;font-size:13px}.library-footer{border-top:1px solid var(--line);color:#93887c;justify-content:space-between;align-items:center;min-height:38px;padding:0 15px;font-size:10px;display:flex}.account-backdrop{z-index:115;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f282133;position:fixed;inset:0}.account-panel{background:#fffdf8;flex-direction:column;width:min(440px,100vw);height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-18px 0 55px #35291d2e}.account-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:12px 16px;display:flex}.account-panel>header>div{flex-direction:column;gap:3px;display:flex}.account-panel>header strong{font-size:17px}.account-panel>header span{color:var(--muted);font-size:11px}.account-empty,.login-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:34px;display:flex}.account-empty svg,.login-illustration{color:#778b64}.account-empty strong{margin-top:15px}.account-empty p,.login-section p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.6}.login-illustration{background:#758a621c;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.login-section h2{margin:17px 0 3px;font-size:20px}.login-section label{text-align:left;width:100%;margin-top:18px}.login-section label+label{margin-top:10px}.login-section label span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.login-section input,.share-result input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;height:42px;padding:0 11px}.login-section input:focus{border-color:#d96f4b8c;box-shadow:0 0 0 3px #d96f4b17}.form-note{text-align:left;width:100%;color:var(--muted);margin-top:7px;font-size:11px}.form-note.error{color:#b45343}.auth-mode-switch{color:#b45d41;cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:12px}.auth-mode-switch:disabled{opacity:.5;cursor:not-allowed}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{color:#fff;background:#d96f4b;border:0;width:100%;margin-top:12px;font-weight:650}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:#fff;padding:0 12px}.success-note{color:#65765b;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.account-content{flex:1;overflow-y:auto}.account-profile{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:16px;display:grid}.avatar{color:#fff;background:#df7654;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:750;display:grid}.account-profile>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.account-profile strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.sync-line{color:var(--muted);font-size:11px}.sync-line.synced{color:#687b5d}.sync-line.error,.sync-line.conflict{color:#b45343}.sync-line.pending{color:#a4781d}.account-profile>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:5px;min-height:32px;font-size:11px;display:inline-flex}.panel-section{border-bottom:1px solid var(--line);padding:17px 16px}.panel-section h3{align-items:center;gap:7px;margin:0 0 7px;font-size:14px;display:flex}.panel-section p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.password-fields{gap:8px;display:grid}.password-fields input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;height:40px;padding:0 11px}.password-fields input:focus{border-color:#d96f4b8c;box-shadow:0 0 0 3px #d96f4b17}.password-fields .secondary-button{width:max-content}.share-result{grid-template-columns:1fr 40px;display:grid}.share-result input{border-radius:10px 0 0 10px;font-size:11px}.share-result button{border:1px solid var(--line);cursor:pointer;background:#fff;border-left:0;border-radius:0 10px 10px 0}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:10px;padding:0;font-size:11px;display:inline-flex}.text-button.danger:hover{color:#b45343}.versions-section{max-height:290px;overflow-y:auto}.version-row{border-top:1px solid #4c403214;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.version-row>span{flex-direction:column;gap:3px;display:flex}.version-row strong{font-size:12px}.version-row small{color:var(--muted);font-size:10px}.version-row>div{gap:4px;display:flex}.version-row button{color:#607153;cursor:pointer;background:#758a621a;border:0;border-radius:7px;padding:5px 9px;font-size:11px}.account-links{color:var(--muted);align-items:center;gap:13px;padding:16px;font-size:11px;display:flex}.account-links a{color:inherit}.account-links button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.danger-zone{background:#b54e3f09;border:1px solid #b54e3f2e;border-radius:11px;margin:0 16px 18px;padding:13px}.danger-zone strong{color:#a54c3e;font-size:12px}.danger-zone p{color:var(--muted);margin:5px 0 9px;font-size:11px;line-height:1.5}.danger-zone button{color:#a54c3e;cursor:pointer;background:#b54e3f17;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;display:inline-flex}.version-preview{z-index:3;background:#fffdf8;flex-direction:column;display:flex;position:absolute;inset:68px 0 0}.version-preview header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.version-preview header button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.version-preview pre{white-space:pre-wrap;color:#40382f;background:#5f4a3306;flex:1;margin:0;padding:17px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.migration-backdrop{z-index:130;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2f282140;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.migration-card{border:1px solid var(--line);text-align:center;background:#fffdf8;border-radius:20px;width:min(430px,100%);padding:28px;box-shadow:0 25px 70px #35291d40}.migration-icon{color:#667a56;background:#758a621f;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto;display:grid}.migration-card h2{margin:16px 0 7px;font-size:20px}.migration-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.migration-card small{color:#94887c;margin-top:12px;display:block}.shared-topbar{z-index:20;border:1px solid var(--line);height:54px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf6d1;border-radius:17px;justify-content:space-between;align-items:center;padding:0 12px 0 18px;display:flex;position:absolute;top:12px;left:14px;right:14px}.shared-topbar>div{align-items:center;gap:10px;display:flex}.shared-topbar small{color:#66775a;background:#758a621a;border-radius:7px;padding:3px 7px}.shared-topbar nav{gap:7px;display:flex}.shared-topbar button,.shared-topbar a{border:1px solid var(--line);min-height:34px;color:inherit;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.shared-error{background:var(--paper);text-align:center;place-items:center;width:100%;height:100%;display:grid}.shared-error strong{font-size:20px}.shared-error p{color:var(--muted)}.shared-error a{color:#b85d40}.toast{z-index:120;color:#fffaf1;background:#36302aed;border:1px solid #4b3c2c24;border-radius:11px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2b22192e}.import-fab{z-index:8;color:#746a5e;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8c7;border:1px solid #4b3c2c1f;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 11px;display:flex;position:fixed;bottom:20px;left:21px;box-shadow:0 5px 16px #41301f12}.import-fab:hover{color:#40382f;background:#fffdf8}.loading-layer{z-index:40;background:var(--paper);color:#81776c;place-items:center;display:grid;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1080px){.command-button span,.account-button span{display:none}.topbar{grid-template-columns:1fr auto auto}}@media (width<=680px){.topbar{grid-template-columns:1fr auto;height:50px;padding-left:12px;top:8px;left:8px;right:8px}.title-group{gap:5px}.title-group input{width:min(34vw,135px);font-size:14px}.app-mark,.save-state,.export-button svg:last-child,.topbar .command-button{display:none}.topbar nav{gap:4px}.topbar button{min-height:32px;padding:0 9px;font-size:12px}.map-switcher{border:0;border-radius:0;width:100%;max-height:none;inset:0}.account-panel{width:100%}.library-header{padding-top:max(18px, env(safe-area-inset-top))}.library-footer{padding-bottom:env(safe-area-inset-bottom);min-height:calc(42px + env(safe-area-inset-bottom))}.map-actions{display:flex}.canvas-controls{bottom:12px;right:12px}.import-fab{bottom:12px;left:12px}.import-fab span{display:none}.shared-topbar{height:50px;top:8px;left:8px;right:8px}.shared-topbar small,.shared-topbar button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}