*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar,*::-webkit-scrollbar-button,*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-corner,*::-webkit-resizer{display:none!important;width:0!important;height:0!important;background:transparent!important}:root{--c-bg: #191919;--c-bg-secondary: #202020;--c-bg-elevated: #252525;--c-bg-hover: rgba(255, 255, 255, .04);--c-bg-active: rgba(255, 255, 255, .06);--c-border: rgba(255, 255, 255, .06);--c-border-strong: rgba(255, 255, 255, .1);--c-text-primary: rgba(255, 255, 255, .9);--c-text-secondary: rgba(255, 255, 255, .55);--c-text-tertiary: rgba(255, 255, 255, .35);--c-text-quaternary: rgba(255, 255, 255, .2);--c-accent: #528bff;--c-accent-soft: rgba(82, 139, 255, .12);--c-accent-hover: rgba(82, 139, 255, .2);--c-red: #eb5757;--c-green: #4dab7c;--c-yellow: #e8a848;--c-line-muted: rgba(255, 255, 255, .15);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--duration-fast: .1s;--duration-normal: .18s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--scrollbar-bleed: 18px}:root[data-theme=latte],body[data-theme=latte]{--c-bg: #f5f1e8;--c-bg-secondary: #efe8dc;--c-bg-elevated: #fffaf1;--c-bg-hover: rgba(74, 62, 48, .06);--c-bg-active: rgba(74, 62, 48, .1);--c-border: rgba(74, 62, 48, .1);--c-border-strong: rgba(74, 62, 48, .18);--c-text-primary: rgba(43, 35, 28, .92);--c-text-secondary: rgba(43, 35, 28, .66);--c-text-tertiary: rgba(43, 35, 28, .5);--c-text-quaternary: rgba(43, 35, 28, .32);--c-accent: #3568d4;--c-accent-soft: rgba(53, 104, 212, .12);--c-accent-hover: rgba(53, 104, 212, .18);--c-red: #c04a4a;--c-green: #3f8b64;--c-yellow: #bb8740;--c-line-muted: rgba(43, 35, 28, .18);--shadow-sm: 0 1px 2px rgba(102, 79, 52, .08);--shadow-md: 0 8px 24px rgba(102, 79, 52, .12);--shadow-lg: 0 16px 48px rgba(102, 79, 52, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--c-text-primary);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.task-app{display:grid;grid-template-columns:minmax(260px,320px) 1fr;width:100%;height:100%;position:relative;background:var(--c-bg);color:var(--c-text-primary)}.task-sidebar{min-width:0;border-right:1px solid var(--c-border);background:var(--c-bg-secondary);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);overflow:auto}.task-sidebar__header{display:flex;align-items:center;justify-content:space-between;min-height:32px}.task-sidebar__title{font-size:var(--fs-lg);font-weight:650}.task-icon-button,.task-command,.task-error button,.task-placeholder button,.task-context-menu button{border:1px solid var(--c-border-strong);background:var(--c-bg-elevated);color:var(--c-text-primary);border-radius:var(--radius-sm);cursor:pointer}.task-icon-button{width:32px;height:32px;font-size:var(--fs-md)}.task-command{min-height:34px;padding:0 var(--sp-3);text-align:left}.task-field{display:grid;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-secondary)}.task-field input,.task-field select,.task-field textarea,.task-dependency-add select{width:100%;min-height:34px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);color:var(--c-text-primary);padding:0 var(--sp-3);font:inherit}.task-field textarea{min-height:92px;padding-top:var(--sp-2);resize:vertical}.task-filter-panel,.task-dependencies{display:grid;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:#ffffff05}.task-filter-panel__title{font-size:var(--fs-sm);color:var(--c-text-secondary);font-weight:650}.task-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.task-check{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-text-secondary);font-size:var(--fs-sm)}.task-check input{width:14px;height:14px;accent-color:var(--c-accent)}.task-brief{min-height:0;display:grid;gap:var(--sp-2)}.task-brief__title{font-size:var(--fs-sm);color:var(--c-text-secondary);font-weight:650}.task-brief pre{min-height:180px;max-height:42vh;overflow:auto;white-space:pre-wrap;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--sp-3);color:var(--c-text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.55}.task-main{min-width:0;min-height:0;position:relative;background:var(--c-bg)}.task-mindmap{width:100%;height:100%}.task-error{position:absolute;top:var(--sp-4);left:var(--sp-4);right:var(--sp-4);z-index:5;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:#c04a4a24;border:1px solid rgba(192,74,74,.32);border-radius:var(--radius-sm);color:var(--c-text-primary)}.task-error button,.task-placeholder button,.task-context-menu button{min-height:30px;padding:0 var(--sp-3)}.task-placeholder{height:100%;display:grid;place-content:center;gap:var(--sp-3);color:var(--c-text-secondary);text-align:center}.task-context-menu{position:fixed;z-index:30;min-width:170px;padding:var(--sp-2);background:var(--c-bg-elevated);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:grid;gap:var(--sp-1)}.task-context-menu__title{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--sp-1) var(--sp-2) var(--sp-2);color:var(--c-text-secondary);font-size:var(--fs-xs)}.task-context-menu button{width:100%;text-align:left;background:transparent;border-color:transparent}.task-context-menu button:hover,.task-command:hover,.task-icon-button:hover{background:var(--c-bg-hover)}.task-detail{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(360px,88vw);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);border-left:1px solid var(--c-border);background:var(--c-bg-secondary);box-shadow:var(--shadow-lg);overflow:auto}.task-detail__header{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.task-detail__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.task-detail__row,.task-dependency-add{display:grid;grid-template-columns:1fr 104px;gap:var(--sp-3)}.task-meta,.task-muted{display:grid;gap:var(--sp-1);color:var(--c-text-tertiary);font-size:var(--fs-xs)}.task-dependency-list{display:grid;gap:var(--sp-2)}.task-dependency-item{display:grid;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-secondary);font-size:var(--fs-sm)}.task-dependency-item button,.task-dependency-add button{min-height:32px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg-elevated);color:var(--c-text-primary)}@media(max-width:760px){.task-app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.task-sidebar{border-right:0;border-bottom:1px solid var(--c-border);max-height:42vh}}.app-layout{display:flex;width:100%;height:100%}.resize-handle{position:relative;flex-shrink:0;z-index:10}.resize-handle--horizontal{width:1px;cursor:col-resize;background:var(--c-border);position:relative}.resize-handle--horizontal:after{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.resize-handle--horizontal:hover{background:var(--c-accent)}.resize-handle--vertical{height:1px;cursor:row-resize;background:var(--c-border);position:relative}.resize-handle--vertical:after{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}.resize-handle--vertical:hover{background:var(--c-accent)}.resize-handle__toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:44px;background:var(--c-bg-elevated);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);color:var(--c-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default);z-index:11}.resize-handle__toggle:hover{background:#2f2f2f;color:var(--c-text-primary);border-color:#ffffff26}.resize-handle__toggle--collapsed{position:fixed;left:0;top:50%;transform:translateY(-50%);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;width:20px;height:48px;background:#252525}.resize-handle__toggle--collapsed:hover{background:#2f2f2f}.sidebar{height:100%;background:var(--c-bg-secondary);display:flex;flex-direction:column;overflow:hidden}.sidebar--collapsed{width:0!important;min-width:0!important}.settings{padding:var(--sp-3);border-bottom:1px solid var(--c-border)}.settings__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--sp-1) 0;border-radius:var(--radius-sm)}.settings__brand,.settings__controls{display:flex;align-items:center;gap:var(--sp-2)}.settings__header:hover{background:var(--c-bg-hover);margin:0 calc(var(--sp-1) * -1);padding:var(--sp-1)}.settings__title{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-secondary);letter-spacing:.2px}.settings__pill{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--c-text-secondary);background:var(--c-bg);border:1px solid var(--c-border)}.settings__pill--warning{color:var(--c-yellow);border-color:color-mix(in srgb,var(--c-yellow) 50%,transparent);background:color-mix(in srgb,var(--c-yellow) 10%,transparent)}.settings__chevron{font-size:10px;color:var(--c-text-tertiary);transition:transform var(--duration-normal) var(--ease-default);margin-right:var(--sp-1)}.settings__chevron--collapsed{transform:rotate(-90deg)}.settings__body{overflow:hidden;transition:max-height var(--duration-normal) var(--ease-default),opacity var(--duration-normal) var(--ease-default),margin var(--duration-normal) var(--ease-default);max-height:200px;opacity:1;margin-top:var(--sp-2)}.settings__body--collapsed{max-height:0;opacity:0;margin-top:0}.settings__row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px}.settings__row:last-child{margin-bottom:0}.settings__label{font-size:var(--fs-sm);color:var(--c-text-tertiary);white-space:nowrap;min-width:40px}.settings__select{flex:1;background:var(--c-bg);color:var(--c-text-primary);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:5px 24px 5px 8px;font-size:var(--fs-sm);font-family:var(--font-sans);outline:none;min-width:0;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.3)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.settings__select:focus{border-color:var(--c-accent)}.settings__select:hover{border-color:#ffffff26}.settings__theme-btn{background:var(--c-bg);color:var(--c-text-primary);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--fs-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-default)}.settings__theme-btn:hover{border-color:#ffffff26}.settings__reset-btn{background:var(--c-bg);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:5px 10px;font-size:var(--fs-sm);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.settings__reset-btn:hover:not(:disabled){color:var(--c-text-primary);border-color:var(--c-border-strong);background:var(--c-bg-hover)}.settings__reset-btn:disabled{cursor:not-allowed;opacity:.45}.settings__notice{margin-bottom:var(--sp-2);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-secondary);border:1px solid var(--c-border);background:var(--c-bg)}.settings__notice--warning{color:var(--c-yellow);border-color:color-mix(in srgb,var(--c-yellow) 40%,transparent);background:color-mix(in srgb,var(--c-yellow) 8%,transparent)}.settings__debug{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--c-border)}.settings__debug-title{margin-bottom:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.4px}.settings__debug-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:var(--fs-xs);color:var(--c-text-tertiary)}.sync-status{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--c-text-tertiary)}.sync-status--syncing{color:var(--c-accent)}.sync-status--error{color:var(--c-red)}.sync-status__button{width:26px;height:26px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-bg);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.sync-status__button:hover{background:var(--c-bg-hover);border-color:var(--c-border-strong)}.sync-status__button--syncing{color:var(--c-accent);border-color:color-mix(in srgb,var(--c-accent) 35%,transparent)}.sync-status__button--error{color:var(--c-red);border-color:color-mix(in srgb,var(--c-red) 35%,transparent)}.sync-status__icon{font-size:var(--fs-sm)}.sync-status__icon--spin{animation:spin 1s linear infinite}.sync-status__label{font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-status__retry{background:none;border:1px solid var(--c-red);color:var(--c-red);border-radius:var(--radius-xs);padding:1px 6px;font-size:10px;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sync-status__retry:hover{background:var(--c-red);color:#fff}.sync-status__cache{border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);padding:0 6px;color:var(--c-text-secondary)}.search{position:relative;padding:var(--sp-1) var(--sp-3)}.search__input{width:100%;background:var(--c-bg);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:6px 28px 6px 10px;font-size:var(--fs-sm);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.search__input::placeholder{color:var(--c-text-quaternary)}.search__input:focus{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-soft)}.search__clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-text-tertiary);cursor:pointer;font-size:14px;padding:2px;line-height:1;transition:color var(--duration-fast) var(--ease-default)}.search__clear:hover{color:var(--c-text-primary)}.sidebar-panel{overflow:hidden;display:flex;flex-direction:column;min-height:0}.sidebar-panel__header{display:flex;align-items:center;gap:4px;padding:var(--sp-2) var(--sp-3) var(--sp-1);flex-shrink:0}.sidebar-panel__title{font-size:var(--fs-xs);font-weight:500;color:var(--c-text-tertiary);letter-spacing:.3px}.depth-buttons{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.depth-buttons__btn{width:24px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--c-border);border-radius:var(--radius-xs);color:var(--c-text-quaternary);font-size:var(--fs-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.depth-buttons__btn:hover{background:var(--c-bg-hover);color:var(--c-text-secondary);border-color:var(--c-border-strong)}.depth-buttons__btn--active{background:var(--c-accent-soft);color:var(--c-accent);border-color:#528bff4d}.sidebar-panel__count{font-size:var(--fs-xs);color:var(--c-text-quaternary)}.page-tree{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:0 calc(var(--sp-1) + var(--scrollbar-bleed)) 0 var(--sp-1);margin-right:calc(var(--scrollbar-bleed) * -1)}.page-tree::-webkit-scrollbar{display:none;width:0}.tree-node{display:flex;align-items:center;gap:4px;padding:3px var(--sp-2);cursor:pointer;font-size:var(--fs-sm);color:var(--c-text-secondary);border-radius:var(--radius-sm);margin:0 var(--sp-1);-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-default)}.tree-node:hover{background:var(--c-bg-hover)}.tree-node--selected{background:var(--c-accent-soft);color:var(--c-text-primary)}.tree-node--root{font-weight:500}.tree-node__reorder{color:var(--c-text-quaternary);cursor:grab;-webkit-user-select:none;user-select:none;font-size:11px;letter-spacing:-1px;opacity:.75;transition:color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.tree-node__reorder:hover{color:var(--c-text-secondary);opacity:1}.tree-node__arrow{width:16px;font-size:10px;color:var(--c-text-quaternary);flex-shrink:0;text-align:center;transition:transform var(--duration-fast) var(--ease-default)}.tree-node__arrow--expanded{transform:rotate(90deg)}.tree-node__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-node__count{font-size:var(--fs-xs);color:var(--c-text-quaternary);margin-left:var(--sp-1);flex-shrink:0}.page-tree__empty{padding:var(--sp-6);text-align:center;color:var(--c-text-tertiary);font-size:var(--fs-sm)}.highlight{background:var(--c-accent-soft);color:var(--c-accent);border-radius:2px;padding:0 1px}.unlinked{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.unlinked__list{padding:0 calc(var(--sp-1) + var(--scrollbar-bleed)) 0 var(--sp-1);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin-right:calc(var(--scrollbar-bleed) * -1)}.unlinked__list::-webkit-scrollbar{display:none;width:0}.unlinked__list{flex:1;min-height:0}.unlinked__count{background:var(--c-bg-hover);color:var(--c-text-quaternary);padding:0 5px;border-radius:var(--radius-pill);font-size:10px;font-weight:400}.unlinked__item{display:flex;align-items:center;padding:3px var(--sp-2);margin:0 var(--sp-1);font-size:var(--fs-sm);color:var(--c-text-secondary);cursor:grab;border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-default);overflow:hidden}.unlinked__item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.unlinked__item:hover{background:var(--c-bg-hover);color:var(--c-text-primary)}.unlinked__item:active{cursor:grabbing;background:var(--c-accent-soft)}.unlinked__item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-text-quaternary);margin-right:var(--sp-2);flex-shrink:0}.unlinked__empty{font-size:var(--fs-sm);color:var(--c-text-quaternary);padding:var(--sp-2) 0}.section-label{font-size:var(--fs-xs);font-weight:500;color:var(--c-text-tertiary);padding:var(--sp-2) var(--sp-3) var(--sp-1);letter-spacing:.3px}.main-canvas{flex:1;height:100%;position:relative;overflow:hidden;background:var(--c-bg);display:flex;flex-direction:column}.canvas-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.canvas-scroll::-webkit-scrollbar{display:none}.canvas-search-summary{position:sticky;top:0;z-index:2;margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-bg-secondary) 88%,transparent);color:var(--c-text-tertiary);font-size:var(--fs-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-canvas__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-3)}.main-canvas__placeholder-icon{font-size:40px;opacity:.15}.main-canvas__placeholder-text{color:var(--c-text-secondary);font-size:var(--fs-base)}.main-canvas__placeholder-hint{color:var(--c-text-quaternary);font-size:var(--fs-sm)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-3)}.loading-spinner__dots{display:flex;gap:6px}.loading-spinner__dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);animation:pulse 1.4s ease-in-out infinite}.loading-spinner__dot:nth-child(2){animation-delay:.16s}.loading-spinner__dot:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,80%,to{opacity:.2;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.loading-spinner__text{font-size:var(--fs-sm);color:var(--c-text-quaternary)}.error-banner{position:absolute;top:var(--sp-4);left:50%;transform:translate(-50%);background:var(--c-red);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);z-index:50;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--sp-2)}.error-banner__retry{background:#fff3;border:none;color:#fff;border-radius:var(--radius-sm);padding:2px 10px;cursor:pointer;font-size:var(--fs-xs);font-family:var(--font-sans)}.error-banner__retry:hover{background:#ffffff4d}.mind-card{margin:var(--sp-2) var(--sp-3);background:var(--c-bg-secondary);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-default),opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.mind-card:hover{border-color:var(--c-border-strong)}.mind-card--matched{border-color:color-mix(in srgb,var(--c-accent) 42%,var(--c-border))}.mind-card--dimmed{opacity:.44}.mind-card:first-child{margin-top:var(--sp-3)}.mind-card:last-child{margin-bottom:var(--sp-3)}.mind-card__header{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-tertiary);display:flex;align-items:center;gap:var(--sp-2)}.mind-card__header--matched{color:var(--c-text-secondary)}.mind-card__title{font-weight:500;color:var(--c-text-secondary)}.mind-card__count{font-size:var(--fs-xs);color:var(--c-text-quaternary)}.mind-card__canvas,.mind-card__canvas-shell{position:relative}.mind-edge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.mind-edge-overlay__hit{fill:none;stroke:transparent;stroke-width:18px;pointer-events:stroke;cursor:pointer}.mind-edge-overlay__line{fill:none;stroke:var(--c-line-muted);stroke-width:2px;pointer-events:none;transition:stroke var(--duration-fast) var(--ease-default),stroke-width var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.mind-edge-overlay__line--selected{stroke:var(--c-accent);stroke-width:3px}.mind-edge-overlay__line--pending{stroke:var(--c-yellow);stroke-dasharray:6 4}.mind-edge-overlay__line--failed{stroke:var(--c-red);stroke-dasharray:4 4}.mind-drop-target{outline:2px solid var(--c-accent)!important;outline-offset:2px;border-radius:var(--radius-sm);background:var(--c-accent-soft)!important;transition:outline var(--duration-fast) var(--ease-default)}.mind-drop-target--invalid{outline:2px solid var(--c-red)!important;outline-offset:2px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-red) 14%,transparent)!important}.mind-drop-preview{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:40;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--c-accent) 35%,transparent);background:color-mix(in srgb,var(--c-bg-elevated) 92%,var(--c-accent) 8%);color:var(--c-text-primary);box-shadow:var(--shadow-md);pointer-events:none}.mind-drop-preview strong{color:var(--c-accent)}.mind-drop-preview--stage{z-index:1200}.mind-drop-preview--invalid{border-color:color-mix(in srgb,var(--c-red) 45%,transparent);background:color-mix(in srgb,var(--c-bg-elevated) 92%,var(--c-red) 8%);color:var(--c-text-primary)}.mind-drop-preview--invalid strong{color:var(--c-red)}.toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);background:var(--c-bg-elevated);color:var(--c-text-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);z-index:1000;box-shadow:var(--shadow-lg);border:1px solid var(--c-border-strong);animation:toastIn .2s var(--ease-spring)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.mind-elixir-toolbar{display:none!important}.mind-card__header{cursor:zoom-in;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-default)}.mind-card__header:hover{background:var(--c-bg-hover)}.canvas-stage{display:flex;flex-direction:column;background:var(--c-bg-secondary);box-shadow:var(--shadow-lg)}.canvas-stage--focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30}.canvas-stage--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.canvas-stage--workspace{background:radial-gradient(circle at top left,color-mix(in srgb,var(--c-accent) 8%,transparent),transparent 38%),var(--c-bg-secondary)}.canvas-stage__header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);border-bottom:1px solid var(--c-border);background:color-mix(in srgb,var(--c-bg-secondary) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.canvas-stage__meta{display:flex;flex-direction:column;gap:2px}.canvas-stage__actions{display:flex;align-items:center;gap:var(--sp-2)}.canvas-stage__title{font-size:var(--fs-md);font-weight:600;color:var(--c-text-primary)}.canvas-stage__hint{font-size:var(--fs-xs);color:var(--c-text-tertiary)}.canvas-stage__action{background:var(--c-bg);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--fs-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.canvas-stage__action:hover{background:var(--c-bg-hover);color:var(--c-text-primary)}.canvas-stage__body{flex:1;position:relative;overflow:hidden}.canvas-stage .mind-edge-overlay{top:52px;right:0;bottom:0;left:0}@media(prefers-reduced-motion:reduce){.mind-elixir-focus-highlight,.sync-status__icon--spin{animation:none!important}}.canvas-stage--dimmed{opacity:.72}.map-container{--bgcolor: #191919;--root-color: #eaeffb;--root-bgcolor: rgba(82, 139, 255, .18);--root-border-color: rgba(82, 139, 255, .5);--root-radius: 10px;--main-color: rgba(255, 255, 255, .9);--main-bgcolor: #232323;--main-radius: 8px;--color: rgba(255, 255, 255, .8);--selected: #528bff;--panel-color: rgba(255, 255, 255, .9);--panel-bgcolor: #252525;--panel-border-color: rgba(255, 255, 255, .08);--topic-padding: 5px 8px;overscroll-behavior:contain}[data-theme=latte] .map-container{--bgcolor: #f5f1e8;--root-color: rgba(43, 35, 28, .92);--root-bgcolor: rgba(53, 104, 212, .12);--root-border-color: rgba(53, 104, 212, .32);--main-color: rgba(43, 35, 28, .82);--main-bgcolor: #fffaf1;--color: rgba(43, 35, 28, .78);--selected: #3568d4;--panel-color: rgba(43, 35, 28, .9);--panel-bgcolor: #fff8ef;--panel-border-color: rgba(74, 62, 48, .12)}.map-container .map-canvas me-root me-tpc{font-size:18px;font-weight:600;letter-spacing:.2px;border-width:1.5px;padding:10px 24px}.map-container me-main>me-wrapper>me-parent>me-tpc{border-width:1px;border-color:#ffffff1a;padding:6px 16px;font-size:14px}.map-container me-parent me-tpc{color:var(--color);border-radius:6px}.canvas-stage--workspace #__workspace_fullscreen_root__{opacity:0!important;pointer-events:none!important;max-width:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.map-container .selected{outline-color:var(--selected);outline-offset:2px;background:#528bff1f!important}.map-container me-tpc.mind-node--search-match{background:#528bff24!important;border-color:#528bff8c!important;color:#fffffff5!important}.map-container me-tpc.mind-node--search-dimmed{opacity:.5}[data-theme=latte] .map-container me-tpc.mind-node--search-match{background:#3568d41f!important;border-color:#3568d46b!important;color:#2b231ceb!important}.map-container .lines path,.map-container .subLines path{stroke-width:2}.map-container .context-menu .menu-list{background:#252525;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000073;overflow:hidden}[data-theme=latte] .map-container .context-menu .menu-list{background:#fff8ef;border-color:#4a3e301f;box-shadow:0 8px 24px #664f3429}.map-container .context-menu .menu-list li{background:#252525;color:#ffffffe6;border-bottom-color:#ffffff0f;padding:8px 12px;font-size:13px}[data-theme=latte] .map-container .context-menu .menu-list li{background:#fff8ef;color:#2b231ce6;border-bottom-color:#4a3e3014}.map-container .context-menu .menu-list li:hover{filter:none;background:#ffffff0f}[data-theme=latte] .map-container .context-menu .menu-list li:hover{background:#3568d414}.map-container me-parent me-epd{opacity:.5;filter:invert(1)}.map-container me-parent me-epd:hover{opacity:.9}.map-container me-parent me-epd.minus{opacity:0}.map-container me-parent me-epd.minus:hover{opacity:.7}.map-container #input-box{background-color:#232323!important;color:#ffffffe6;border:1px solid rgba(82,139,255,.5);border-radius:6px;padding:4px 8px;outline:none}[data-theme=latte] .map-container #input-box{background-color:#fffaf1!important;color:#2b231ceb;border-color:#3568d46b}.map-container .tags span{background:#ffffff14;color:#ffffffb3;border-radius:999px;padding:2px 8px;font-size:11px}[data-theme=latte] .map-container .tags span{background:#3568d414;color:#2b231cb8}.mind-elixir-root tpc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:200px;word-break:break-word}.mind-elixir{will-change:transform;cursor:grab}.mind-elixir:active{cursor:grabbing}.mind-elixir .map-container{will-change:transform;transform:translateZ(0);scroll-behavior:auto}.mind-elixir .children{transition:none!important}.mind-elixir me-wrapper{transition:none!important}.mind-elixir-focus-highlight{animation:focusPulse 2s ease-out}@keyframes focusPulse{0%{box-shadow:0 0 0 4px #528bff99}to{box-shadow:0 0 #528bff00}}.mind-elixir-toolbar,.mind-elixir-toolbar.rb,.mind-elixir-toolbar.lt{display:none!important}