:root{--table:#f6f6f4;--dot:#d9d9d3;--ink:#1e1f21;--ink-soft:#6e7076;--chrome:#fff;--hairline:#e5e5e1;--sticky:#fff3ae;--sticky-edge:#e8d98a;--accent:#4c7df0;--accent-soft:#4c7df024;--amber:#dd8500;--danger:#d64550;--shadow-lifted:0 1px 2px #1e1f211a, 0 2px 8px #1e1f2114;--shadow-carried:0 4px 10px #1e1f2124, 0 10px 28px #1e1f211f;--shadow-floating:0 2px 6px #1e1f2114, 0 12px 32px #1e1f2124;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-ui);color:var(--ink);margin:0;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewport{background-color:var(--table);background-image:radial-gradient(var(--dot) 1.1px, transparent 1.1px);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background-size:24px 24px;position:fixed;inset:0;overflow:hidden}.viewport.panning{cursor:grabbing}.viewport.linking{cursor:crosshair}.world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.arrow-layer{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.arrow-hit{pointer-events:stroke;cursor:pointer;stroke:#0000;fill:none}.arrow-line{pointer-events:none;transition:stroke .2s var(--ease-out)}.arrow-line.selected-arrow{filter:drop-shadow(0 0 3px #4c7df0b3)}.node{will-change:transform;transition:box-shadow .2s var(--ease-out);position:absolute;top:0;left:0}.node.dragging{z-index:30}.node .selection-ring{border:2px solid var(--accent);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .15s var(--ease-out);position:absolute;inset:-5px}.node.selected .selection-ring{opacity:1}.node.hyper .selection-ring{box-shadow:0 0 0 4px var(--accent-soft)}.pin-dot{background:var(--chrome);border:1px solid var(--hairline);width:18px;height:18px;box-shadow:var(--shadow-lifted);color:var(--ink-soft);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;right:-7px}.note-node,.type-node,.link-node{position:relative}.note-node{background:var(--sticky);border:1px solid var(--sticky-edge);width:176px;height:176px;box-shadow:var(--shadow-lifted);cursor:grab;border-radius:6px;margin:-88px 0 0 -88px}.node.dragging .note-node,.node.dragging .type-node,.node.dragging .link-node{box-shadow:var(--shadow-carried);cursor:grabbing}.note-content{overflow-wrap:break-word;width:100%;height:100%;padding:12px 14px;font-size:13px;line-height:1.4;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000 98%);mask-image:linear-gradient(#000 82%,#0000 98%)}.note-content.empty{color:#55575a;font-style:italic}.note-editor{resize:none;width:100%;height:100%;font-size:13px;line-height:1.4;font-family:var(--font-ui);cursor:text;background:0 0;border:none;outline:none;padding:12px 14px}.md p{margin:0 0 .5em}.md p:last-child{margin-bottom:0}.md h1,.md h2,.md h3{margin:0 0 .35em;line-height:1.25}.md h1{font-size:1.25em;font-weight:650}.md h2{font-size:1.12em;font-weight:600}.md h3{font-size:1em;font-weight:600}.md ul,.md ol{margin:0 0 .5em;padding-left:1.4em}.md li{margin:.1em 0}.md code{font-family:var(--font-mono);background:#1e1f2112;border-radius:3px;padding:.05em .3em;font-size:.9em}.md pre{background:#1e1f2112;border-radius:5px;margin:0 0 .5em;padding:8px 10px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{color:#4d4f52;border-left:1px solid #1e1f214d;margin:0 0 .5em;padding-left:.8em}.md a{color:#2f5fd0;text-decoration:underline}.md hr{border:none;border-top:1px solid #1e1f212e;margin:.6em 0}.type-node{background:var(--chrome);border:1.5px solid var(--hairline);min-width:156px;height:72px;box-shadow:var(--shadow-lifted);cursor:grab;border-radius:50%;justify-content:center;align-items:center;margin:-36px 0 0 -78px;padding:0 24px;display:flex}.type-node.colored{border-width:2px}.type-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.type-editor{text-align:center;background:0 0;border:none;outline:none;width:130px;font-size:13px;font-weight:600}.type-node.error{border-color:var(--danger);animation:shake .3s var(--ease-out)}@keyframes shake{0%,to{translate:0}25%{translate:-3px}75%{translate:3px}}.type-error-msg{background:var(--danger);color:#fff;white-space:nowrap;box-shadow:var(--shadow-lifted);border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:calc(100% + 44px);left:50%;transform:translate(-50%)}.link-node{background:var(--chrome);border:1px solid var(--hairline);width:208px;height:156px;box-shadow:var(--shadow-lifted);cursor:grab;border-radius:12px;flex-direction:column;margin:-78px 0 0 -104px;display:flex;overflow:hidden}.link-preview{background-color:var(--table);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:12px 12px;flex:1;position:relative}.link-label{border-top:1px solid var(--hairline);background:var(--chrome);white-space:nowrap;text-overflow:ellipsis;color:var(--ink);align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:550;display:flex;overflow:hidden}.link-label svg{color:var(--ink-soft);flex:none}.rubber-band{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 5;fill:none;pointer-events:none}.float-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.bar{background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-floating);pointer-events:auto;animation:bar-in .16s var(--ease-out);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%,-100%)}@keyframes bar-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.bar-btn{width:32px;height:32px;color:var(--ink-soft);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bar-btn:hover:not(:disabled){color:var(--ink);background:#f0f0ee}.bar-btn:disabled{color:#c6c7c4}.bar-btn.success{color:#2f9e44}.bar-btn svg{z-index:1;position:relative}.bar-btn .hold-fill{background:conic-gradient(var(--amber) calc(var(--held) * 1turn), transparent 0);opacity:.55;z-index:0;border-radius:50%;position:absolute;inset:0}.bar-btn.holding{color:var(--ink)}.bar-sep{background:var(--hairline);width:1px;height:20px;margin:0 3px}.bar-input{background:#f0f0ee;border:none;border-radius:999px;outline:none;width:130px;height:30px;margin-right:2px;padding:0 12px;font-size:13px}.bar-input:focus{box-shadow:inset 0 0 0 1.5px var(--accent);background:#eaeef9}.bar-input::placeholder{color:#6e7076}.bar-swatch{border:1px solid #1e1f2126;border-radius:50%;flex:none;width:12px;height:12px;margin:0 4px 0 8px}.completions{background:var(--chrome);border:1px solid var(--hairline);min-width:180px;box-shadow:var(--shadow-floating);z-index:60;pointer-events:auto;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.completion{text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 10px;font-size:13px;display:flex}.completion:hover:not(:disabled),.completion.active{background:#f0f0ee}.completion:disabled{color:#b3b4b1}.completion .tag{color:var(--ink-soft);font-size:11px}.overlay{z-index:80;animation:fade-in .14s var(--ease-out);background:#1e1f2147;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.popup{background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-floating);width:min(420px,100vw - 48px);max-height:min(560px,100vh - 96px);animation:pop-in .17s var(--ease-out);border-radius:12px;flex-direction:column;display:flex}@keyframes pop-in{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}.popup-head{justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:15px;font-weight:600;display:flex}.popup-head .icon-btn{color:var(--ink-soft)}.popup-body{-webkit-user-select:text;user-select:text;padding:4px 18px 16px;overflow-y:auto}.popup-actions{border-top:1px solid var(--hairline);justify-content:flex-end;gap:8px;padding:12px 18px 16px;display:flex}.btn{transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:550}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#3a6de6}.btn.primary:disabled{background:#b9cbf5}.btn.ghost{color:var(--ink-soft);background:0 0}.btn.ghost:hover{color:var(--ink);background:#f0f0ee}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#c23a44}.icon-btn{width:28px;height:28px;transition:background-color .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:#f0f0ee}.field{border:1.5px solid var(--hairline);background:var(--chrome);width:100%;transition:border-color .15s var(--ease-out);border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.field:focus{border-color:var(--accent)}.field.error{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:6px;font-size:12px}.row-list{flex-direction:column;gap:4px;display:flex}.row{text-align:left;width:100%;transition:background-color .15s var(--ease-out);border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}button.row:hover{background:#f4f4f2}.row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .sub{color:var(--ink-soft);font-size:12px}.mini-preview{border:1px solid var(--hairline);background-color:var(--table);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:9px 9px;border-radius:7px;flex:none;width:76px;height:57px;position:relative;overflow:hidden}.arrow-diagram{border:1px solid var(--hairline);background:#fafaf8;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.arrow-diagram .endpoint{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--hairline);background:var(--chrome);flex:1;min-width:0;padding:3px 9px;overflow:hidden}.arrow-diagram .endpoint.note{background:var(--sticky);border-color:var(--sticky-edge);border-radius:4px}.arrow-diagram .endpoint.type{border-radius:999px;font-weight:600}.arrow-diagram .endpoint.boardLink{border-radius:8px}.arrow-diagram .shaft{color:var(--ink-soft);flex:none;align-items:center;display:flex}.history-row{border:1px solid var(--hairline);background:#fafaf8;border-radius:9px;margin-bottom:6px;padding:9px 12px}.history-row .when{color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11.5px;display:flex}.history-row pre{font-family:var(--font-ui);white-space:pre-wrap;overflow-wrap:break-word;max-height:96px;margin:0;font-size:12.5px;overflow:hidden}.link-like{color:var(--accent);border-radius:5px;padding:2px 6px;font-size:12px;font-weight:550}.link-like:hover{background:var(--accent-soft)}.stale-badge{z-index:50;background:var(--chrome);border:1px solid var(--hairline);width:36px;height:36px;box-shadow:var(--shadow-lifted);color:var(--ink-soft);transition:background-color .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:650;display:flex;position:fixed;top:16px;right:16px}.stale-badge:hover{background:#f0f0ee}.stale-badge.alert{color:#fff;background:var(--amber);border-color:var(--amber)}.stale-badge.alert:hover{background:#c97800}.top-left{z-index:50;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:16px}.board-title{background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-lifted);max-width:40vw;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:550;display:flex}.board-title .main-star{color:var(--amber);display:flex}.board-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend{z-index:50;color:var(--ink-soft);background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-lifted);border-radius:12px;max-width:280px;font-size:12px;position:fixed;bottom:16px;left:16px;overflow:hidden}.legend summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 12px;font-weight:550;list-style:none;display:flex}.legend summary::-webkit-details-marker{display:none}.legend-body{grid-template-columns:auto 1fr;gap:3px 10px;padding:2px 12px 10px;display:grid}.legend kbd{font-family:var(--font-ui);border:1px solid var(--hairline);white-space:nowrap;background:#f0f0ee;border-radius:4px;justify-self:start;padding:0 5px;font-size:11px}.context-menu{z-index:90;background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-floating);border-radius:10px;min-width:180px;padding:4px;position:fixed}.context-menu button{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;display:flex}.context-menu button:hover:not(:disabled){background:#f0f0ee}.context-menu button:disabled{color:#b3b4b1}.gate{background-color:var(--table);background-image:radial-gradient(var(--dot) 1.1px, transparent 1.1px);background-size:24px 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate-card{background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-floating);border-radius:14px;width:min(360px,100vw - 48px);padding:28px}.gate-card h1{align-items:center;gap:10px;margin:0 0 4px;font-size:19px;font-weight:650;display:flex}.gate-card p{color:var(--ink-soft);margin:0 0 16px;font-size:13px}.gate-sticky{background:var(--sticky);border:1px solid var(--sticky-edge);width:22px;height:22px;box-shadow:var(--shadow-lifted);border-radius:4px;flex:none}.gate-form{gap:8px;display:flex}.empty-hint{text-align:center;color:var(--ink-soft);pointer-events:none;z-index:5;animation:fade-in .4s var(--ease-out);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-hint .big{color:#55575a;margin-bottom:4px;font-size:15px;font-weight:550}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-floating);z-index:100;animation:bar-in .18s var(--ease-out);border-radius:999px;padding:8px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.hidden-chip{z-index:50;background:var(--chrome);border:1px solid var(--hairline);box-shadow:var(--shadow-lifted);color:var(--ink-soft);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:550;display:flex;position:fixed;top:60px;left:16px}.hidden-chip:hover{color:var(--ink);background:#f0f0ee}.icon-btn.danger-hover:hover:not(:disabled){color:var(--danger);background:#d645501a}.icon-btn:disabled{color:#c6c7c4;cursor:not-allowed}.home-chip{background:var(--chrome);border:1px solid var(--hairline);width:34px;height:34px;box-shadow:var(--shadow-lifted);color:var(--ink-soft);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.home-chip:hover{color:var(--ink);background:#f0f0ee}.note-grip{color:#b9ab6a;cursor:nwse-resize;opacity:0;width:18px;height:18px;transition:opacity .15s var(--ease-out);touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1px;right:1px}.note-node:hover .note-grip,.node.selected .note-grip{opacity:1}.board-title.editable{cursor:text}.board-title input{font:inherit;color:inherit;background:0 0;border:none;outline:none;width:180px;padding:0}