.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}:root{--ink: #1c1c1e;--slate: #555a6a;--steel: #6b6f7e;--stone: #8e91a0;--muted: #a5a8b5;--canvas: #ffffff;--surface: #f7f8fa;--hairline: #e0e2e8;--hairline-soft: #eef0f3;--hairline-strong: #c7cad5;--brand-blue: #4262ff;--brand-purple: #7c5cff;--shadow-card: rgba(5, 0, 56, .06) 0px 4px 12px 0px;--shadow-float: rgba(5, 0, 56, .12) 0px 16px 48px -8px;--shadow-node: rgba(15, 23, 42, .22) 0px 10px 22px -12px, rgba(15, 23, 42, .18) 0px 2px 7px -3px;--full-expand-duration: .2s;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:clip;font-family:var(--font);color:var(--ink)}.app{position:relative;width:100%;height:100%;overflow:clip}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fafafb;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.map-dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.world{position:absolute;top:0;left:0;transform-origin:0 0;z-index:1}.edges{position:absolute;top:0;left:0}@keyframes node-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes edge-fade{0%{opacity:0}}.node{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;box-shadow:var(--shadow-node);font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;cursor:pointer;padding:0 6px;animation:node-pop .2s ease-out;transform-origin:left center;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.edge{animation:edge-fade .3s ease-out}.node .txt{overflow:hidden;text-overflow:ellipsis;white-space:pre;text-align:center;line-height:1.4}.node.connected-selected{border-color:var(--brand-blue);box-shadow:0 0 0 2.5px #4262ff24,var(--shadow-node)}.node.selected{border-color:var(--brand-blue);box-shadow:0 0 0 2.5px #4262ff38,var(--shadow-node)}.node.root{background:var(--ink);color:#fff;border:none;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.node.root.connected-selected{box-shadow:0 0 0 2.5px #4262ff47,var(--shadow-node)}.node.root.selected{box-shadow:0 0 0 2.5px #4262ff59,var(--shadow-node)}.node.done .txt{text-decoration:line-through;color:var(--muted)}.node.leaving{transition:opacity .3s ease,translate .3s ease;opacity:0;translate:36px 0;pointer-events:none}.node .txt.linked{color:var(--brand-blue);text-decoration:underline}.node-redirect{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#eef0f3;border:1px solid var(--hairline);border-radius:7px;padding:3px 8px;font-family:var(--font);font-size:10.5px;font-weight:500;color:var(--slate);cursor:pointer;animation:chip-fade .18s ease-out;z-index:2}@keyframes chip-fade{0%{opacity:0}}.node-redirect:hover{background:#e4e7ec;color:var(--ink)}.edge{transition:opacity .3s ease}.edge-leaving{opacity:0!important}.node.drag-float{pointer-events:none;z-index:6}.node.drag-grab{pointer-events:auto;cursor:grabbing;transform:rotate(2.5deg) scale(1.04);box-shadow:#05003847 0 18px 40px -8px,#0500381f 0 4px 12px -2px}.drop-ghost{position:absolute;border:1.5px dashed var(--brand-blue);background:#4262ff17;border-radius:8px;transform:rotate(-2.5deg);pointer-events:none;z-index:1}.dtag{flex:none;background:#e8edff;color:var(--brand-blue);font-size:10px;font-weight:600;line-height:1;padding:3px 6px;border-radius:999px;cursor:pointer}.dtag:hover{background:#d8e0ff}.date-picker{display:inline-flex;position:relative;flex:none}.node-date-wrap{display:inline-flex;flex:none}.node-date-trigger.date-trigger{border:none;min-width:0;height:auto;gap:0;background:#e8edff;color:var(--brand-blue);border-radius:999px;padding:3px 6px;font-family:var(--font);font-size:10px;font-weight:600;line-height:1}.node-date-trigger.date-trigger:hover{background:#d8e0ff;color:var(--brand-blue)}.node.link-source{border:1.6px solid #10b981;box-shadow:0 0 0 3px #10b9812e,var(--shadow-node)}.app.linking .canvas{cursor:crosshair}.app.linking .node:hover:not(.link-source){border-color:#10b981;box-shadow:0 0 0 3px #10b9812e,var(--shadow-node)}.link-ghost{pointer-events:none;animation:dash-march .6s linear infinite}.extra-link{animation:dash-march 1.2s linear infinite}@keyframes dash-march{to{stroke-dashoffset:-12}}.link-hit{pointer-events:stroke;cursor:pointer}.link-handle{fill:#fafafb;stroke:#4262ff;stroke-width:1.6;cursor:grab}.link-handle:hover,.link-handle.active{fill:#4262ff}.link-handle.active{cursor:grabbing}.link-label{position:absolute;transform:translate(-50%,-50%);background:#fafafb;color:var(--slate);font-size:12.5px;line-height:1.35;text-align:center;white-space:pre;padding:2px 7px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.link-label-input{position:absolute;transform:translate(-50%,-50%);width:176px;background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;box-shadow:var(--shadow-card);padding:8px 11px;font-family:var(--font);font-size:12.5px;color:var(--ink);outline:none}.link-label-input::placeholder{color:var(--stone)}.nt-dot{border-radius:50%;background:currentColor;display:block}.nt-btn.on-purple{background:#7c5cff;color:#fff}.nt-custom{font-size:11px;color:var(--muted)}.nt-t{font-size:14px;font-weight:600;font-family:Georgia,Times New Roman,serif}.nt-size.danger:hover{background:#4a2020;color:#f99}.link-hint{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:30;background:#063f2e;color:#d1fae5;font-size:12.5px;font-weight:500;border-radius:999px;padding:8px 16px;box-shadow:var(--shadow-card);pointer-events:none}.link-hint kbd{font-family:var(--font);background:#ffffff26;border-radius:4px;padding:1px 5px;font-size:11px}.node-toolbar{position:absolute;transform:translate(-50%,-100%);z-index:28;display:flex;align-items:center;gap:2px;background:var(--ink);border-radius:10px;padding:5px 6px;box-shadow:var(--shadow-float);animation:toolbar-in .16s ease-out}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.nt-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:28px;padding:0 5px;border:none;border-radius:7px;background:transparent;color:#e8e9ee;font-family:var(--font);font-size:13px;cursor:pointer}.nt-btn:hover{background:#34343c}.nt-btn.on{background:#4262ff;color:#fff}.nt-btn.danger:hover{background:#4a2020;color:#f99}.nt-aa{font-size:12px;font-weight:600}.nt-swatch{width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.35)}.nt-sep{width:1px;height:16px;background:#3c3c45;margin:0 3px}.nt-menu{position:absolute;top:calc(100% + 6px);left:0;display:flex;gap:5px;background:var(--ink);border-radius:9px;padding:7px;box-shadow:var(--shadow-float)}.nt-menu.col{flex-direction:column;gap:1px}.nt-fill{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.25);cursor:pointer}.nt-fill.cur{outline:2px solid #4262ff;outline-offset:1px}.nt-size{border:none;background:transparent;color:#e8e9ee;font-family:var(--font);font-size:12.5px;text-align:left;border-radius:6px;padding:6px 12px;cursor:pointer}.nt-size:hover{background:#34343c}.nt-size.cur{color:#8fa2ff;font-weight:600}.node-input{border:none;outline:none;background:transparent;font:inherit;color:inherit;width:100%;text-align:center}.chk{flex:none;width:12px;height:12px;border-radius:3.5px;border:1.4px solid var(--hairline-strong);background:var(--canvas);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.node.done .chk{background:#00b473;border-color:#00b473}.note-ic{flex:none;display:flex;align-items:center;border:none;background:transparent;color:var(--stone);cursor:pointer;padding:0}.note-ic:hover{color:var(--brand-blue)}.chrome{position:absolute;display:flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:12px;box-shadow:var(--shadow-card);padding:8px 12px;z-index:20}.chrome.tl{top:16px;left:16px}.chrome.tr{top:16px;right:16px}.chrome.bc{bottom:20px;left:50%;transform:translate(-50%);border-radius:14px}.chrome.br{bottom:20px;right:16px;padding:6px 8px}.save-status{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:21;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;height:34px;padding:0 13px;border:1px solid var(--hairline-soft);border-radius:999px;background:#fffffff0;box-shadow:var(--shadow-card);color:var(--slate);font-size:12.5px;font-weight:600;pointer-events:none;animation:save-status-in .14s ease-out}.save-status.undo,.save-status.redo{color:var(--brand-blue)}.saving-dots{display:inline-block;width:18px;text-align:left}.saving-dots:after{content:".";animation:saving-dots .9s steps(1,end) infinite}@keyframes saving-dots{0%,24%{content:"."}25%,49%{content:".."}50%,74%{content:"..."}75%,to{content:"."}}@keyframes save-status-in{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.doc-title{border:none;outline:none;font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.4px;color:var(--ink);width:110px;text-transform:uppercase}.badge{font-size:11px;font-weight:600;color:var(--brand-blue);background:#f5f3ff;border-radius:999px;padding:3px 9px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-purple);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:13px;font-weight:500;border-radius:8px;padding:7px 14px;cursor:pointer;border:1px solid transparent}.btn.ghost{background:var(--canvas);color:var(--ink);border-color:var(--hairline-strong)}.btn.ghost:active{background:var(--surface)}.btn.primary{background:var(--brand-purple);color:#fff}.btn.primary:active{background:#6847e8}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--slate);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface)}.icon-btn.active{color:var(--brand-blue);background:#f5f3ff}.tool{min-width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--slate);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 6px}.tool:hover{background:var(--surface)}.tool.active{background:var(--brand-purple);color:#fff}.zoom-pct{font-size:11px;color:var(--steel);min-width:34px;text-align:center}.sep{width:1px;height:18px;background:var(--hairline)}.help{position:absolute;bottom:64px;right:16px;z-index:30;background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:12px;box-shadow:var(--shadow-float);padding:16px;width:300px}.help h3{font-size:13px;margin-bottom:10px}.help table{width:100%;border-collapse:collapse;font-size:12px;color:var(--slate)}.help td{padding:3px 0}.help td:first-child{width:55%}.help kbd{font-family:var(--font);font-size:11px;background:var(--surface);border:1px solid var(--hairline);border-radius:4px;padding:1px 5px}.help .hint{margin-top:10px;font-size:11px;color:var(--stone)}.side-panels{position:absolute;top:82px;right:16px;bottom:88px;width:380px;z-index:25;display:flex;flex-direction:column;gap:12px}.notes-panel{flex:1;min-height:0;background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:12px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:16px;gap:12px;animation:panel-in .22s ease-out}.notes-panel.closing{animation:panel-out .18s ease-in forwards;pointer-events:none}@keyframes panel-in{0%{opacity:0;transform:translate(24px) scale(.98)}}@keyframes panel-out{to{opacity:0;transform:translate(24px) scale(.98)}}.np-head{display:flex;align-items:center;justify-content:space-between}.np-title{font-size:14px;font-weight:600}.np-actions{display:flex;gap:2px}.np-btn{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--steel);font-size:13px;cursor:pointer}.np-btn:hover{background:var(--surface);color:var(--ink)}.np-search{display:flex;align-items:center;gap:8px;height:36px;background:var(--surface);border:1px solid var(--hairline);border-radius:8px;padding:0 12px}.np-search input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font);font-size:13px;color:var(--ink)}.np-search input::placeholder{color:var(--stone)}.ns-clear{flex:none;width:22px;height:22px;font-size:11px}.notes-panel.tasks-fit{flex:1;min-height:0;max-height:none}.notes-panel.tasks-fit:not(:only-child){max-height:none}.notes-panel.tasks-fit .np-list{flex:1 1 auto;min-height:0}.notes-panel.tasks-fit.has-full{flex:1;max-height:none}.notes-panel.tasks-fit.has-full .np-list{flex:1}.np-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:4px}.np-list.has-anchor-spacer:not(.full-mode):after{content:"";flex:0 0 min(320px,70%)}.note-card{border:1px solid var(--hairline);border-radius:10px;padding:12px 14px;background:var(--canvas);cursor:pointer;transform-origin:top center;transition:border-color .2s ease,box-shadow .2s ease,padding .22s ease}.note-card.active{border-color:var(--brand-blue);box-shadow:0 0 0 3px #4262ff1a,var(--shadow-card);cursor:default}.nc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.nc-title{font-size:13px;font-weight:600}.nc-actions{display:flex;gap:2px}.nc-del,.nc-expand,.row-expand{opacity:0}.note-card:hover .nc-del,.note-card:hover .nc-expand,.note-card.full .nc-expand,.task-row:hover .row-expand,.task-row.full .row-expand{opacity:1}.note-card.full{flex:1;min-height:0;display:flex;flex-direction:column;cursor:default;animation:full-card-in var(--full-expand-duration) cubic-bezier(.16,1,.3,1) both}.note-card.full-returning,.task-row.full-returning{animation:full-card-return var(--full-expand-duration) cubic-bezier(.16,1,.3,1) both}@keyframes full-card-in{0%{opacity:.82;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes full-card-return{0%{opacity:.82;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.note-card.full .nc-editor{flex:1;min-height:0;display:flex;flex-direction:column}.note-card.full .note-body{flex:1;min-height:0;overflow-y:auto}.note-body{outline:none;font-size:13px;line-height:1.55;color:var(--slate);min-height:20px;overflow-wrap:anywhere;transition:max-height .22s ease,min-height .22s ease,color .16s ease}.note-card:not(.active) .note-body{max-height:1.55em;overflow:hidden}.nc-editor{border:1px solid transparent;border-radius:10px;overflow:hidden;transition:border-color .2s ease,padding .22s ease,background .2s ease,margin-top .22s ease}.note-card.active .nc-editor{border-color:var(--hairline);background:var(--canvas);padding:9px 11px;margin-top:2px}.note-card.active:not(.full) .note-body{min-height:3.1em;max-height:3.1em;overflow-y:auto;padding-right:2px}.note-card.full .note-body{max-height:none;padding-right:4px}.nc-ellipsis{color:var(--stone);font-size:13px;font-weight:600;line-height:1;margin-top:2px;pointer-events:none;transition:opacity .16s ease}.nc-tools{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.note-card.active .nc-tools{grid-template-rows:1fr}.nc-tools-inner{overflow:hidden;min-height:0}.note-body ul,.note-body ol{padding-left:20px}.note-body h1{font-size:16px;color:var(--ink);margin:4px 0}.note-body h2{font-size:14px;color:var(--ink);margin:3px 0}.note-body a{color:var(--brand-blue)}.nc-toolbar{display:flex;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid var(--hairline-soft)}.nc-toolbar button{min-width:24px;height:24px;border:none;border-radius:5px;background:transparent;color:var(--slate);font-size:12px;cursor:pointer;font-family:var(--font)}.nc-toolbar button:hover{background:var(--surface)}.np-empty{font-size:13px;color:var(--stone);text-align:center;padding:24px 0}.np-empty.small{padding:8px 0 14px;font-size:12px}.tp-sec{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--stone);padding:4px 2px 2px}.tp-toggle{display:flex;align-items:center;gap:6px;width:100%;border:none;background:transparent;font-family:var(--font);text-align:left;cursor:pointer;border-radius:6px}.tp-toggle:hover{color:var(--slate)}.tp-toggle svg{transition:transform .15s ease}.tp-toggle.open svg{transform:rotate(90deg)}.task-row{border:1px solid var(--hairline);border-radius:10px;padding:9px 12px;cursor:pointer;transform-origin:top center;transition:border-color .2s ease,box-shadow .2s ease}.task-row:hover{border-color:var(--hairline-strong)}.task-row.expanded{border-color:var(--brand-blue);box-shadow:0 0 0 3px #4262ff1a}.task-row.sel{border-color:var(--brand-blue)}.task-row.full{flex:1;min-height:0;display:flex;flex-direction:column;cursor:default;animation:full-card-in var(--full-expand-duration) cubic-bezier(.16,1,.3,1) both}.task-row.full .task-acc{flex:1;min-height:0}.task-row.full .task-acc-inner{height:100%}.task-row.full .td-box{flex:1;min-height:0;display:flex;flex-direction:column}.task-row.full .td-box .note-body{flex:1;min-height:0;overflow-y:auto}.task-row-main{display:flex;align-items:center;gap:10px}.task-acc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.task-row.expanded .task-acc{grid-template-rows:1fr}.task-acc-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:8px;cursor:default}.task-row.expanded .task-acc-inner{padding-top:10px}.td-box{border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);padding:10px 12px}.td-box .note-body{min-height:34px}.td-box .nc-toolbar{margin-top:8px;padding-top:8px;border-top:1px solid var(--hairline-soft)}.note-body:empty:before{content:attr(data-placeholder);color:var(--stone);pointer-events:none}.td-date{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--slate)}.date-clear{width:24px;height:24px;font-size:11px}.date-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hairline);background:var(--canvas);border-radius:8px;padding:6px 11px;font-family:var(--font);font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .12s ease,border-color .12s ease}.date-trigger:hover{background:var(--surface)}.date-trigger.empty{color:var(--stone);font-weight:400}.cal-pop{position:fixed;z-index:140;background:#fff;border:1px solid #e4e4e7;border-radius:12px;box-shadow:#0500381f 0 16px 48px -8px;padding:12px;animation:cal-in .14s ease-out}.node-cal-pop{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);z-index:80;transform-origin:top center;animation:node-cal-fade-in .14s ease-out}@keyframes node-cal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cal-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-title{font-size:13px;font-weight:600;color:var(--ink)}.cal-nav{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline);background:#fff;border-radius:8px;color:var(--slate);cursor:pointer}.cal-nav:hover{background:var(--surface);color:var(--ink)}.cal-grid{display:grid;grid-template-columns:repeat(7,32px);gap:2px}.cal-dow{font-size:10.5px;font-weight:500;color:var(--stone);text-align:center;padding:4px 0 6px}.cal-day{width:32px;height:32px;border:none;background:transparent;border-radius:8px;font-family:var(--font);font-size:12px;color:var(--ink);cursor:pointer}.cal-day:hover{background:#f4f4f5}.cal-day.outside{color:#c9ccd6}.cal-day.today{background:#f4f4f5;font-weight:600}.cal-day.selected{background:#18181b;color:#fff;font-weight:500}.cal-day.selected:hover{background:#18181b}.link-pop{width:236px}.lp-title{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:8px}.lp-input{width:100%;border:1px solid var(--hairline);border-radius:8px;padding:7px 10px;font-family:var(--font);font-size:12.5px;color:var(--ink);outline:none}.lp-input:focus{border-color:var(--brand-blue)}.lp-input::placeholder{color:var(--stone)}.task-chk{width:15px;height:15px;border-radius:4.5px}.task-chk.checked{background:#00b473;border-color:#00b473}.task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.task-text{font-size:13px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row.done .task-text{text-decoration:line-through;color:var(--muted)}.task-parent{font-size:11px;color:var(--stone)}