:root{--bg: #12151c;--panel-bg: #1a1f2a;--panel-border: #2c3444;--text: #dce3ee;--text-dim: #8b96a8;--accent: #5ab1f0;--danger: #f07178;--input-bg: #12151c;--input-border: #38425a;--panel-width: min(960px, 92vw);--panel-shift: .28s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}#app{position:relative;height:100vh;overflow:hidden}#panel{position:absolute;top:0;left:0;z-index:20;width:var(--panel-width);height:100%;background:var(--panel-bg);border-right:1px solid var(--panel-border);box-shadow:8px 0 32px #00000059;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--panel-shift)}#panel.is-open{transform:translate(0)}#panel-handle{position:absolute;z-index:21;left:0;top:50%;transform:translateY(-50%);margin:0;padding:16px 8px;border-radius:0 8px 8px 0;border-left:none;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;text-transform:uppercase;font-size:12px;transition:left var(--panel-shift)}#panel-handle.wobble{animation:editor-handle-wobble .55s ease-in-out}@keyframes editor-handle-wobble{0%,to{transform:translateY(-50%) translate(0)}18%{transform:translateY(-50%) translate(7px)}36%{transform:translateY(-50%) translate(-5px)}54%{transform:translateY(-50%) translate(5px)}72%{transform:translateY(-50%) translate(-3px)}88%{transform:translateY(-50%) translate(2px)}}#btn-panel-open.wobble{animation:editor-btn-wobble .55s ease-in-out}@keyframes editor-btn-wobble{0%,to{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(5px)}54%{transform:translate(-4px)}72%{transform:translate(3px)}88%{transform:translate(-1px)}}#app.panel-open #panel-handle{left:var(--panel-width);border-radius:0 8px 8px 0}#panel-header{display:flex;align-items:flex-start;gap:16px;padding:14px 16px 12px;border-bottom:1px solid var(--panel-border);flex-shrink:0}#panel-header-text{flex:1;min-width:0}#panel-header h1{font-size:18px;margin:0 0 4px}#file-section{flex-shrink:0}#file-section .hint{margin:4px 0 0;min-height:0}#btn-panel-close{flex-shrink:0}#panel-tabs{display:none}#panel-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr)}.panel-section{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 16px;overflow:hidden}.panel-section+.panel-section{border-left:1px solid var(--panel-border)}.subtitle{margin:0;color:var(--text-dim);font-size:12px}.subtitle a{color:var(--accent)}.panel-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 8px;flex-shrink:0}.count{font-weight:400}.button-row{display:flex;gap:8px}button{background:#232b3b;color:var(--text);border:1px solid var(--input-border);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}button:hover{background:#2d374c}button.small{padding:4px 10px}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover{background:#f071781f}.hint{color:var(--text-dim);font-size:12px;margin:8px 0 0;min-height:1em;flex-shrink:0}.row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-shrink:0}.row select{flex:1;min-width:0}.arrow{color:var(--text-dim)}.form label{display:block;margin-bottom:8px;color:var(--text-dim);font-size:12px}.form label.inline{display:flex;align-items:center;gap:6px;margin-bottom:0}.form input[type=text],.form textarea,.form select,.row select{width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit;margin-top:2px}.form label.inline select{width:auto;margin-top:0}.weight-row{display:flex;align-items:center;gap:8px;margin-top:2px}.form input[type=range]{flex:1;width:auto;vertical-align:middle}.range-value{display:inline-block;width:24px;text-align:right;color:var(--text)}.form textarea{resize:vertical;min-height:72px}.hidden{display:none!important}#search-section{margin-bottom:10px;flex-shrink:0}#node-form{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;overflow-y:auto;min-height:0;padding-right:4px}#node-form .span-2{grid-column:1 / -1}.search-input{width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit}.search-input:focus{outline:none;border-color:var(--accent)}.search-results{list-style:none;margin:8px 0 0;padding:0;max-height:160px;overflow-y:auto;border:1px solid var(--panel-border);border-radius:6px;background:#1a1f2af5}.search-results li{padding:5px 8px;font-size:12px;cursor:pointer;border-bottom:1px solid var(--panel-border);display:flex;align-items:center;gap:8px}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:#232b3b}.search-results li.no-matches{color:var(--text-dim);cursor:default}.search-results li.no-matches:hover{background:none}.search-results .result-group{width:10px;height:10px;border-radius:50%;flex-shrink:0}#graph-search{position:absolute;top:12px;left:12px;z-index:30;width:min(340px,calc(100vw - 200px));transition:left var(--panel-shift)}#app.panel-open #graph-search{left:calc(var(--panel-width) + 12px)}#link-add-form{flex-shrink:0}#link-list,#clip-list{list-style:none;margin:8px 0 0;padding:0;flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--panel-border)}#link-list li{display:flex;flex-direction:column;gap:2px;padding:6px 2px;border-bottom:1px solid var(--panel-border);font-size:12px}#link-list li .link-row{display:flex;align-items:center;gap:6px}#link-list li .link-desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#link-list li .link-context,#link-list li .link-personas{font-size:11px;color:var(--text-dim);line-height:1.35}#link-list li .link-context{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#link-list li.selected{background:#232b3b;border-radius:4px}#link-list li .link-weight{color:var(--text-dim)}#link-list li button{padding:0 6px;font-size:12px;line-height:18px}#clip-list li{border-bottom:1px solid var(--panel-border)}#clip-list a{display:block;padding:6px 4px;color:inherit;text-decoration:none;border-radius:4px}#clip-list a:hover{background:#232b3b}.clip-quote{display:block;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{display:block;margin-top:2px;font-size:11px;color:var(--text-dim)}.clip-meta .clip-time{color:var(--accent)}#graph-container{width:100%;height:100%;position:relative;overflow:hidden}#graph{width:100%;height:100%;display:block;cursor:grab}#graph:active{cursor:grabbing}#legend{position:absolute;top:12px;right:12px;background:#1a1f2ae6;border:1px solid var(--panel-border);border-radius:8px;padding:10px 14px;font-size:12px}.legend-item{display:flex;align-items:center;gap:8px;margin:4px 0}.legend-swatch{width:12px;height:12px;border-radius:50%}#graph-controls{position:absolute;bottom:12px;right:12px;z-index:30;display:flex;align-items:center;gap:8px}#level-toggle,#editor-toggle,#gravity-stepper{display:flex;border:1px solid var(--input-border);border-radius:6px;overflow:hidden;background:#1a1f2aeb}#level-toggle button,#editor-toggle button,#gravity-stepper button{margin:0;border:none;border-radius:0;padding:6px 12px;background:transparent}#level-toggle button+button,#editor-toggle button+button,#gravity-stepper button+button{border-left:1px solid var(--input-border)}#level-toggle button.is-active,#editor-toggle button.is-active,#gravity-stepper button.is-active{background:#2d4a6a;color:#fff}#app:not(.editor-on) .editor-only{display:none!important}#editor-toggle{flex-shrink:0}#app.panel-open #btn-panel-open{display:none}#tooltip{position:absolute;pointer-events:none;max-width:380px;background:#12151cf2;border:1px solid var(--input-border);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.25;z-index:10}#tooltip.is-pinned{pointer-events:auto;z-index:16}#tooltip .tt-hint{margin-top:6px;color:var(--accent);font-size:11px}#tooltip .tt-title{font-weight:600;font-size:13px;line-height:1.2}#tooltip .tt-meta{color:var(--text-dim);margin:1px 0 4px;line-height:1.2}#tooltip .tt-body{white-space:pre-wrap;line-height:1.25}.link-hit{stroke:transparent;stroke-width:14px;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.link-line{stroke:#4a5670;stroke-opacity:.6;fill:none;pointer-events:none}.link.highlight .link-line{stroke:#9fb6d9;stroke-opacity:1}.link-arrow{fill:#6a7894;stroke:none;pointer-events:none}.link.highlight .link-arrow{fill:#c5d4ec}.link.dimmed{opacity:.2}.node circle{stroke:#ffffff59;stroke-width:1px;cursor:grab}.node:active circle{cursor:grabbing}.node.selected circle{stroke:#fff;stroke-width:2.5px}.node text{fill:var(--text);font-size:16px;pointer-events:none;paint-order:stroke;stroke:#12151cd9;stroke-width:3px}.node.dimmed{opacity:.25}@media (max-width: 800px){#legend{display:none}#panel{width:100%}#app.panel-open #panel-handle,#app.panel-open #graph-search{display:none}#panel-header{flex-wrap:wrap}#panel-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--panel-border)}#panel-tabs button{flex:1;margin:0;border:none;border-radius:0;border-bottom:2px solid transparent;padding:10px 8px;background:transparent;font-size:13px;text-transform:uppercase;letter-spacing:.06em}#panel-tabs button.is-active{border-bottom-color:var(--accent);color:#fff}#panel-columns{display:flex;flex-direction:column;grid-template-columns:none;overflow:hidden}.panel-section{display:none;overflow:hidden;min-height:0;flex:1;border-top:none}.panel-section.is-active{display:flex}.panel-section+.panel-section{border-left:none;border-top:none}#clip-list,#link-list{max-height:none;flex:1}}@media (prefers-reduced-motion: reduce){#panel,#panel-handle{transition:none}#panel-handle.wobble,#btn-panel-open.wobble{animation:none}}