:root{--bg:#1b1b1b;--panel:#242424;--panel2:#1f1f1f;--line:#343434;--line2:#444;--text:#ececec;--muted:#8b8b8b;--accent:#6366f1;--green:#22c55e;--blue:#3b82f6;--orange:#f97316;--red:#ef4444;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit;background:none;border:0;outline:0;width:100%;resize:none}::placeholder{color:var(--ph)}svg{display:block}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.2px);background-size:24px 24px}body.space #canvas{cursor:grab}#canvas.panning,body.space #canvas.panning{cursor:grabbing}#world{position:absolute;left:0;top:0;transform-origin:0 0}#edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.edge{fill:none;stroke:var(--edge);stroke-width:2;transition:stroke .15s}.edge.sel{stroke:var(--accent);stroke-width:2.5}.edge-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.edge-hit:hover+.edge{stroke:#8a8aa8}.edge-del{pointer-events:all;cursor:pointer}.edge-del circle{fill:var(--menu);stroke:var(--accent);stroke-width:1.5}.edge-del path{stroke:var(--text);stroke-width:1.6;stroke-linecap:round}#temp{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;pointer-events:none}#ghost{fill:var(--accent);pointer-events:none;display:none}.marquee{position:fixed;z-index:15;border:1px solid var(--accent);background:#6366f124;border-radius:3px;pointer-events:none}.node{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:none;cursor:default;-webkit-user-select:none;user-select:none}.node.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.node.goal{width:290px}.node.junction{width:360px;background:var(--panel2)}.node.note{width:270px;background:var(--note-bg);border-color:var(--note-line)}.node.note.sel{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.head{display:flex;align-items:center;gap:10px;padding:10px 10px 6px;cursor:grab;min-height:52px;touch-action:none}.junction .head{padding:10px;background:var(--jhead);border-radius:12px 12px 0 0;border-bottom:1px solid var(--line)}.node:active .head{cursor:grabbing}.ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;transition:background .15s}.goal .ico{background:var(--accent);color:#fff}.junction .ico{background:var(--ico2);color:var(--blue);border-radius:8px}.note .ico{background:var(--note-ico);color:var(--orange);border-radius:8px}.goal.done .ico{background:var(--green)}.goal .ico:hover{filter:brightness(1.15)}.title{font-weight:600;font-size:15px;-webkit-user-select:text;user-select:text}.goal.done .title,.goal.done .body{text-decoration:line-through;color:var(--muted)}.x{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted);opacity:0;flex:none}.node:hover .x,.node.sel .x{opacity:1}.x:hover{background:var(--xhov);color:var(--red)}.body{padding:0 14px 14px;color:var(--soft);line-height:1.45;-webkit-user-select:text;user-select:text;overflow:hidden;display:block;min-height:22px}.note .body{color:var(--note-text);padding-top:2px;min-height:60px}.sec{padding:10px 12px 4px}.sec:last-child{padding-bottom:12px}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.chip{font-family:var(--mono);font-size:12px;background:var(--hov);color:var(--soft);border-radius:999px;padding:2px 9px;display:inline-block}.sec textarea{color:var(--soft);line-height:1.45;min-height:22px;overflow:hidden;-webkit-user-select:text;user-select:text}.add{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--soft)}.add:hover{background:var(--hov);color:var(--text)}.task{display:flex;align-items:center;gap:8px;padding:3px 0}.chk{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--ph);flex:none;display:grid;place-items:center;color:transparent}.chk:hover{border-color:var(--accent)}.task.done .chk{background:var(--green);border-color:var(--green);color:#111}.task.done input{text-decoration:line-through;color:var(--muted)}.task input{-webkit-user-select:text;user-select:text}.task .tx{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:var(--muted);opacity:0;flex:none}.task:hover .tx{opacity:1}.task .tx:hover{color:var(--red)}.handle{position:absolute;top:26px;width:14px;height:14px;border-radius:50%;transform:translateY(-50%);background:var(--dot);border:none;z-index:2;cursor:crosshair;transition:background .15s,transform .15s;touch-action:none}.handle:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.handle.in{left:-8px}.handle.out{right:-8px}.goal .handle.out{background:var(--accent)}.handle:hover{background:var(--accent);transform:translateY(-50%) scale(1.25)}body.locked .handle{display:none}body.locked .head{cursor:default}.hud{position:fixed;z-index:20;display:flex;align-items:center;gap:8px}.top-left{left:10px;top:12px}.pill{display:flex;align-items:center;background:var(--hud);border:1px solid var(--line);border-radius:9px;height:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:8px;height:32px;padding-right:4px;-webkit-user-select:none;user-select:none}.logo img{width:28px;height:28px;border-radius:8px;object-fit:cover;display:block}.logo span{font-family:Geist,var(--sans);font-weight:600;font-size:15px;letter-spacing:-.01em}@media (max-width:640px){.logo span{display:none}}.proj{padding:0 4px 0 9px;gap:7px}#name{width:128px;font-weight:600;font-size:14px}#status{width:16px;height:16px;flex:none;display:grid;place-items:center;color:var(--green)}#status.saving{color:#f5b942}#status.error{color:var(--red)}.chev{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--soft)}.chev:hover{background:var(--hov);color:var(--text)}.ctrl{position:fixed;left:16px;bottom:16px;z-index:20;display:flex;flex-direction:row;background:var(--hud);border:1px solid var(--line);border-radius:8px;overflow:hidden}.ctrl svg{width:14px;height:14px}.ctrl button{width:28px;height:28px;display:grid;place-items:center;color:var(--soft)}.ctrl button:hover{background:var(--hov);color:var(--text)}.ctrl button.on{color:var(--orange)}.ctrl button:disabled{opacity:.3;pointer-events:none}.ctrl .div{width:1px;background:var(--line)}.stats{position:fixed;right:12px;top:12px;height:32px;z-index:20;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--hud);border:1px solid var(--line);border-radius:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.stats .stat{display:inline-flex;align-items:baseline;gap:4px}.stats b{font-weight:600;font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums}.stats .sep{color:var(--line2)}.stats .bar{width:38px;height:4px;border-radius:99px;background:var(--hov);overflow:hidden}.stats .bar i{display:block;height:100%;background:var(--green);transition:width .2s}@media (max-width:760px){.stats .opt{display:none}}.menu button.hide{display:none}.hint{position:fixed;right:12px;bottom:10px;z-index:5;font-size:12px;color:var(--faint);pointer-events:none;text-align:right;line-height:1.5}.menu{position:fixed;z-index:50;background:var(--menu);border:1px solid var(--line2);border-radius:10px;padding:4px;min-width:200px;box-shadow:none;display:none}.menu.open{display:block}.menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:15px}.menu button.act,.menu button:hover{background:var(--hov2)}.menu .foot{font-size:12px;color:var(--muted);padding:6px 10px 4px}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.menu .ic-goal{color:var(--green)}.menu .ic-junction{color:var(--blue)}.menu .ic-note{color:var(--orange)}#pmenu button{font-size:14px}#pmenu .kbd{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted)}#pmenu .danger:hover{color:var(--red)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);opacity:0;pointer-events:none;background:var(--menu);border:1px solid var(--line2);border-radius:10px;padding:10px 14px;z-index:60;display:flex;gap:14px;align-items:center;transition:.2s;font-size:13px;max-width:92vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}#toast button{color:var(--accent);font-weight:600}.node{transition:opacity .2s}.node[data-c]:not(.sel){border-color:var(--nc)}.node[data-c]:not(.done) .ico{background:var(--nc);color:#fff}.sw{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ph);flex:none;opacity:0}.node:hover .sw,.node.sel .sw{opacity:1}.sw:hover{border-color:#fff}.node.blocked{opacity:.55}.node.ready:not(.sel){box-shadow:0 0 0 1px var(--green)}#mini{position:fixed;right:12px;bottom:54px;width:170px;height:112px;z-index:20;background:var(--hud);border:1px solid var(--line);border-radius:8px;cursor:pointer;touch-action:none}@media (max-width:640px){#mini{display:none}}#search{position:fixed;left:50%;top:68px;transform:translate(-50%);width:min(420px,92vw);z-index:55;background:var(--menu);border:1px solid var(--line2);border-radius:12px;box-shadow:none;padding:6px;display:none}#search.open{display:block}#sq{padding:8px 10px;font-size:15px}#sres button{display:flex;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:7px;align-items:baseline}#sres button.act,#sres button:hover{background:var(--hov2)}#sres small{margin-left:auto;color:var(--muted);font-family:var(--mono);font-size:11px}#sres .none{padding:8px 10px;color:var(--muted)}:root{color-scheme:dark;--hud:rgba(36,36,36,.92);--hov:#333;--hov2:#303030;--soft:#b8b8b8;--menu:#222;--dot:#3a3a3a;--dotlit:#8486e6;--ph:#666;--faint:#5d5d5d;--edge:#5b5b6e;--jhead:#1a1a1a;--ico2:#2e2e2e;--note-bg:#2a2420;--note-line:#4a3a2e;--note-ico:#3a2d22;--note-text:#e6d9cc;--xhov:#3a2a2a;--sh:rgba(0,0,0,.42)}:root[data-theme=light]{color-scheme:light;--bg:#f3f3f1;--panel:#fff;--panel2:#fbfbfa;--line:#e0e0dc;--line2:#cfcfca;--text:#1c1c1e;--muted:#7a7a80;--hud:rgba(255,255,255,.93);--hov:#ececea;--hov2:#efefed;--soft:#55555c;--menu:#fff;--dot:#c9c9c4;--dotlit:#6366f1;--ph:#a0a0a6;--faint:#a0a0a6;--edge:#a9a9bd;--jhead:#f1f1ef;--ico2:#e6ebf8;--note-bg:#fff4e5;--note-line:#f0d3a6;--note-ico:#ffe3c2;--note-text:#5a4630;--xhov:#fde2e2;--sh:rgba(30,30,60,.14)}#reticle{position:fixed;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;z-index:6;pointer-events:none;display:none;background:linear-gradient(var(--text),var(--text)) 0 0/6px 2px,linear-gradient(var(--text),var(--text)) 0 0/2px 6px,linear-gradient(var(--text),var(--text)) 100% 0/6px 2px,linear-gradient(var(--text),var(--text)) 100% 0/2px 6px,linear-gradient(var(--text),var(--text)) 0 100%/6px 2px,linear-gradient(var(--text),var(--text)) 0 100%/2px 6px,linear-gradient(var(--text),var(--text)) 100% 100%/6px 2px,linear-gradient(var(--text),var(--text)) 100% 100%/2px 6px,linear-gradient(var(--text),var(--text)) 50% 50%/8px 2px,linear-gradient(var(--text),var(--text)) 50% 50%/2px 8px;background-repeat:no-repeat;opacity:.75;transition:transform .07s}.dlg-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.dlg{position:fixed;left:50%;top:68px;transform:translate(-50%);width:min(420px,92vw);z-index:71;background:var(--menu);border:1px solid var(--line2);border-radius:12px;padding:16px}.dlg-title{font-weight:600;font-size:15px}.dlg-msg{color:var(--soft);line-height:1.45;margin-top:6px}.dlg-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dlg-btns button{padding:7px 12px;border-radius:8px;border:1px solid var(--line2);font-size:14px}.dlg-btns button:hover{background:var(--hov2)}.dlg-btns button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.dlg-btns button.primary:hover{background:var(--accent);filter:brightness(1.1)}.dlg-btns button.danger:hover{color:var(--red)}.unsaved{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}