@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62.5..125,400..900&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,sans-serif;color:#eaf2e8;background:#0b1516;font-synthesis:none;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;height:100%;min-height:560px;position:relative;overflow:clip;background:radial-gradient(circle at 55% 32%,#132323,#0b1516 56%,#091112)}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.2}.ambient-one{width:360px;height:360px;background:#668d59;top:-250px;left:18%}.ambient-two{width:280px;height:280px;background:#518987;bottom:-170px;right:9%}.topbar{height:78px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;padding:0 32px;gap:34px;border-bottom:1px solid #203133;background:#091314c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;min-width:174px}.brand-mark{width:37px;height:37px;border:1px solid #b4e96d;border-radius:11px;color:#c9f77b;display:grid;place-items:center;box-shadow:0 0 21px #b8fa5930}.brand-copy{display:flex;flex-direction:column;line-height:1.04}.brand-name{font-family:Space Grotesk,sans-serif;font-size:19px;letter-spacing:-.07em;font-weight:500}.brand-name strong{font-weight:700;color:#c7f579}.brand-caption{margin-top:4px;font-size:8px;font-weight:700;letter-spacing:.23em;color:#829896}.board-identity{height:40px;display:flex;align-items:center;gap:10px;min-width:0;color:#819695}.breadcrumb{white-space:nowrap;font-size:12px}.breadcrumb span{margin-left:10px;color:#526968}.board-identity input{border:0;outline:0;color:#eaf2e8;background:transparent;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;width:210px;max-width:23vw}.board-identity input:focus{border-bottom:1px solid #c8f575}.board-identity svg{color:#869d99}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.save-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#92aa9e;white-space:nowrap;margin-right:15px}.save-status svg{color:#c8f575}.top-separator,.toolbar-divider{width:1px;height:24px;background:#2c3b3c;margin:0 8px}.share-button{height:36px;margin-left:7px;padding:0 15px;border:1px solid #abdb66;background:#bced72;color:#18271d;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .15s,background .15s}.share-button:hover,.primary-action:hover{background:#d3ff92;transform:translateY(-1px)}.canvas-wrap{position:absolute;inset:78px 0 0;overflow:hidden}.canvas-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#8eba8c0b 1px,transparent 1px),linear-gradient(to bottom,#8eba8c0b 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,black 20%,transparent 83%);mask-image:radial-gradient(ellipse at 50% 45%,black 20%,transparent 83%)}.canvas-wrap canvas{cursor:crosshair}.tool-select canvas{cursor:default}.tool-pan canvas{cursor:grab}.tool-pan canvas:active{cursor:grabbing}.tool-erase canvas{cursor:cell}.canvas-heading{position:absolute;top:38px;left:38px;display:flex;flex-direction:column;gap:7px;pointer-events:none;color:#91a9a2;font-size:13px}.eyebrow{font-size:9px;letter-spacing:.23em;color:#bceb77;font-weight:700}.canvas-heading>span:last-child{font-family:Space Grotesk,sans-serif;font-size:16px;color:#d4e3d4;letter-spacing:-.035em}.view-controls{position:absolute;top:29px;right:30px;height:42px;display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #304446;border-radius:11px;background:#112021d9;box-shadow:0 12px 32px #0003}.view-controls span{font-size:11px;min-width:40px;text-align:center;color:#b6c9bd}.view-controls .icon-button{width:30px;height:30px;font-size:17px}.canvas-footer{position:absolute;left:34px;bottom:31px;font-size:9px;color:#718b81;letter-spacing:.2em;font-weight:700;display:flex;align-items:center;gap:9px;pointer-events:none}.pulse{width:6px;height:6px;border-radius:50%;background:#aade71;box-shadow:0 0 10px #aade71}.footer-divider{color:#4e6760}.toolbar{position:absolute;z-index:6;bottom:25px;left:50%;transform:translate(-50%);height:57px;padding:7px 9px;display:flex;align-items:center;gap:3px;border:1px solid #385149;border-radius:17px;background:#142325ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 45px #0008,0 0 20px #b7ec2014}.toolbar-section{display:flex;align-items:center;gap:2px}.icon-button{border:0;background:transparent;color:#a6bab0;width:39px;height:39px;display:grid;place-items:center;border-radius:10px;transition:color .15s,background .15s,transform .15s}.icon-button:hover:not(:disabled){color:#f4faec;background:#2a3c3c;transform:translateY(-1px)}.icon-button.active{color:#1e311f;background:#c9f77b;box-shadow:0 4px 14px #a5ee5b33}.icon-button:disabled{opacity:.3;cursor:not-allowed}.toolbar .map-button{color:#d4ecbe}.toolbar .map-button:hover{color:#d9f9b6}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid #24312a;box-shadow:0 0 0 2px #b9d3a0;display:block}.color-anchor{position:relative}.color-popover{position:absolute;bottom:50px;left:50%;transform:translate(-50%);padding:9px;display:flex;gap:9px;background:#182a2a;border:1px solid #3e5650;border-radius:12px;box-shadow:0 12px 32px #0008}.color-popover button{width:24px;height:24px;border:0;border-radius:50%}.color-popover button.chosen{outline:2px solid white;outline-offset:3px}.topic-actions{position:absolute;right:30px;top:86px;display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #344d46;background:#172827ed;border-radius:12px;box-shadow:0 18px 35px #0004}.topic-actions button{display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;color:#d3e2d5;border-radius:7px;padding:8px 10px;font-size:11px;white-space:nowrap}.topic-actions button:hover{background:#30473e}.topic-actions kbd{margin-left:auto;color:#acc778;border:1px solid #506448;padding:2px 5px;border-radius:4px;font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#061012b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center}.text-editor,.help-modal{background:#152525;border:1px solid #3d554f;box-shadow:0 24px 80px #000a;border-radius:20px}.text-editor{width:min(430px,90vw);padding:25px;display:flex;flex-direction:column;gap:15px}.text-editor label{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.text-editor input{width:100%;height:49px;background:#0d1a1b;border:1px solid #4c6955;border-radius:9px;color:#f2f7ef;padding:0 13px;outline:none}.text-editor input:focus{border-color:#c8f575}.text-editor>div{display:flex;justify-content:space-between;align-items:center}.text-editor>div span{font-size:11px;color:#819a8b}.text-editor button,.primary-action{background:#c8f575;color:#17251c;border:0;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px}.help-modal{width:min(620px,92vw);max-height:90vh;overflow:auto;padding:27px}.help-head{display:flex;align-items:center;justify-content:space-between}.help-modal h2{font-family:Space Grotesk,sans-serif;font-size:31px;letter-spacing:-.06em;margin:12px 0 9px}.help-modal>p{max-width:480px;color:#9fb7ac;font-size:13px;line-height:1.6;margin:0 0 26px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-grid>div{display:flex;flex-direction:column;gap:9px;border:1px solid #30483e;border-radius:12px;padding:17px;background:#182b28}.help-grid svg{color:#c8f575}.help-grid strong{font-family:Space Grotesk,sans-serif;font-size:14px}.help-grid span{font-size:11px;color:#9db4a9;line-height:1.5}.help-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.help-links{display:flex;gap:12px}.text-link{background:none;border:0;color:#91a99c;font-size:11px;text-decoration:underline}.primary-action{display:flex;align-items:center;gap:8px}@media(max-width:760px){.topbar{padding:0 15px;gap:14px}.brand{min-width:0}.brand-caption,.breadcrumb,.top-separator,.save-status,.top-actions>.icon-button{display:none}.board-identity input{max-width:34vw;font-size:12px}.share-button{padding:0 9px}.canvas-heading{left:20px;top:24px}.view-controls{right:15px;top:20px}.toolbar{max-width:calc(100vw - 12px);height:52px;bottom:12px;padding:5px;gap:0}.toolbar .icon-button{width:32px;height:34px}.toolbar-section{gap:0}.toolbar-divider{margin:0 3px}.canvas-footer{bottom:84px;left:17px}.topic-actions{top:auto;bottom:82px;right:12px}.help-grid{grid-template-columns:1fr}}.topic-quick-actions{position:absolute;z-index:8;pointer-events:none}.topic-quick-actions button{position:absolute;pointer-events:auto;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #a7da67;background:#bdec78;color:#193023;box-shadow:0 5px 16px #0008;transition:transform .15s}.topic-quick-actions button:hover{transform:scale(1.1)}.topic-quick-actions .quick-child{left:calc(100% + 9px);top:calc(50% - 15px)}.topic-quick-actions .quick-sibling{left:calc(50% - 15px);top:calc(100% + 9px)}.inline-editor{position:absolute;z-index:9;border:2px solid var(--edit-color);border-radius:13px;background:#21342f;box-shadow:0 0 0 5px #c8f57524,0 12px 28px #0008;padding:0 14px 0 19px;display:flex;align-items:center}.inline-editor input{display:block;width:100%;height:100%;border:0;outline:0;background:transparent;color:#f4f8f2;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;min-width:0}.inline-editor input::placeholder{color:#9db5a4;font-weight:400}.inline-editor.free-text-editor{background:#152525;border-radius:7px;padding-left:8px}.endpoint-control{position:absolute;z-index:10;width:29px;height:29px;border-radius:50%;border:1px solid #a9c8b6;background:#223332;color:#dce8db;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0009;transition:transform .15s,background .15s}.endpoint-control:hover{transform:translate(-50%,-50%) scale(1.16)}.endpoint-control.bound{background:#c8f575;border-color:#e5ffbb;color:#1c3021}.connect-hint{position:absolute;z-index:11;top:85px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;background:#20362f;border:1px solid #91bf6f;box-shadow:0 12px 30px #0008;color:#e3f0dc;font-size:12px;white-space:nowrap}.connect-hint svg{color:#c8f575}.connect-hint button{background:transparent;border:0;color:#c8f575;text-decoration:underline;font-size:11px}.snap-symbol{position:absolute;z-index:7;transform:translate(16px,-24px);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#193123;background:#c8f575;box-shadow:0 4px 12px #0008;pointer-events:none}.canvas-wrap{background:radial-gradient(circle at 55% 32%,#132323,#0b1516 56%,#091112)}.canvas-heading{display:none}.topic-quick-actions button{background:#1b303b;border:2px solid #7195ff;color:#dce6ff;box-shadow:0 4px 14px #3b63c42a}.topic-quick-actions .quick-child{left:calc(100% + 32px);top:calc(50% - 15px)}.topic-quick-actions .quick-sibling{left:calc(50% - 15px);top:calc(100% + 5px)}.inline-editor.topic-editor{border:0;border-bottom:2px solid #7195ff;border-radius:0;background:#0b1516;box-shadow:none;padding:0}.inline-editor.topic-editor input{font-family:DM Sans,sans-serif;color:#edf4eb;font-size:27px;font-weight:400}.inline-editor.topic-editor input::placeholder{color:#8590a2}.inline-editor.topic-editor:has(input){min-width:110px}.inline-editor.topic-editor.root-editor input{font-size:31px;font-weight:700}.right-panning canvas{cursor:grabbing!important}.inline-editor.shape-editor{border:1px solid var(--edit-color);border-radius:9px;background:#10201fe8;box-shadow:0 0 0 3px #c8f57524;padding:0 9px}.inline-editor.shape-editor input{text-align:center;font-family:DM Sans,sans-serif;font-size:17px;font-weight:500}.tool-button{position:relative}.tool-button .tool-shortcut{position:absolute;right:3px;bottom:2px;min-width:10px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;line-height:1;color:#93a7a0;text-align:center;pointer-events:none}.tool-button.active .tool-shortcut{color:#31532b}.tool-button:hover .tool-shortcut{color:#eaf2e8}:root{--ff-midnight:#1A1A2E;--ff-deep:#0F0F1D;--ff-soft:#2A2A45;--ff-paper:#F5F0EB;--ff-ocre:#E6A800;--ff-ocre-soft:#F2C545;--ff-muted:#A8A6B0;font-family:Archivo,sans-serif;color:var(--ff-paper);background:var(--ff-midnight)}.app-shell,.canvas-wrap{background:radial-gradient(circle at 52% 31%,#24243a 0%,var(--ff-midnight) 55%,var(--ff-deep) 100%)}.ambient-one{background:var(--ff-ocre);opacity:.08}.ambient-two{background:#55507c;opacity:.12}.topbar{background:#1a1a2ee6;border-bottom-color:#f5f0eb1a}.brand{min-width:224px}.brand-mark{width:39px;height:39px;border:0;border-radius:0;box-shadow:none;overflow:hidden;flex:none}.brand-mark img{display:block;width:39px;height:39px}.brand-name{font-family:Archivo,sans-serif;font-weight:900;font-size:16px;letter-spacing:-.035em;font-stretch:78%;font-variation-settings:"wdth" 78;white-space:nowrap;color:var(--ff-paper)}.brand-caption{font-family:JetBrains Mono,monospace;letter-spacing:.07em;font-size:8px;color:var(--ff-ocre-soft);margin-top:5px}.board-identity,.breadcrumb{color:#aaa7b9}.breadcrumb span{color:#777489}.board-identity input{font-family:Archivo,sans-serif;color:var(--ff-paper)}.board-identity input:focus{border-bottom-color:var(--ff-ocre)}.board-identity svg{color:#a7a4b6}.save-status{color:#a9a6b6}.save-status svg{color:var(--ff-ocre)}.top-separator,.toolbar-divider{background:#f5f0eb20}.share-button,.primary-action{background:var(--ff-ocre);border-color:var(--ff-ocre);color:var(--ff-midnight);font-family:Archivo,sans-serif;font-weight:800;font-variation-settings:"wdth" 78;text-transform:uppercase}.share-button:hover,.primary-action:hover{background:var(--ff-ocre-soft)}.canvas-grid{background-image:linear-gradient(to right,#f5f0eb0b 1px,transparent 1px),linear-gradient(to bottom,#f5f0eb0b 1px,transparent 1px)}.canvas-footer{font-family:JetBrains Mono,monospace;color:#9a97a8}.pulse{background:var(--ff-ocre);box-shadow:0 0 10px #e6a80077}.footer-divider{color:#a4a0b0}.view-controls,.toolbar{background:#24243bef;border-color:#f5f0eb24;box-shadow:0 16px 45px #08081180}.view-controls span{color:#ccc6cf}.icon-button{color:#bdb9c8}.icon-button:hover:not(:disabled){color:var(--ff-paper);background:#3a3954}.icon-button.active{color:var(--ff-midnight);background:var(--ff-ocre);box-shadow:0 4px 14px #e6a80033}.toolbar .map-button{color:var(--ff-ocre-soft)}.toolbar .map-button:hover{color:var(--ff-paper)}.tool-button .tool-shortcut{font-family:JetBrains Mono,monospace;color:#a9a4b5}.tool-button.active .tool-shortcut{color:#4c3900}.tool-button:hover .tool-shortcut{color:var(--ff-paper)}.color-swatch{border-color:var(--ff-midnight);box-shadow:0 0 0 2px #c6b47e}.color-popover{background:#24243b;border-color:#f5f0eb30}.topic-quick-actions button{background:var(--ff-midnight);border-color:var(--ff-ocre);color:var(--ff-ocre-soft);box-shadow:0 4px 14px #e6a80026}.inline-editor.topic-editor{border-bottom-color:var(--ff-ocre);background:var(--ff-midnight)}.inline-editor.topic-editor input{font-family:Archivo,sans-serif;color:var(--ff-paper)}.inline-editor.shape-editor,.inline-editor.free-text-editor{background:#222238ed}.inline-editor.shape-editor input{font-family:Archivo,sans-serif;font-weight:500;color:var(--ff-paper)}.endpoint-control{background:#2a2a45;border-color:#c4b986;color:var(--ff-paper)}.endpoint-control.bound{background:var(--ff-ocre);border-color:var(--ff-ocre-soft);color:var(--ff-midnight)}.connect-hint{background:#24243b;border-color:var(--ff-ocre);color:var(--ff-paper)}.connect-hint svg,.connect-hint button{color:var(--ff-ocre-soft)}.snap-symbol{background:var(--ff-ocre);color:var(--ff-midnight)}.modal-backdrop{background:#0f0f1dcc}.text-editor,.help-modal{background:#24243b;border-color:#f5f0eb2b}.help-grid>div{background:#2a2a45;border-color:#f5f0eb20}.help-grid svg,.help-head .eyebrow{color:var(--ff-ocre)}.help-grid span,.help-modal>p{color:#c5c0ce}.text-link{color:#c6bfcb}.inline-editor input,.text-editor input,.help-modal h2,.help-grid strong,.text-editor label{font-family:Archivo,sans-serif}.eyebrow{font-family:JetBrains Mono,monospace;color:var(--ff-ocre)}@media(max-width:760px){.brand{min-width:0}.brand-name{font-size:13px}.toolbar .tool-button .tool-shortcut{font-size:8px;right:1px;bottom:1px}}.toolbar{max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#e6a80077 transparent}.toolbar-section,.toolbar-divider,.color-anchor{flex:none}.icon-button:focus-visible,.share-button:focus-visible,.primary-action:focus-visible,.text-link:focus-visible,.topic-quick-actions button:focus-visible,.endpoint-control:focus-visible,.color-popover button:focus-visible{outline:2px solid var(--ff-ocre-soft);outline-offset:2px}.board-identity input:focus-visible,.inline-editor input:focus-visible{outline:2px solid var(--ff-ocre-soft);outline-offset:2px}@media(max-width:760px){.toolbar{width:calc(100vw - 16px);justify-content:flex-start}.toolbar .icon-button{flex:none}.share-button{font-size:10px}.canvas-footer{max-width:calc(100vw - 34px);line-height:1.4}}.color-popover-floating{position:absolute;z-index:12;bottom:92px;left:50%;transform:translate(-50%)}@media(max-width:760px){.color-popover-floating{bottom:76px}}@media(max-width:560px){.topbar{gap:8px;padding:0 12px}.brand{flex:none}.brand-name,.brand-caption,.board-identity svg{display:none}.brand-mark,.brand-mark img{width:31px;height:31px}.board-identity{flex:1;min-width:0}.board-identity input{width:100%;max-width:none;text-overflow:ellipsis}.top-actions{flex:none;margin-left:0}.share-button{margin-left:0;padding:0 7px;font-size:9px;max-width:73px;text-align:center}.share-button svg{display:none}}.help-external-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;padding-top:15px;border-top:1px solid #f5f0eb20;font-size:12px}.help-external-links a{color:var(--ff-ocre-soft);text-underline-offset:3px}.help-external-links a:focus-visible{outline:2px solid var(--ff-ocre-soft);outline-offset:3px}.help-external-links span{color:#c5c0ce}@media(max-width:560px){.canvas-footer{display:none}}