@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#24231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#24231f;--muted:#74726b;--muted-light:#aaa79e;--paper:#fffefa;--canvas:#f6f5f0;--line:#deddd5;--line-strong:#c8c6bc;--purple:#6f60cc;--purple-dark:#5748b6;--purple-soft:#ece9ff;--mint:#2f9a78;--mint-soft:#e4f4ee;--amber:#c57a31;--amber-soft:#fff0dc;--red:#c65454;--red-soft:#fceaea;--shadow-sm:0 2px 8px #2d2a2112, 0 1px 2px #2d2a210d;--shadow-md:0 14px 36px #2d2a211f, 0 3px 8px #2d2a2112;--shadow-lg:0 28px 70px #2320192e, 0 6px 18px #23201917;background:#f2f1eb;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,textarea{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #6f60cc45}.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}.app-shell{background:var(--canvas);flex-direction:column;width:100%;height:100%;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefaf0;flex:0 0 68px;justify-content:space-between;align-items:center;padding:0 18px 0 20px;display:flex;position:relative}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7e71db,#5c4db9);border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 15px #5b4bb93d}.brand>div{flex-direction:column;gap:1px;display:flex}.brand strong{letter-spacing:-.015em;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.brand span:last-child{color:var(--muted);letter-spacing:.01em;font-size:10px}.topbar-actions{align-items:center;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:default;opacity:.55}.button.primary{color:#fff;background:var(--purple);box-shadow:0 5px 13px #5444b033}.button.primary:hover:not(:disabled){background:var(--purple-dark);box-shadow:0 7px 17px #5444b042}.button.secondary{border-color:var(--line);background:var(--paper)}.button.secondary:hover{border-color:var(--line-strong);background:#faf9f5}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;display:grid}.icon-button:hover{color:var(--ink);background:#f0efe9}.workspace{flex:1;min-height:0;display:flex}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fbfaf6;flex-direction:column;flex:0 0 254px;width:254px;padding:20px 14px 14px;display:flex;position:relative}.sidebar-heading{justify-content:space-between;align-items:flex-start;padding:0 5px 16px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.sidebar h2{letter-spacing:-.035em;margin:4px 0 0;font-family:Manrope,sans-serif;font-size:17px}.sidebar-close,.mobile-search-button,.mobile-explorer-button{display:none}.search-field{border:1px solid var(--line);height:38px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:#6f60cc8c;box-shadow:0 0 0 3px #6f60cc1a}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-field input::placeholder{color:var(--muted-light)}.search-field button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid}.note-count-row{color:var(--muted-light);letter-spacing:.045em;text-transform:uppercase;justify-content:space-between;padding:13px 6px 8px;font-size:9px;font-weight:600;display:flex}.note-list{scrollbar-color:#d5d3ca transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.note-list-item{text-align:left;cursor:pointer;background:0 0;border-radius:9px;grid-template-columns:9px minmax(0,1fr) 15px;align-items:center;gap:9px;width:100%;padding:9px 8px;transition:background .13s;display:grid}.note-list-item:hover{background:#f1f0ea}.note-list-item.is-active{background:var(--purple-soft)}.note-list-item>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.note-list-item strong,.note-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-list-item strong{font-size:11px;font-weight:600}.note-list-item small{color:var(--muted);font-size:9px}.note-list-item>svg{color:var(--muted-light);opacity:0;transition:opacity .13s,transform .13s}.note-list-item:hover>svg,.note-list-item.is-active>svg{opacity:1}.note-list-item:hover>svg{transform:translate(2px)}.list-dot{background:#fff;border:1px solid #95918b;border-radius:50%;width:6px;height:6px}.list-dot.is-root{border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.sidebar-empty{color:var(--muted-light);text-align:center;flex-direction:column;align-items:center;padding:34px 12px;display:flex}.sidebar-empty p{margin:9px 0 0;font-size:11px}.sidebar-legend{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1fr;gap:8px 5px;padding:13px 8px 2px;font-size:9px;display:grid}.sidebar-legend span{align-items:center;gap:6px;display:flex}.sidebar-legend i{border-radius:50%;width:7px;height:7px}.legend-selected{background:var(--purple)}.legend-parent{background:var(--amber)}.legend-child{background:var(--mint)}.legend-reference{background:#7c74c4}.canvas-wrap{flex:1;min-width:0;min-height:0;position:relative}.canvas{cursor:grab;touch-action:none;background-color:var(--canvas);background-image:radial-gradient(circle,#4e4b4329 1px,#0000 1.15px);background-position:var(--grid-x) var(--grid-y);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:0;overflow:hidden}.canvas.is-pan,.canvas.is-root{cursor:grabbing}.canvas.is-reference{cursor:crosshair}.world{pointer-events:none;transform-origin:0 0;will-change:transform;width:0;height:0;transition:transform .32s cubic-bezier(.2,.72,.25,1);position:absolute;top:0;left:0}.drawing-mode-layer{transform-origin:0 0;will-change:transform;transition:transform .32s cubic-bezier(.2,.72,.25,1)}.canvas.is-pan .world,.canvas.is-root .world,.canvas.is-reference .world,.canvas.is-drawing-pan .world,.canvas.is-drawing-pan .drawing-mode-layer,.canvas.is-pan .drawing-mode-layer{transition:none}.edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.edges .edge-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}.edge.is-edge-selected{stroke:#6f60cc;stroke-width:2.4px;opacity:1;stroke-dasharray:5 5}.edge-delete{pointer-events:all;cursor:pointer}.edge-delete-bg{fill:#fffefa;stroke:#c65454;stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #2d2a212e)}.edge-delete:hover .edge-delete-bg{fill:#fceaea}.edge-delete-x{fill:none;stroke:#c65454;stroke-width:1.8px;stroke-linecap:round;vector-effect:non-scaling-stroke}#child-arrow path{fill:#b9b7ae}.edge{fill:none;stroke:#b9b7ae;stroke-linecap:round;stroke-width:1.4px;opacity:.85;vector-effect:non-scaling-stroke;transition:opacity .18s,stroke .18s,stroke-width .18s}.edge-reference{stroke:#9e97c8;stroke-dasharray:5 6;stroke-width:1.15px;opacity:.65}.edge.is-family{stroke:var(--purple);stroke-width:2.2px;opacity:.95}.edge.is-reference-active{stroke:#6f60cc;stroke-dasharray:5 5;stroke-width:2.1px;opacity:.95}.edge.is-dim{opacity:.12}.edge-preview{stroke:var(--purple);stroke-dasharray:7 6;stroke-width:2px;opacity:.85;animation:.8s linear infinite dash-flow}.edge-preview.has-target{stroke:var(--mint);stroke-width:2.7px}@keyframes dash-flow{to{stroke-dashoffset:-13px}}.note-node{width:204px;height:82px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:left, top, transform;background:#fffefaf7;border:1px solid #d8d6cd;border-radius:15px;outline:0;flex-direction:column;justify-content:center;padding:11px 15px 10px 17px;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s,filter .18s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.note-node:hover{border-color:#c4c1b7;transform:translate(-50%,-52%);box-shadow:0 7px 20px #2d2a211f,0 2px 4px #2d2a210f}.note-node.is-root{cursor:grab;background:linear-gradient(145deg,#fffefa,#faf8ff);border-color:#c9c3eb}.note-node.is-save-locked,.note-node.is-save-locked.is-root,.note-node.is-save-locked.is-child{cursor:wait}.canvas.is-root .note-node.is-root{cursor:grabbing}.note-node.is-child{cursor:pointer}.note-node.is-child.role-selected{cursor:crosshair}.note-node.is-child.is-save-locked,.note-node.is-child.role-selected.is-save-locked{cursor:wait}.note-node .node-accent{background:#b6b3aa;border-radius:0 4px 4px 0;width:3px;transition:background .18s,width .18s;position:absolute;top:14px;bottom:14px;left:0}.note-node.is-root .node-accent{background:var(--purple)}.node-topline{min-height:15px;color:var(--muted-light);justify-content:space-between;align-items:center;display:flex}.node-kind{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:4px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.note-node.is-root .node-kind{color:var(--purple)}.note-node h3{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 2px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.note-node p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;line-height:1.35;overflow:hidden}.node-connector{background:var(--paper);opacity:0;border:2px solid #aaa79e;border-radius:50%;width:8px;height:8px;transition:opacity .15s,transform .15s;position:absolute;bottom:17px;right:-4px}.note-node.is-child.role-selected .node-connector,.note-node.is-child.role-selected:hover .node-connector{opacity:1;transform:translate(-2px)}.note-node.role-selected{z-index:5;border-color:var(--purple);transform:translate(-50%,-52%)scale(1.035);box-shadow:0 0 0 3px #6f60cc26,0 12px 27px #483b912e}.note-node.role-selected .node-accent{background:var(--purple);width:4px}.note-node.role-parent{border-color:var(--amber);box-shadow:0 0 0 3px #c57a311a, var(--shadow-sm)}.note-node.role-parent .node-accent{background:var(--amber)}.note-node.role-parent .node-kind{color:var(--amber)}.note-node.role-child{border-color:var(--mint);box-shadow:0 0 0 3px #2f9a781a, var(--shadow-sm)}.note-node.role-child .node-accent{background:var(--mint)}.note-node.role-child .node-kind{color:var(--mint)}.note-node.role-reference{box-shadow:0 0 0 3px #6f60cc1f, var(--shadow-sm);border-color:#9e97c8}.note-node.role-reference .node-accent{background:#7c74c4}.note-node.role-reference .node-kind{color:#6f60cc}.note-node.role-unrelated{opacity:.27;filter:saturate(.35)}.note-node.role-unrelated:hover{opacity:.68;filter:saturate(.7)}.note-node.is-search-dim{opacity:.14;filter:grayscale(.7)}.note-node.is-drop-target{z-index:7;border-color:var(--mint);opacity:1;filter:none;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 5px #2f9a782b,0 15px 32px #216a5333}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.canvas-state{z-index:10;text-align:center;width:min(380px,100% - 40px);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefae0;border:1px solid #d8d6cde0;border-radius:20px;flex-direction:column;align-items:center;padding:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-state strong{letter-spacing:-.035em;margin-top:8px;font-family:Manrope,sans-serif;font-size:18px}.canvas-state p{max-width:290px;color:var(--muted);margin:7px 0 18px;font-size:11px;line-height:1.5}.loading-state{box-shadow:none;background:0 0;border:0}.loading-orbit{border:1px solid #c9c3eb;border-radius:50%;width:38px;height:38px;animation:1.7s linear infinite spin;position:relative}.loading-orbit:before,.loading-orbit span{content:"";background:var(--purple);border-radius:50%;width:8px;height:8px;position:absolute}.loading-orbit:before{top:-4px;left:15px}.loading-orbit span{background:var(--mint);bottom:5px;right:-3px}.empty-illustration,.modal-icon{width:48px;height:48px;color:var(--purple);background:var(--purple-soft);border-radius:16px;place-items:center;margin-bottom:13px;display:grid}.error-state>svg{color:var(--red)}.canvas-hint{z-index:11;height:30px;color:var(--muted);box-shadow:var(--shadow-sm);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefae0;border:1px solid #d8d6cde0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.zoom-controls{z-index:12;border:1px solid var(--line);height:34px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaeb;border-radius:10px;align-items:center;padding:0 4px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-controls button{width:29px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid}.zoom-controls button:hover{color:var(--ink);background:#eeede7}.zoom-controls span{width:40px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:9px}.zoom-controls i{background:var(--line);width:1px;height:17px;margin:0 3px}.note-editor{z-index:80;width:420px;height:448px;box-shadow:var(--shadow-lg), 0 0 0 4px #6f60cc17;background:#fffefafb;border:1px solid #cbc7e7;border-radius:18px;flex-direction:column;padding:16px;animation:.18s cubic-bezier(.2,.78,.2,1) both editor-in;display:flex;position:absolute}@keyframes editor-in{0%{opacity:0;transform:translateY(7px)scale(.98)}}.editor-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.editor-header>div:first-child{flex-direction:column;gap:4px;display:flex}.editor-status{color:var(--muted-light);font-size:9px}.editor-title-label{margin:12px 0 8px;display:block}.editor-title-label input{letter-spacing:-.045em;background:0 0;border:0;outline:0;width:100%;padding:3px 2px;font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.editor-title-label input::placeholder{color:#bbb8b0}.editor-content-label{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.editor-content-label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.editor-content-label textarea{resize:none;border:1px solid var(--line);background:#faf9f5;border-radius:11px;outline:0;flex:1;width:100%;min-height:0;padding:12px;font-size:12px;line-height:1.65}.editor-content-label textarea:focus{background:#fff;border-color:#6f60cc8c;box-shadow:0 0 0 3px #6f60cc17}.editor-content-label textarea::placeholder{color:#aaa79e}.editor-footer{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.editor-footer>span{color:var(--muted-light);align-items:center;gap:3px;font-size:9px;display:flex}.editor-limit-status.has-limit{color:var(--red);font-weight:600}kbd{border:1px solid var(--line);border-bottom-color:var(--line-strong);min-width:19px;height:19px;color:var(--muted);background:#f7f6f1;border-radius:5px;place-items:center;font-family:inherit;font-size:9px;display:inline-grid;box-shadow:0 1px #d5d3ca}.context-menu{z-index:100;border:1px solid var(--line);width:220px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefafa;border-radius:13px;padding:7px;animation:.12s ease-out both context-in;position:fixed}@keyframes context-in{0%{opacity:0;transform:translateY(-3px)scale(.985)}}.context-label{color:var(--muted-light);letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:5px 8px 7px;font-size:8px;font-weight:700;display:block;overflow:hidden}.context-menu button{text-align:left;cursor:pointer;background:0 0;border-radius:9px;grid-template-columns:31px 1fr;align-items:center;gap:9px;width:100%;padding:7px;display:grid}.context-menu button:hover,.context-menu button:focus-visible{background:#f2f1ec}.context-menu button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.context-menu button strong{font-size:11px;font-weight:600}.context-menu button small{color:var(--muted);font-size:8px}.menu-icon{border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.menu-icon.mint{color:var(--mint);background:var(--mint-soft)}.menu-icon.purple{color:var(--purple);background:var(--purple-soft)}.menu-icon.red{color:var(--red);background:var(--red-soft)}.context-divider{background:var(--line);height:1px;margin:5px 3px;display:block}.context-menu button.danger strong{color:var(--red)}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26241f42;place-items:center;padding:20px;animation:.14s ease-out both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--paper);width:min(430px,100%);box-shadow:var(--shadow-lg);border:1px solid #ffffffbf;border-radius:20px;padding:24px;animation:.18s cubic-bezier(.2,.8,.2,1) both modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.975)}}.modal h2{letter-spacing:-.04em;margin:4px 0 8px;font-family:Manrope,sans-serif;font-size:19px}.modal>p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.modal-icon.danger-icon{color:var(--red);background:var(--red-soft)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.danger-button{color:#fff;background:var(--red);box-shadow:0 5px 13px #ad3a3a2e}.danger-button:hover{background:#b84747}.help-dialog{width:min(490px,100%)}.help-header{justify-content:space-between;align-items:flex-start;display:flex}.help-header .modal-icon{margin:0 0 16px}.gesture-list{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.gesture-list>div{border:1px solid var(--line);background:#faf9f5;border-radius:12px;grid-template-rows:27px 1fr;grid-template-columns:26px 1fr;min-height:104px;padding:12px;display:grid}.gesture-list>div>span{color:var(--muted-light);font-size:9px;font-weight:700}.gesture-list svg{color:var(--purple);justify-self:end}.gesture-list p{color:var(--muted);grid-column:1/-1;align-self:end;margin:7px 0 0;font-size:10px;line-height:1.45}.gesture-list p strong{color:var(--ink)}.full-button{width:100%}.toast-stack{z-index:300;pointer-events:none;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:fixed;bottom:62px;right:18px}.toast{border:1px solid var(--line);background:var(--paper);min-width:190px;max-width:330px;min-height:40px;box-shadow:var(--shadow-md);border-radius:11px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:600;animation:.22s cubic-bezier(.2,.8,.2,1) both toast-in;display:flex}.toast-success svg{color:var(--mint)}.toast-error svg{color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}.icon-button:disabled{cursor:wait;opacity:.42}.user-control{border:1px solid var(--line);background:var(--paper);border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 4px 0 5px;display:flex}.user-avatar{width:27px;height:27px;color:var(--purple-dark);background:var(--purple-soft);border-radius:8px;place-items:center;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:10px;font-weight:600;overflow:hidden}.user-control button{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid}.user-control button:hover{color:var(--red);background:var(--red-soft)}.panel-actions{align-items:center;gap:3px;display:flex}.edit-note-button{color:var(--purple);background:var(--purple-soft)}.note-panel.is-preview{height:448px}.markdown-preview{color:#37352f;scrollbar-color:#d5d3ca transparent;scrollbar-width:thin;-webkit-user-select:text;user-select:text;flex:1;min-height:0;margin:10px -2px -2px;padding:5px 12px 18px 5px;font-size:12px;line-height:1.7;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{letter-spacing:-.035em;margin:1.35em 0 .5em;font-family:Manrope,sans-serif;line-height:1.22}.markdown-preview h1{border-bottom:1px solid var(--line);margin-top:0;padding-bottom:10px;font-size:23px}.markdown-preview h2{font-size:18px}.markdown-preview h3{font-size:15px}.markdown-preview p{margin:.7em 0}.markdown-preview ul,.markdown-preview ol{padding-left:1.6em}.markdown-preview li{margin:.28em 0}.markdown-preview li::marker{color:var(--purple)}.markdown-preview blockquote{color:var(--muted);border-left:3px solid #bcb4e9;margin:1em 0;padding:2px 0 2px 13px}.markdown-preview code{color:#5748b6;background:#f4f1ff;border:1px solid #e0ddd4;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.markdown-preview pre{background:#f5f3ed;border:1px solid #dedbd1;border-radius:10px;padding:12px;overflow-x:auto}.markdown-preview pre code{color:inherit;background:0 0;border:0;padding:0}.markdown-preview a{color:var(--purple-dark);text-underline-offset:2px;text-decoration-color:#bcb4e9}.markdown-preview hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}.markdown-preview table{border-collapse:collapse;width:100%;margin:1em 0;font-size:10px}.markdown-preview th,.markdown-preview td{border:1px solid var(--line);text-align:left;padding:7px}.markdown-preview th{background:#f3f1eb}.markdown-preview input[type=checkbox]{accent-color:var(--purple)}.markdown-source-editor{flex-direction:column;flex:1;gap:7px;min-height:0;margin-top:12px;display:flex}.markdown-source-editor>span{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.markdown-source-editor>span i{color:var(--purple-dark);background:var(--purple-soft);border-radius:4px;padding:2px 4px;font-size:7px;font-style:normal;font-weight:700}.markdown-source-editor textarea{resize:none;border:1px solid var(--line);color:#383630;tab-size:2;background:#faf9f5;border-radius:11px;outline:0;flex:1;width:100%;min-height:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:11px;line-height:1.7}.markdown-source-editor textarea:focus{background:#fff;border-color:#6f60cc8c;box-shadow:0 0 0 3px #6f60cc17}.markdown-source-editor textarea:disabled{cursor:wait;opacity:.68}.menu-icon.amber{color:var(--amber);background:var(--amber-soft)}.drawing-active .note-list-item:disabled{cursor:default;opacity:.42}.canvas.is-drawing{cursor:default}.drawing-mode-overlay{z-index:20;touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawing-mode-overlay.is-finishing,.drawing-properties.is-disabled{pointer-events:none;opacity:.68}.drawing-mode-overlay.tool-hand{cursor:grab}.drawing-mode-overlay.tool-hand:active{cursor:grabbing}.drawing-mode-overlay.tool-select{cursor:default}.drawing-mode-overlay.tool-eraser{cursor:cell}.drawing-mode-overlay.tool-text{cursor:text}.drawing-mode-overlay.tool-rectangle,.drawing-mode-overlay.tool-diamond,.drawing-mode-overlay.tool-ellipse,.drawing-mode-overlay.tool-arrow,.drawing-mode-overlay.tool-line,.drawing-mode-overlay.tool-pencil{cursor:crosshair}.drawing-toolbar{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaf5;border:1px solid #cdc9bef5;border-radius:14px;align-items:center;gap:7px;max-width:calc(100% - 30px);min-height:46px;padding:5px;display:flex;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2d2a2126,0 2px 5px #2d2a2112}.drawing-tool-group{align-items:center;gap:2px;display:flex}.drawing-tool-group button,.drawing-toolbar>button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.drawing-tool-group button:hover:not(:disabled){color:var(--ink);background:#f0efe9}.drawing-tool-group button.is-active{color:var(--purple-dark);background:var(--purple-soft);box-shadow:inset 0 0 0 1px #6f60cc24}.drawing-tool-group button:disabled{cursor:default;opacity:.28}.drawing-toolbar-divider{background:var(--line);width:1px;height:25px}.drawing-save-state{min-width:55px;color:var(--muted-light);white-space:nowrap;align-items:center;gap:4px;padding:0 3px;font-size:8px;display:inline-flex}.drawing-save-state.status-saved{color:var(--mint)}.drawing-save-state.status-error{color:var(--red)}.drawing-save-state.status-dirty{color:var(--amber)}.drawing-toolbar .drawing-done-button{color:#fff;background:var(--purple);padding:0 12px;font-size:10px;font-weight:700}.drawing-toolbar .drawing-done-button:hover{background:var(--purple-dark)}.drawing-properties{z-index:34;width:205px;max-height:calc(100% - 150px);box-shadow:var(--shadow-md);scrollbar-color:#d5d3ca transparent;scrollbar-width:thin;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaf5;border:1px solid #cdc9bef5;border-radius:15px;padding:14px;position:absolute;top:74px;right:14px;overflow-y:auto}.drawing-panel-heading{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:0 2px 11px;display:flex}.drawing-panel-heading strong{text-transform:capitalize;font-family:Manrope,sans-serif;font-size:12px}.drawing-properties fieldset{border:0;min-width:0;margin:13px 0 0;padding:0}.drawing-properties legend,.drawing-range,.two-column-fields label{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:8px;font-weight:700}.drawing-swatches{gap:6px;margin-top:7px;display:flex}.drawing-swatches>button,.custom-color{border:2px solid var(--paper);background:var(--swatch);width:23px;height:23px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border-radius:7px;flex:0 0 23px;padding:0;position:relative;overflow:hidden}.drawing-swatches>button.is-active{box-shadow:0 0 0 2px var(--purple)}.drawing-swatches>button.transparent-swatch{background:linear-gradient(135deg,#fff 44%,#e46b6b 45% 53%,#fff 54%)}.custom-color input{cursor:pointer;border:0;width:34px;height:34px;padding:0;position:absolute;inset:-5px}.segmented-control{background:#f0efe9;border-radius:9px;gap:3px;margin-top:7px;padding:3px;display:flex}.segmented-control button{min-width:0;height:27px;color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:7px;display:flex}.segmented-control button span{background:currentColor;width:15px;min-height:1px;display:inline-block}.segmented-control button.is-active{color:var(--purple-dark);box-shadow:var(--shadow-sm);background:#fff}.two-column-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.two-column-fields label{flex-direction:column;gap:5px;display:flex}.two-column-fields select{border:1px solid var(--line);width:100%;height:30px;color:var(--ink);text-transform:none;background:#faf9f5;border-radius:7px;outline:0;padding:0 5px;font-size:8px}.drawing-range{grid-template-columns:1fr auto;gap:5px;margin-top:14px;display:grid}.drawing-range span{color:var(--ink);font-variant-numeric:tabular-nums}.drawing-range input{width:100%;accent-color:var(--purple);grid-column:1/-1}.layer-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid}.layer-actions button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#faf9f5;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:7px;display:flex}.layer-actions button:hover{color:var(--ink);border-color:var(--line-strong)}.drawing-text-entry{z-index:45;resize:none;box-shadow:none;caret-color:var(--purple);white-space:pre-wrap;word-break:break-word;field-sizing:content;background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute;overflow:hidden}.drawing-text-entry::placeholder{color:#4e4b4359}.drawing-text-entry.is-shape-label{box-sizing:border-box;text-align:center;resize:none;padding:4px 6px}.drawing-selection circle{pointer-events:all}.auth-shell{background:radial-gradient(circle at 12% 12%,#6f60cc1f,#0000 32%),radial-gradient(circle at 86% 86%,#2f9a781a,#0000 30%),#f4f3ee;place-items:center;width:100%;min-height:100%;display:grid;position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#4e4b4321 1px,#0000 1.1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 90%);mask-image:linear-gradient(#000000bf,#0000 90%)}.auth-backdrop-orbit{pointer-events:none;border:1px solid #6f60cc1f;border-radius:50%;position:absolute}.auth-backdrop-orbit:before,.auth-backdrop-orbit:after{content:"";background:#6f60cc80;border:2px solid #f4f3ee;border-radius:50%;width:8px;height:8px;position:absolute}.auth-backdrop-orbit.orbit-one{width:580px;height:580px;top:-220px;right:-140px}.auth-backdrop-orbit.orbit-one:before{bottom:72px;left:70px}.auth-backdrop-orbit.orbit-one:after{background:#2f9a788c;bottom:172px;left:4px}.auth-backdrop-orbit.orbit-two{border-color:#2f9a781f;width:690px;height:690px;bottom:-340px;left:-250px}.auth-backdrop-orbit.orbit-two:before{background:#2f9a788c;top:120px;right:48px}.auth-backdrop-orbit.orbit-two:after{top:20px;right:174px}.auth-layout{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefaed;border:1px solid #d6d3c9f2;border-radius:27px;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);width:min(1040px,100% - 48px);min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #2d2a2124,0 5px 18px #2d2a210f}.auth-story{border-right:1px solid var(--line);background:linear-gradient(145deg,#f5f2ffc7,#f8f9f5bd);flex-direction:column;min-width:0;padding:34px 42px 30px;display:flex;position:relative;overflow:hidden}.auth-brand{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.auth-brand .brand-mark{width:38px;height:38px}.auth-brand>div{flex-direction:column;display:flex}.auth-brand strong{font-family:Manrope,sans-serif;font-size:13px}.auth-brand>div span{color:var(--muted);font-size:9px}.auth-story-copy{z-index:2;margin-top:62px;position:relative}.auth-story-copy h1{letter-spacing:-.065em;margin:8px 0 14px;font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,48px);line-height:1.03}.auth-story-copy>p{max-width:430px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.auth-graph-preview{z-index:2;height:190px;margin:30px -6px 12px;position:relative}.auth-graph-preview svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.auth-graph-preview path{fill:none;stroke:#c4c0b6;stroke-width:1.2px}.auth-graph-preview path.reference{stroke:#a49bd6;stroke-dasharray:4 5}.auth-node{width:112px;height:43px;box-shadow:var(--shadow-sm);background:#fffefaf5;border:1px solid #d8d5cb;border-radius:11px;align-items:center;padding:0 11px;font-size:9px;font-weight:600;display:flex;position:absolute}.auth-node:before{content:"";background:#aaa79e;border-radius:50%;width:4px;height:4px;margin-right:7px}.auth-node.root-node{width:120px;box-shadow:0 0 0 3px #6f60cc14, var(--shadow-sm);border-color:#bcb4e9}.auth-node.root-node:before{background:var(--purple)}.auth-node.tiny{width:90px;height:38px;color:var(--muted);font-size:8px}.auth-private-note{z-index:2;color:var(--muted);align-items:center;gap:7px;margin-top:auto;font-size:9px;display:inline-flex;position:relative}.auth-private-note svg{color:var(--mint)}.auth-card{background:#fffefaf5;flex-direction:column;justify-content:center;padding:42px 48px;display:flex}.auth-tabs{border:1px solid var(--line);background:#f2f1ec;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:34px;padding:3px;display:grid}.auth-tabs button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;font-size:10px;font-weight:600}.auth-tabs button.is-active{color:var(--ink);background:var(--paper);box-shadow:0 2px 6px #2d2a2114}.auth-card-heading{margin-bottom:22px}.auth-welcome-icon{width:38px;height:38px;color:var(--purple);background:var(--purple-soft);border-radius:11px;place-items:center;margin-bottom:13px;display:grid}.auth-card-heading h2{letter-spacing:-.045em;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:23px}.auth-card-heading p{color:var(--muted);margin:0;font-size:11px}.auth-alert{color:#8d543b;background:#fff5eb;border:1px solid #edd3c0;border-radius:9px;grid-template-columns:17px 1fr;gap:8px;margin:-7px 0 15px;padding:10px;font-size:9px;line-height:1.45;display:grid}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form>label{flex-direction:column;gap:7px;display:flex}.auth-form>label>span{font-size:10px;font-weight:600}.auth-form>label>small{color:var(--muted-light);font-size:8px}.auth-input{border:1px solid var(--line);height:44px;color:var(--muted-light);background:#faf9f5;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.auth-input:focus-within{color:var(--purple);background:#fff;border-color:#6f60cc94;box-shadow:0 0 0 3px #6f60cc17}.auth-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:11px}.auth-input input::placeholder{color:#aaa79e}.auth-submit{width:100%;height:43px;margin-top:3px}.auth-switch-copy{color:var(--muted);text-align:center;margin:20px 0 0;font-size:9px}.auth-switch-copy button{color:var(--purple-dark);cursor:pointer;background:0 0;margin-left:5px;padding:0;font-weight:700}.auth-divider{color:var(--muted-light);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:4px 0 2px;font-size:10px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-guest{justify-content:center;width:100%}.auth-guest-hint{color:var(--muted);text-align:center;margin:2px 0 0;font-size:11px;line-height:1.4}.guest-claim-button{margin-left:4px;padding:4px 9px;font-size:10px;font-weight:700}.session-loading-card{z-index:2;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fffefaeb;border-radius:20px;flex-direction:column;align-items:center;padding:28px 42px;display:flex;position:relative}.session-loading-card .brand-mark{width:38px;height:38px;position:absolute;top:-19px;left:calc(50% - 19px)}.session-loading-card .loading-orbit{margin:13px 0 8px}.session-loading-card strong{margin-top:6px;font-family:Manrope,sans-serif;font-size:14px}.session-loading-card p{color:var(--muted);margin:5px 0 0;font-size:9px}@media (width<=900px){.auth-layout{grid-template-columns:1fr;width:min(520px,100% - 32px);min-height:0}.auth-story{border-right:0;border-bottom:1px solid var(--line);padding:24px 30px;display:block}.auth-story-copy{margin-top:28px}.auth-story-copy h1{margin-bottom:10px;font-size:31px}.auth-story-copy>p{font-size:10px}.auth-graph-preview,.auth-private-note{display:none}.auth-card{padding:28px 34px 30px}.auth-tabs{margin-bottom:22px}.auth-welcome-icon{display:none}.auth-card-heading{margin-bottom:18px}}@media (width<=760px){.drawing-toolbar{scrollbar-width:none;justify-content:flex-start;max-width:none;left:8px;right:8px;overflow-x:auto;transform:none}.drawing-toolbar::-webkit-scrollbar{display:none}.drawing-tool-group{flex:none}.drawing-save-state{display:none}.drawing-properties{width:180px;max-height:calc(100% - 128px);padding:11px;top:68px;right:8px}.drawing-swatches{gap:4px}.drawing-swatches>button,.custom-color{flex-basis:21px;width:21px;height:21px}.topbar{flex-basis:62px;padding:0 12px}.brand>div span:last-child,.desktop-label{display:none}.brand-mark{width:33px;height:33px}.button{min-height:36px;padding:0 11px}.mobile-search-button{width:36px;padding:0;display:inline-flex}.user-name{display:none}.user-control{gap:2px}.sidebar{z-index:90;width:min(286px,100vw - 36px);box-shadow:var(--shadow-lg);transition:transform .22s cubic-bezier(.2,.75,.2,1);position:absolute;top:62px;bottom:0;left:0;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid}.mobile-explorer-button{z-index:12;border:1px solid var(--line);height:34px;color:var(--muted);box-shadow:var(--shadow-sm);background:#fffefaeb;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex;position:absolute;bottom:16px;left:12px}.canvas-hint{display:none}.note-editor{border-radius:17px;width:auto;height:min(510px,100% - 18px);bottom:9px;right:9px;top:auto!important;left:9px!important}.zoom-controls{bottom:12px;right:10px}.gesture-list{grid-template-columns:1fr}.gesture-list>div{min-height:80px}.toast-stack{align-items:stretch;bottom:56px;left:10px;right:10px}.toast{max-width:none}}@media (width<=430px){.brand strong{font-size:12px}.topbar-actions .button.primary{font-size:0}.topbar-actions .button.primary svg{margin:0}.modal{padding:20px}.editor-footer>span{display:none}.editor-footer{justify-content:flex-end}.auth-shell{place-items:start center;overflow:hidden auto}.auth-layout{border-radius:20px;width:calc(100% - 20px);margin:10px 0}.auth-story{padding:20px}.auth-story-copy{margin-top:24px}.auth-story-copy h1{font-size:27px}.auth-story-copy>p{display:none}.auth-card{padding:23px 20px 25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}