@font-face{font-family:Sketch;src:url('vendor/patrick-hand.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
[hidden]{display:none!important}main{top:0}main #viewport{height:100dvh}
.flow-picker{display:flex;align-items:center;gap:0;padding-right:10px;margin-right:6px;border-right:1px solid #dce0e9}
.zoom .flow-picker button{font-size:14px;color:#78808c;padding:0 9px;white-space:nowrap}
.zoom .flow-picker button[aria-pressed=true]{color:#17573f;font-weight:600}
#summaryFlowView{position:absolute;left:0;top:0;width:1180px;height:925px}
.memory-sketch{display:block;width:1180px;height:925px;overflow:visible}
#chatgptFlowView{position:absolute;left:0;top:0;width:1550px;height:870px}
.chatgpt-sketch{display:block;width:1550px;height:870px;overflow:visible;font-family:Sketch,'Comic Sans MS',cursive}
.system-node{cursor:pointer}.system-node>rect:first-child,.system-core rect{stroke-width:2;rx:8;ry:6}.system-node:hover>rect:first-child{filter:brightness(.98);stroke-width:3}
.system-node text{font-size:18px;fill:#536584;pointer-events:none}.system-node .system-label{font-size:29px;fill:#13264b}.system-node .system-example{font-size:16px;fill:#263a5c}
.blue-node>rect:first-child{fill:#edf3ff;stroke:#3d78db}.purple-node>rect:first-child{fill:#f3ecff;stroke:#8555d0}.green-node>rect:first-child{fill:#e7f5e9;stroke:#32834c}.gold-node>rect:first-child{fill:#fff6e3;stroke:#ab813d}.pink-node>rect:first-child{fill:#fcf0f6;stroke:#ad6086}.slate-node>rect:first-child{fill:#f1f4fc;stroke:#7e90bd}.sites-node>rect:first-child{fill:#eaf8f7;stroke:#2f8b86}
.system-node .prompt-bubble{fill:#fff;stroke:#cbd5e3;stroke-width:1.2;rx:13;ry:13}.system-node .prompt-bubble:hover{stroke-width:1.2}
.system-core rect{fill:#13264b;stroke:#13264b}.system-core text{text-anchor:middle;fill:#fff}.core-title{font-size:40px}
.system-connectors .blue-line{stroke:#3d78db}.system-connectors .purple-line{stroke:#8555d0}.system-connectors .green-line{stroke:#32834c}.system-connectors .gold-line{stroke:#ab813d}.system-connectors .pink-line{stroke:#ad6086}.system-connectors .slate-line{stroke:#7e90bd}.system-connectors .sites-line{stroke:#2f8b86}
.combo-bubble rect{stroke-width:2;rx:22;ry:22}.combo-two rect{fill:url(#pluginJobFill);stroke:#b37a67}.combo-three rect{fill:url(#memoryPluginJobFill);stroke:#7f7f63}.combo-bubble text{font-size:21px;fill:#263a5c}.combo-pointer{fill:none;stroke-width:2.2;stroke-linecap:round}.gold-pointer{stroke:#ab813d}.pink-pointer{stroke:#ad6086}.green-pointer{stroke:#32834c}
.combo-edge{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.persona-portrait{mix-blend-mode:multiply;pointer-events:none}
.chatgpt-sketch .auto-message{display:inline-block;box-sizing:border-box;width:max-content;min-height:0;padding:7px 12px;font-family:Sketch,'Comic Sans MS',cursive;font-size:16px;line-height:20px;color:#263a5c;overflow-wrap:anywhere;vertical-align:top}
.message-copy{font-family:Sketch,'Comic Sans MS',cursive;font-size:14px;line-height:15px;min-height:28px;display:flex;align-items:center;color:#263a5c;overflow-wrap:break-word}
.chatgpt-sketch .combo-bubble text{font-size:16px}
.chatgpt-sketch .system-node .prompt-bubble,.chatgpt-sketch .combo-bubble rect{fill:url(#messageGlass);stroke:#bac8db;stroke-opacity:.65;stroke-width:1;rx:17px;ry:17px;filter:drop-shadow(0 2px 3px #263a5c12)}
.chatgpt-sketch .combo-two rect{fill:url(#pluginJobFill)}
.chatgpt-sketch .combo-three rect{fill:url(#memoryPluginJobFill)}
.persona-heading{font-size:30px;fill:#13264b}.persona-option{cursor:pointer}.persona-option rect{fill:#fff;stroke:#cbd5e3;stroke-width:1.6;rx:12;ry:12}.persona-option circle,.persona-option path{fill:none;stroke:#6576a0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.persona-option text{font-size:22px;fill:#263a5c}.persona-option .persona-place{font-size:17px;fill:#71809a}.persona-option:hover rect,.persona-option:focus-visible rect{stroke:#3d78db;stroke-width:2.4}.persona-option.selected rect{fill:#edf3ff;stroke:#3d78db;stroke-width:2.4}
.sketch-text{font-family:Sketch,'Comic Sans MS',cursive;font-size:24px;fill:#13264b}
.sketch-heading{font-size:36px}.sketch-label{font-size:26px}.sketch-note{font-size:21px;fill:#61759c}.yes-label{fill:#17673a}.purple-label{fill:#7137de}
.sketch-shape{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blue-shape{fill:#edf3ff;stroke:#3d78db}.green-shape{fill:#e7f5e9;stroke:#32834c}.purple-shape{fill:#f3ecff;stroke:#8555d0}.decision-shape{fill:#f1f4fc;stroke:#7e90bd}.second-stroke{fill:none;stroke-width:1.2;opacity:.8}
.summary-mode .zoom,.chatgpt-mode .zoom{font-family:Sketch,'Comic Sans MS',cursive}.summary-mode .zoom button,.summary-mode .zoom .flow-picker button,.summary-mode .zoom #fit,.chatgpt-mode .zoom button,.chatgpt-mode .zoom .flow-picker button,.chatgpt-mode .zoom #fit{font-size:18px}.summary-mode .zoom span,.chatgpt-mode .zoom span{font-size:17px}
@media(max-width:650px){.zoom .flow-picker button,.summary-mode .zoom .flow-picker button{font-size:14px;padding:0 5px}.flow-picker{padding-right:4px;margin-right:0}.zoom{gap:0}.zoom #fit{padding:0 5px}.zoom span{min-width:35px}.zoom button{min-width:30px}.zoom #fit,.summary-mode .zoom #fit{font-size:14px}}
/* Match the overview's working surface to the memory sketch. */
#map>.node,#map>.context,#map>.context button,.connections text{font-family:Sketch,'Comic Sans MS',cursive}
#map>.node,#map>.context,#map>.context .row{border:1.5px solid var(--accent,#7485a3);border-radius:3px 8px 4px 6px / 7px 3px 8px 4px;box-shadow:none}
#map>.node:after,#map>.context:after,#map>.context .row:after{content:'';position:absolute;inset:-2px 1px 1px -2px;border:1px solid var(--accent,#7485a3);border-radius:7px 3px 8px 4px / 3px 7px 4px 6px;transform:rotate(-.35deg);pointer-events:none;opacity:.65}
#map>.context .row{position:relative}
#map>.node h2{font-family:Sketch,'Comic Sans MS',cursive;font-size:23px;font-weight:400;letter-spacing:0;line-height:1.2}
#map>.node p{font-size:20px;line-height:1.25;color:#536584}
#map>.node .meta{font-size:18px;line-height:1.3}
#map>.node.top{padding:10px 13px}
#map>.node.top h2{margin-bottom:7px}
#map>.node.top hr{margin:7px 0}
#map>.node .number{font-size:20px}
#map>.context{background:#fcfcfdf5;padding:13px;--accent:#8190ad}
#map>.context .context-title{font-size:25px;font-weight:400;letter-spacing:0;padding-bottom:13px}
#map>.context .row{padding:8px 12px;margin-bottom:8px}
#map>.context .row:last-child{margin-bottom:0}
#map>.context .row b{font-size:22px;font-weight:400;line-height:1.2}
#map>.context .row span{font-size:18px;line-height:1.25}
#map>.context .row.optional,#map>.context .row.optional:after{border-style:dashed}
#map>.node:hover,#map>.context .row:hover{box-shadow:none;filter:brightness(.985)}
#map .green{--accent:#32834c;--bg:#eaf6ee}#map .purple{--accent:#8555d0;--bg:#f3ecff}#map .gold{--accent:#ab813d;--bg:#fff6e3}#map .blue{--accent:#3d78db;--bg:#edf3ff}#map .pink{--accent:#ad6086;--bg:#fcf0f6}
.connections text{font-size:17px;font-style:normal}
.zoom{font-family:Sketch,'Comic Sans MS',cursive}.zoom button,.zoom .flow-picker button,.zoom #fit{font-size:18px}.zoom span{font-size:17px}
@media(max-width:650px){.zoom .flow-picker button{font-size:14px}.zoom #fit{font-size:14px}}

#map>.context .context-title{transition:color .15s ease}
#map>.context .context-title:hover{color:#526a88}