:root{--bg: #F6F8F6;--fg: #15201B;--muted: #5C6A63;--line: #D3DAD5;--ph: #EAEEEA;--surface: #FFFFFF;--wire: #B7C3BC;--halo: #CDE2D8;--accent: #1C6B50;--on-accent: #F6F8F6;--shade: rgba(21, 32, 27, .12);--veil: rgba(21, 32, 27, .28);--c-red: #C8423B;--c-orange: #C9731A;--c-yellow: #B4930F;--c-green: #2E8B57;--c-blue: #2F6FC4;--c-purple: #8250C4;--c-gray: #7A857F;--display: "Geologica", "Helvetica Neue", Arial, sans-serif;--body: "Golos Text", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101513;--fg: #E5ECE8;--muted: #93A29A;--line: #2A342F;--ph: #1F2924;--surface: #1A221E;--wire: #3B4841;--halo: #254236;--accent: #6FCDA4;--on-accent: #101513;--shade: rgba(0, 0, 0, .4);--veil: rgba(0, 0, 0, .5);--c-red: #F0776F;--c-orange: #F0A050;--c-yellow: #E3C44B;--c-green: #5FCF8D;--c-blue: #6FA8F0;--c-purple: #B08AF0;--c-gray: #9AA6A0;color-scheme:dark}}:root[data-theme=dark]{--bg: #101513;--fg: #E5ECE8;--muted: #93A29A;--line: #2A342F;--ph: #1F2924;--surface: #1A221E;--wire: #3B4841;--halo: #254236;--accent: #6FCDA4;--on-accent: #101513;--shade: rgba(0, 0, 0, .4);--veil: rgba(0, 0, 0, .5);--c-red: #F0776F;--c-orange: #F0A050;--c-yellow: #E3C44B;--c-green: #5FCF8D;--c-blue: #6FA8F0;--c-purple: #B08AF0;--c-gray: #9AA6A0;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:500 11.5px var(--mono);color:var(--muted)}.app{height:100%;position:relative}.sidebar{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;width:248px;max-width:calc(100vw - 20px);z-index:9;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px var(--shade);padding:14px 8px 8px;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .2s ease,opacity .2s ease}.app.side-hidden .sidebar{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.app.side-hidden.peek .sidebar{transform:none;opacity:1;pointer-events:auto}.brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 8px}.brand-name{font:600 16px var(--display);letter-spacing:-.01em}.icon-btn{border:0;background:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer;padding:0;flex:none}.icon-btn:hover{background:var(--ph);color:var(--fg)}.icon-btn svg{width:18px;height:18px;display:block}.docs{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.doc{border:0;background:none;text-align:left;padding:7px 10px;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);flex:none}.doc:hover{background:var(--ph);color:var(--fg)}.doc[aria-current=true]{background:var(--ph);color:var(--fg);font-weight:500}.side-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px}.side-btn{border:0;background:none;text-align:left;padding:7px 10px;border-radius:9px;cursor:pointer;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px}.side-btn:hover{background:var(--ph);color:var(--fg)}.side-note{margin:-4px 0 0;padding:0 10px 2px;font-size:11.5px;line-height:1.5;color:var(--muted);opacity:.8}.side-note a{white-space:nowrap;color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}.side-note a:hover{color:var(--fg);text-decoration-color:currentColor}.icon-btn[aria-pressed=true]{color:var(--accent);background:var(--ph)}.help{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));right:10px;width:300px;max-width:calc(100vw - 20px);z-index:9;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px var(--shade);padding:14px 8px 8px;display:flex;flex-direction:column;gap:6px;overflow:hidden;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.app.help-open .help{transform:none;opacity:1;pointer-events:auto}.help-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 8px 8px}.help h2{font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}.help h2:first-child{margin-top:4px}.krow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;font-size:13.5px}.krow .keys{display:flex;gap:8px;flex:none}.reveal{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:14px;z-index:8;display:none}.app.side-hidden .reveal{display:grid}.main{height:100%;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding-left:268px;transition:padding-left .2s ease,padding-right .2s ease}.app.side-hidden .main,.app.side-float .main{padding-left:0}.app.help-open:not(.help-float) .main{padding-right:320px}.top{display:flex;align-items:center;gap:16px;padding:14px 24px 6px 28px;min-height:34px;flex:none}.app.side-hidden .top,.app.side-float .top{padding-left:56px}.title{font:600 19px/1.3 var(--display);letter-spacing:-.01em;min-width:2ch;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;padding:2px 6px;margin:0 0 0 -6px}.title:focus{background:var(--ph);text-overflow:clip}.spacer{flex:1;min-width:0}.views{display:inline-flex;gap:2px;flex:none}.views button{border:0;background:none;padding:5px 10px;border-radius:8px;font-size:13.5px;color:var(--muted);cursor:pointer}.views button:hover{background:var(--ph);color:var(--fg)}.views button[aria-pressed=true]{color:var(--accent);font-weight:500;background:var(--ph)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 2px;padding:0 24px 2px 22px;font-size:13px;color:var(--muted);flex:none}.app.side-hidden .crumbs,.app.side-float .crumbs{padding-left:50px}.crumbs button{border:0;background:none;padding:2px 6px;border-radius:6px;cursor:pointer;color:var(--muted);max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs button:hover{background:var(--ph);color:var(--fg)}.crumbs .here{color:var(--fg);font-weight:500;padding:2px 6px;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 28px 96px;outline:none;touch-action:manipulation}.canvas:focus-visible{outline:none}.empty{color:var(--muted);margin:6px 0 0}.ol{--row: 30px;position:relative}.stage{position:relative}.wires{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wires path{fill:none;stroke:var(--wire);stroke-width:1.25;transition:stroke .2s}.wires path.hl{stroke:var(--accent);stroke-width:1.75}.wires path.lead{stroke-dasharray:1.5 3}.ol[data-mode=list] .wires{opacity:0}.node{position:absolute;left:0;top:0;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;min-height:var(--row);padding:0 8px 0 6px;border:1px solid transparent;border-radius:7px;cursor:default;transition:opacity .2s,background .12s,border-color .12s;will-change:transform;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.node.gone{opacity:0;pointer-events:none}.node.dim{opacity:.38}.node.sel{background:var(--ph);border-color:var(--line)}.node.editing{background:var(--surface);border-color:var(--accent);cursor:text}.dot{width:6px;height:6px;border-radius:50%;background:var(--wire);flex:none;margin-top:calc(var(--row) / 2 - 4px);transition:box-shadow .2s,background .2s}.node.has-kids .dot{background:var(--accent);cursor:pointer}.node.folded .dot{box-shadow:0 0 0 4px var(--halo)}.node[data-color=red] .dot{background:var(--c-red);transform:scale(1.5)}.node[data-color=orange] .dot{background:var(--c-orange);transform:scale(1.5)}.node[data-color=yellow] .dot{background:var(--c-yellow);transform:scale(1.5)}.node[data-color=green] .dot{background:var(--c-green);transform:scale(1.5)}.node[data-color=blue] .dot{background:var(--c-blue);transform:scale(1.5)}.node[data-color=purple] .dot{background:var(--c-purple);transform:scale(1.5)}.node[data-color=gray] .dot{background:var(--c-gray);transform:scale(1.5)}.dot{position:relative}.node.checked .dot{background:none;transform:none}.node.checked .dot:after{content:"";position:absolute;left:-2px;top:-2px;width:9px;height:5px;border-left:1.75px solid var(--accent);border-bottom:1.75px solid var(--accent);transform:rotate(-45deg)}.node.checked .txt{color:var(--muted);text-decoration:line-through}.txt{font-size:15px;line-height:20px;padding-block:4px;outline:none;white-space:nowrap;white-space-collapse:preserve-breaks;min-width:1ch;user-select:none;-webkit-user-select:none}.node.editing .txt{user-select:text;-webkit-user-select:text}.txt:empty:before{content:var(--t-new-item, "New item");color:var(--muted);opacity:.6}.node.hl .txt{font-weight:500}.node.bold .txt{font-weight:700}.node.underline .txt{text-decoration:underline;text-underline-offset:3px}.node.checked.underline .txt{text-decoration:line-through underline}.cnt{font:400 11px/20px var(--mono);color:var(--muted);padding-block:4px;flex:none;font-variant-numeric:tabular-nums}.cnt:empty{display:none}.body{display:flex;flex-direction:column;min-width:0}.ol.wrap .body{flex:1}.ol.wrap .txt{white-space:pre-line;overflow-wrap:anywhere}.note{display:none;font-size:12.5px;line-height:17px;color:var(--muted);margin-top:-2px;padding-bottom:5px;outline:none;white-space:pre-line;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none}.ol:not(.wrap) .note{max-width:260px}.node.show-note .note{display:block}.node.editing-note .note{user-select:text;-webkit-user-select:text}.note:empty:before{content:var(--t-note, "Note");opacity:.6}.ol[data-mode=map] .node{background:var(--surface);border-color:var(--line)}.ol[data-mode=map] .node.hl{border-color:var(--accent)}.ol[data-mode=map] .node.sel{background:var(--ph);border-color:var(--accent)}.ol[data-mode=map] .node.editing{background:var(--surface);border-color:var(--accent)}.drop-line{position:absolute;left:0;top:0;height:2px;margin-top:-1px;background:var(--accent);border-radius:1px;pointer-events:none;z-index:3}.drop-line:before{content:"";position:absolute;left:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.node.drag-src{opacity:.35}.ol.dragging .node{cursor:grabbing}.ol.dragging .node.drag-src{pointer-events:none}.node.drop-into,.ol[data-mode=map] .node.drop-into{border-color:var(--accent);background:var(--halo)}.colline{position:absolute;top:-18px;bottom:-96px;width:11px;margin-left:-5px;cursor:col-resize;touch-action:none}.colline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:var(--line);transition:background .15s}.colline:hover:before,.colline.drag:before{background:var(--accent)}.layer{position:fixed;inset:0;z-index:20;background:var(--veil);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}.palette{width:100%;max-width:560px;max-height:70vh;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px var(--shade);display:flex;flex-direction:column;overflow:hidden}.palette input{border:0;outline:none;background:none;font:400 16px var(--body);color:var(--fg);padding:14px 16px;border-bottom:1px solid var(--line)}.palette input::placeholder{color:var(--muted)}.results{overflow-y:auto;padding:6px}.group{font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}.cmd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:8px;cursor:pointer}.cmd[aria-selected=true]{background:var(--ph)}.cmd .keys{display:flex;gap:10px;flex:none}.none{color:var(--muted);padding:14px 10px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:15;background:var(--fg);color:var(--bg);border-radius:10px;padding:9px 12px 9px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px var(--shade);max-width:calc(100vw - 32px)}.toast button{border:0;background:none;color:var(--halo);font-weight:600;cursor:pointer;padding:2px 4px;border-radius:6px}@media(max-width:760px){.top{padding-right:16px}.canvas{padding-inline:16px}}@media(max-width:480px){.top{gap:8px}.views button{padding-inline:7px}}@media(max-width:360px){.top{gap:4px;padding-right:10px}.app.side-hidden .top,.app.side-float .top{padding-left:50px}.top .icon-btn{width:28px}.views{gap:0}.views button{padding-inline:5px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.node,.wires path,.dot,.sidebar,.help,.main{transition:none}}