@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Kalam:wght@300;400;700&display=swap";:root{--paper:#faf6ec;--paper-card:#fdfaf2;--ink:#1f2533;--ink-soft:#4a5060;--muted:#7a6450;--accent:#c4604a;--accent-text:#a84f3a;--accent-soft:#faeae3;--rule:rgba(58,90,138,.07);--margin-line:rgba(196,96,74,.5)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--paper);color:var(--ink);font-family:Kalam,Caveat,cursive;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh;height:100dvh}.paper-bg{z-index:0}.paper-bg,.paper-rules{position:fixed;inset:0;pointer-events:none}.paper-rules{z-index:1;opacity:.6}.canvas{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}.canvas.panning{cursor:grabbing}.canvas.add-mode{cursor:copy}.canvas.link-mode{cursor:crosshair}.canvas.erase-mode{cursor:not-allowed}.canvas svg{display:block;width:100%;height:100%}.node-text{font-family:Caveat,cursive;text-anchor:middle;pointer-events:none;fill:var(--ink);dominant-baseline:middle}.node-text.selected{fill:var(--accent)}.node-rect{cursor:grab}.node-rect.dragging{cursor:grabbing}.canvas.erase-mode .node-rect,.canvas.link-mode .node-rect{cursor:pointer}.header{position:absolute;top:20px;left:110px;right:24px;display:flex;align-items:baseline;gap:18px;z-index:6;pointer-events:none}.header>*{pointer-events:auto}.header:before{content:"";position:absolute;inset:-16px -24px -65px;background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 85%,transparent 100%);z-index:-1;pointer-events:none}.header-title{display:inline-block;font-family:Caveat,cursive;font-size:48px;font-weight:700;line-height:1;transform:rotate(-1.2deg);background:transparent;border:none;color:var(--ink);outline:none;padding:0 2px;min-width:1ch;max-width:600px;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;user-select:text}.header-em,.header-title:focus{color:var(--accent)}.header-em{font-family:Caveat,cursive;font-size:48px;margin:0 6px}.header-date{font-size:30px;transform:rotate(.5deg)}.header-date,.header-meta{font-family:Caveat,cursive;color:var(--muted)}.header-meta{margin-left:auto;font-size:22px;display:flex;gap:14px;align-items:baseline}.save-indicator{display:inline-flex;align-items:center;gap:6px;font-size:18px;color:var(--muted);transform:rotate(-.6deg)}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.4}.save-indicator.dirty .save-dot{opacity:1;background:var(--accent)}.save-indicator.saved .save-dot{opacity:.6;background:#6a8a5a}.toolbar{position:absolute;top:84px;left:110px;right:24px;z-index:6}.toolbar:before{content:"";position:absolute;inset:-10px -16px -20px;z-index:-1;pointer-events:none}.tool-chip{position:relative;flex-shrink:0;font-family:Caveat,cursive;font-size:22px;padding:5px 16px;cursor:pointer;color:var(--ink);background:transparent;border:none;outline:none;white-space:nowrap;line-height:1}.tool-chip:nth-child(odd){transform:rotate(-1deg)}.tool-chip:nth-child(2n){transform:rotate(1deg)}.tool-chip .chip-blob{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tool-chip .chip-blob path{fill:transparent;stroke:var(--ink);stroke-width:1.4}.tool-chip:hover .chip-blob path{stroke-width:1.8}.tool-chip.active{color:var(--accent)}.tool-chip.active .chip-blob path{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.8}.tool-chip.danger{color:var(--accent)}.tool-chip.danger .chip-blob path{stroke:var(--accent)}.tool-chip.key-warn{color:#b85c00}.tool-chip.key-warn .chip-blob path{stroke:#b85c00}.tool-chip:disabled{opacity:.32;cursor:default}.tool-chip span{position:relative;z-index:1}.tool-divider{width:1px;height:22px;background:#0000002e;margin:0 6px;align-self:center}.side-note{position:absolute;top:144px;right:22px;width:268px;z-index:6;transform:rotate(1.1deg);font-family:Kalam,cursive}.side-note-card{position:relative;padding:24px 24px 26px 26px;min-height:280px}.side-note-card-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.side-note-card-bg path{fill:var(--paper-card);stroke:var(--ink);stroke-width:1.6}.side-note-content{position:relative;z-index:1}.side-label-row{display:flex;align-items:flex-start;gap:4px}.side-label{font-size:32px;color:var(--accent);line-height:1;transform:rotate(-1deg);flex:1;min-width:0;outline:none;padding:0;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;user-select:text}.side-label,.side-pencil{font-family:Caveat,cursive;background:transparent;border:none}.side-pencil{font-size:18px;color:var(--muted);cursor:pointer;padding:2px 6px}.side-pencil:hover{color:var(--accent)}.side-breadcrumb{font-family:Kalam,cursive;font-size:13px;color:var(--muted);margin:4px 0 14px;letter-spacing:.04em;line-height:1.4}.side-breadcrumb-link{cursor:pointer;border-bottom:1px dotted transparent}.side-breadcrumb-link:hover{color:var(--accent-text);border-bottom-color:var(--accent-text)}.side-section{font-size:22px;margin:14px 0 4px}.side-children,.side-section{font-family:Caveat,cursive;color:var(--ink)}.side-children{list-style:none;padding:0;margin:0;font-size:20px}.side-children li{cursor:pointer;margin-bottom:2px;line-height:1.15;padding:1px 4px;border-radius:4px}.side-children li:nth-child(odd){transform:rotate(-.5deg)}.side-children li:nth-child(2n){transform:rotate(.5deg)}.side-children li:hover{color:var(--accent)}.side-children li.empty{color:#9a8a78;font-style:italic;cursor:default;transform:rotate(0)}.side-children li.parent-link{opacity:.6}.side-children li.cross-link-item{display:flex;align-items:center;justify-content:space-between;gap:6px}.side-children li.cross-link-item span{flex:1}.unlink-btn{font-size:12px;color:#9a8a78;background:transparent;border:none;cursor:pointer;padding:0 2px;opacity:.6;line-height:1;flex-shrink:0}.unlink-btn:hover{color:#c0392b;opacity:1}.side-actions{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;border-top:1.4px solid var(--ink);padding-top:10px}.side-action-btn{font-family:Caveat,cursive;font-size:20px;color:var(--ink);cursor:pointer;border:none;background:transparent;padding:0;white-space:nowrap}.side-action-btn:hover{color:var(--accent)}.side-action-btn:disabled{opacity:.35;cursor:default}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.75;pointer-events:none}.legend-item,.legend-sep{font-family:Kalam,cursive;color:var(--muted)}.legend-sep{font-size:14px;opacity:.4}.label-editor{background:var(--paper-card);border:2px solid var(--accent);border-radius:8px;padding:4px 14px;text-align:center;color:var(--ink);outline:none;z-index:10;box-shadow:0 4px 14px #0000001f;transform:translate(-50%,-50%);-webkit-user-select:text;-moz-user-select:text;user-select:text}.hint,.label-editor{position:absolute;font-family:Caveat,cursive}.hint{bottom:16px;left:110px;right:320px;color:var(--muted);font-size:18px;z-index:6;pointer-events:none;display:flex;gap:14px;flex-wrap:wrap}.hint kbd{background:var(--paper-card);border:1.3px solid var(--ink);border-radius:6px;padding:0 6px;font-size:16px;color:var(--ink)}.hint kbd,.zoom-readout{font-family:Caveat,cursive}.zoom-readout{position:absolute;bottom:16px;right:22px;color:var(--muted);font-size:22px;z-index:6;display:flex;gap:6px;align-items:center}.zoom-btn{font-family:Caveat,cursive;font-size:20px;background:transparent;border:1.5px solid var(--ink);color:var(--ink);width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;line-height:1}.zoom-btn:hover{background:var(--paper-card);color:var(--accent);border-color:var(--accent)}.zoom-pct{min-width:56px;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#1f253352;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.modal{background:var(--paper-card);border-radius:8px;padding:22px 26px;max-width:500px;width:100%;position:relative;transform:rotate(-.5deg);box-shadow:0 12px 40px #00000038;font-family:Kalam,cursive}.modal h2{font-family:Caveat,cursive;font-size:32px;margin:0 0 6px;color:var(--ink);font-weight:700}.modal p{font-family:Kalam,cursive;font-size:14px;color:var(--muted);margin:0 0 14px}.modal textarea{width:100%;height:220px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:12px;padding:10px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;resize:vertical;color:var(--ink);outline:none}.modal textarea:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;align-items:center}.modal-action{font-family:Caveat,cursive;font-size:22px;background:transparent;border:1.6px solid var(--ink);color:var(--ink);padding:4px 16px;border-radius:22px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;line-height:1.1}.modal-action:hover{background:var(--ink);color:var(--paper-card)}.modal-action.primary{background:var(--accent-text);border-color:var(--accent-text);color:var(--paper-card)}.modal-action.primary:hover{filter:brightness(.85)}.modal-action.danger{border-color:#e05a5a;color:#e05a5a}.modal-action.danger:hover{background:#e05a5a;color:var(--paper-card)}.modal-status{flex:1;font-family:Caveat,cursive;font-size:18px;color:var(--muted)}.modal-status.error{color:var(--accent)}.modal-status.success{color:#4a7a4a}.key-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.key-input{flex:1;font-family:ui-monospace,JetBrains Mono,monospace;font-size:13px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);outline:none}.key-input:focus{border-color:var(--accent)}.key-input--masked{-webkit-text-security:disc;letter-spacing:2px}.key-toggle{font-family:Caveat,cursive;font-size:20px;background:none;border:1.5px solid var(--ink);border-radius:6px;width:36px;height:36px;cursor:pointer;color:var(--ink);opacity:.6;transition:opacity .12s}.key-toggle:hover{opacity:1}.key-hint{font-size:12px!important;margin-top:0!important}.key-hint a{color:var(--accent);text-decoration:none}.key-hint a:hover{text-decoration:underline}.modal-action:disabled{opacity:.35;pointer-events:none}.ai-panel{position:fixed;width:300px;z-index:7;font-family:Kalam,cursive}.ai-panel-card{position:relative;padding:0 22px 22px;min-height:200px;background:var(--paper-card);border-radius:8px;border:1.5px solid var(--ink);box-shadow:2px 3px #1f25331f}.ai-panel-header{padding:14px 32px 10px 22px;cursor:grab;border-radius:8px 8px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-panel-header.dragging{cursor:grabbing}.ai-drag-bar{width:36px;height:3px;background:var(--ink);opacity:.15;border-radius:2px;margin:0 auto 10px}.ai-panel-title{font-family:Caveat,cursive;font-size:28px;color:var(--ink);margin:0 0 6px;font-weight:700}.ai-panel-agent{font-family:Caveat,cursive;font-size:18px;color:var(--accent-text);margin:0}.ai-thinking{font-family:Kalam,cursive;font-size:14px;color:var(--ink-soft);line-height:1.55;max-height:180px;overflow-y:auto;margin-top:12px}.ai-thinking--empty{color:var(--muted);font-style:italic}.ai-thinking hr{border:none;border-top:1px dashed var(--muted);margin:8px 0}.ai-thinking strong{color:var(--ink);font-weight:700}.ai-thinking em{color:var(--muted)}.ai-suggestions{margin-top:14px;border-top:1.4px solid var(--ink);padding-top:10px}.ai-suggestion-item{margin-bottom:10px;padding:8px 10px;background:var(--paper);border-radius:6px;border:1px solid rgba(31,37,51,.15)}.ai-suggestion-kind{font-family:Caveat,cursive;font-size:16px;color:var(--muted)}.ai-suggestion-text{font-family:Kalam,cursive;font-size:14px;color:var(--ink);margin:2px 0 6px}.ai-suggestion-item .ai-suggestion-actions{margin-top:2px}.ai-suggestion-btn{font-family:Caveat,cursive;font-size:18px;background:transparent;border:1.4px solid var(--accent);color:var(--accent-text);padding:2px 12px;border-radius:16px;cursor:pointer}.ai-suggestion-btn:hover{background:var(--accent);color:var(--paper-card)}.ai-close-btn{position:absolute;top:10px;right:12px;font-family:Caveat,cursive;font-size:22px;color:var(--muted);background:transparent;border:none;cursor:pointer;line-height:1;z-index:1}.ai-close-btn:hover{color:var(--accent)}.agent-selector-backdrop{position:fixed;inset:0;background:#1f253380;display:flex;align-items:center;justify-content:center;z-index:25;padding:20px}.agent-selector{background:var(--paper-card);border-radius:10px;padding:28px 30px;max-width:680px;width:100%;transform:rotate(-.3deg);box-shadow:0 16px 48px #00000040}.agent-selector h2{font-family:Caveat,cursive;font-size:36px;color:var(--ink);margin:0 0 4px;font-weight:700}.agent-selector p{font-family:Kalam,cursive;font-size:14px;color:var(--muted);margin:0 0 20px}.agent-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agent-card{padding:16px 18px;border:1.6px solid var(--ink);border-radius:8px;cursor:pointer;background:var(--paper);transition:border-color .15s,box-shadow .15s;font-family:Kalam,cursive}.agent-card:hover{border-color:var(--accent);box-shadow:2px 3px #c4604a26}.agent-card.active{border-color:var(--accent);background:var(--accent-soft)}.agent-card-name{font-family:Caveat,cursive;font-size:26px;color:var(--ink);font-weight:700;margin:0 0 2px}.agent-card-tagline{font-family:Kalam,cursive;font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.4}.agent-card-select{font-family:Caveat,cursive;font-size:18px;background:transparent;border:1.4px solid var(--ink);color:var(--ink);padding:2px 12px;border-radius:16px;cursor:pointer}.agent-card-select:hover,.agent-card.active .agent-card-select{background:var(--accent);border-color:var(--accent);color:var(--paper-card)}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes chip-breathe{0%,to{opacity:1;transform:rotate(-1deg) scale(1)}50%{opacity:.72;transform:rotate(1deg) scale(1.04)}}.spin-icon{display:inline-block;animation:spin-cw 1s linear infinite}.chip-thinking{animation:chip-breathe 1.4s ease-in-out infinite!important}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{display:none}@media(hover:none)and (pointer:coarse){.hint{display:none}}@media(max-width:1100px){.side-note{position:fixed;inset:auto 0 0;width:100%;transform:none;z-index:20;animation:sheet-up .22s ease}.side-note-card{border-radius:18px 18px 0 0;min-height:0;max-height:65dvh;overflow:hidden;padding:0 24px env(safe-area-inset-bottom,0px);background:var(--paper-card);box-shadow:0 -6px 28px #00000029;transition:max-height .25s ease}.side-note-card-bg{display:none}.sheet-handle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0 12px;background:none;border:none;cursor:pointer;font-family:Caveat,cursive;color:var(--ink);text-align:left}.sheet-handle-bar{display:block;position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--ink);opacity:.18;border-radius:2px;flex-shrink:0}.sheet-handle-label{font-size:22px;color:var(--accent);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:14px}.sheet-handle-arrow{font-size:14px;color:var(--muted);margin-top:14px;flex-shrink:0}.side-note-content{padding-bottom:28px;transition:opacity .2s ease}.side-note.sheet-collapsed .side-note-card{max-height:60px}.side-note.sheet-collapsed .side-note-content{opacity:0;pointer-events:none}.hint{right:18px}.zoom-readout{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.toolbar{top:72px}.header,.toolbar{left:12px;right:12px}.tool-chip{font-size:20px;padding:4px 10px}.theme-picker-row{left:12px}}@media(max-width:800px){.toolbar{left:0;right:0;top:0;padding:env(safe-area-inset-top,0) 8px 6px;border-bottom:1px solid rgba(31,37,51,.1);box-shadow:0 2px 8px #00000014;z-index:10}.toolbar,.toolbar-more{background:var(--paper-card)}.tool-chip{min-height:44px;font-size:18px;padding:4px 12px}.tool-divider{display:none}.header{left:12px;right:12px;top:calc(56px + env(safe-area-inset-top,0px));flex-wrap:wrap;gap:8px}.header-em,.header-title{font-size:36px}.header-date{font-size:22px}.header-meta{font-size:16px;gap:8px}.hint{left:18px;right:18px;bottom:50px;font-size:15px}.zoom-readout{font-size:18px;right:12px}.agent-cards{grid-template-columns:1fr}}