:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#183044;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}main{max-width:94rem;margin:2rem auto;padding:clamp(1.25rem,3vw,3rem);background:#fff;border:8px solid #d6d4ca;border-radius:18px;box-shadow:inset 0 0 0 1px #b9b9af,0 12px 30px #1830440c}h1{font-family:Segoe Print,Trebuchet MS,sans-serif;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em;line-height:1.2;margin:0 0 2rem;padding-bottom:1.3rem;border-bottom:3px solid #183044}h2{font-size:1.6rem;letter-spacing:-.035em;line-height:1.3}h3{font-size:1.15rem}h4,h5,h6{font-size:1rem;margin-block:1.25rem .6rem}p{margin-block:.7rem}a{color:#15617c;text-underline-offset:.2em}section,article,form,label,nav{min-width:0}section,article{overflow-wrap:anywhere}button,input,textarea,select{font:inherit;color:inherit;border:1px solid #86938e;border-radius:5px;min-height:44px;max-width:100%;padding:.65rem .85rem}input,textarea,select{background:#fff;min-width:0}textarea{min-height:7rem;resize:vertical}button{cursor:pointer;background:#edf3ef;font-weight:600;line-height:1.35}button:hover:not(:disabled){background:#dcebe5;border-color:#356b65}button:disabled{cursor:not-allowed;color:#62716e;background:#efefeb}button+button{margin-left:.35rem}:focus-visible{outline:3px solid #156b88;outline-offset:3px}form{display:flex;align-items:end;gap:.8rem;margin:1rem 0;flex-wrap:wrap}label{display:grid;gap:.4rem;font-size:.95rem;font-weight:600}fieldset{min-width:0;width:100%;display:flex;flex-wrap:wrap;gap:.8rem;border:1px solid #c8cec4;border-radius:6px;padding:1rem}legend{padding-inline:.35rem}[role=alert]{color:#a12b28;border-left:3px solid;padding-left:.65rem}[role=status],time{color:#53615d;font-size:.9rem}.whiteboard{padding-block:1rem 2rem}.board-intro{color:#53615d;max-width:42rem}.project-row{display:flex;gap:1.25rem;overflow-x:auto;padding:1rem .5rem 1.5rem;scroll-snap-type:x proximity}.project-card{position:relative;flex:0 0 17rem;min-height:10rem;padding:2.4rem 1.5rem 1.5rem;border:1px solid #bfc8bc;border-top:4px solid #28736d;border-radius:3px;background:#fff;box-shadow:2px 4px #1830440a;font-size:1.5rem;font-weight:700;text-decoration:none;color:#183044;overflow-wrap:anywhere;scroll-snap-align:start}.project-card:before{content:"";position:absolute;width:2.5rem;height:.5rem;background:#dce4d9;top:.8rem;left:1.5rem}.project-card:hover{border-color:#28736d;background:#f7faed}.board-back{display:inline-flex;align-items:center;min-height:44px}.thread-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start}.thread-card{min-width:0;border:1px solid #d0d4c9;border-top:3px solid #3b7974;border-radius:5px;background:repeating-linear-gradient(#fff 0 31px,#e9ece41f 32px);padding:1rem}.thread-card:has(>button[aria-expanded=true]){grid-column:1 / -1}.thread-card>button{width:100%;text-align:left;font-size:1.1rem;background:transparent;border-color:transparent;padding:.35rem}.thread-card>button:after{content:"";float:right;width:.65rem;height:.65rem;margin:.3rem .3rem .3rem .7rem;border-right:2px solid #28736d;border-bottom:2px solid #28736d;transform:rotate(45deg)}.thread-card>button[aria-expanded=true]:after{content:"−"}.thread-card input,.thread-card textarea,.thread-card select{width:100%}.thread-card label{flex:1 1 15rem}.thread-card ul{padding-left:1.35rem}.thread-card li{margin-block:.7rem}.thread-card li>a{display:inline-flex;align-items:center;min-height:44px}.subthread{border-top:2px solid #bdc9bc;margin-top:1.5rem;padding-top:.5rem}.subthread>h3{font-size:1.4rem}.subthread>section{padding-block:.5rem 1rem}.subthread ul[aria-label=Notes],.task-list{list-style:none;padding:0}.subthread ul[aria-label=Notes]>li,.task-list>li{border:1px solid #d0d4c9;border-left:3px solid #8daca0;padding:1rem;background:#fff;border-radius:4px}.task-state{display:inline-block;font-size:.85rem;font-weight:600;background:#e7eee2;border:1px solid #b8cbb4;padding:.15rem .5rem;border-radius:4px;margin-left:.5rem}.task-editor{background:#f0f3ed;border:1px solid #bfcabc;border-radius:7px;padding:1rem}.task-editor>h4{flex-basis:100%;margin-top:0}.task-editor fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-editor label{width:100%}.task-editor label:has(textarea),.task-editor label:has(select){grid-column:1 / -1}.task-editor select[multiple]{min-height:7rem}.task-editor fieldset button{margin:0}.connections{border-top:1px dashed #8daca0;margin-top:1rem;padding-top:.5rem}.project-sequence ul{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0}.project-sequence li{border-left:3px solid #28736d;padding-left:.6rem}.profile{border-top:1px solid #d0d4c9;padding-top:1rem}.profile fieldset{width:auto}.profile label{display:flex;align-items:center;gap:.4rem;min-height:44px;padding-inline:.3rem}.profile .name-field{display:grid;align-items:stretch;width:min(100%,18rem)}.profile .name-field input{width:100%}.profile input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;accent-color:#156b88;padding:0}@media(max-width:1000px){.thread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{margin:1rem}}@media(max-width:600px){main{margin:.5rem;padding:1rem;border-width:4px;border-radius:10px}h1{margin-bottom:1.25rem}.project-row{flex-direction:column;overflow:visible;padding-inline:0}.project-card{flex:auto;min-height:7rem;padding-top:2rem}.thread-grid{display:block}.thread-card{margin-bottom:.8rem;padding:.75rem}.task-editor{padding:.65rem}.task-editor fieldset{grid-template-columns:minmax(0,1fr);padding:.65rem}.task-editor label{grid-column:1}.project-sequence ul{display:block}.project-sequence li{margin-block:.75rem}form>label{width:100%}form>label>input{width:100%}.subthread ul[aria-label=Notes]>li,.task-list>li{padding:.65rem}button+button{margin-left:0;margin-top:.35rem}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,border-color .15s}}.board-tools{border-top:2px solid #bdc9bc;margin-top:1rem;padding-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.board-tools .profile{border:0;padding:0}.board-tools>section{min-width:0}.board-tools>section[aria-label="Export board"]{grid-column:1 / -1}@media(max-width:600px){.board-tools{grid-template-columns:minmax(0,1fr)}}.project-item{flex:0 0 17rem;min-width:0;scroll-snap-align:start}.project-item .project-card{display:block}.project-item>button{margin-top:.5rem}[aria-label="Project connections"]{margin-block:1rem;overflow-wrap:anywhere}[aria-label="Project connections"]>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;padding-left:1.5rem}[aria-label="Project connections"] li p{margin-block:.4rem}@media(max-width:600px){.project-item{flex:auto}}:root{--marker-red: #c64b52;--marker-blue: #245b70;--marker-line: #d9797f;--board-white: #ffffff;color:#233943;background:#fff}main{position:relative;width:100%;max-width:none;min-height:100vh;margin:0;border-radius:0;background:var(--board-white);border-color:#d7dfe2;box-shadow:inset 0 0 0 2px #fff,0 8px 30px #26353c14}h1,.home-board>h2,.project-heading h2,.expanded-thread>h3,.branch-composer h4,.flow-section>h3{font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-weight:600;letter-spacing:-.045em}h1{color:var(--marker-red);border-bottom:3px solid var(--marker-red);padding-right:8rem}.home-board>h2{color:var(--marker-blue);font-size:clamp(1.55rem,3vw,2.2rem)}.board-intro{color:#4f5e61}.project-row{position:relative;gap:1.6rem}.project-item{position:relative}.project-item:before{content:"";position:absolute;top:5.6rem;left:-1.6rem;width:1.6rem;border-top:2px solid var(--marker-red)}.project-item:first-child:before{display:none}.project-card{border:2px solid var(--marker-red);border-radius:9px 13px 8px 12px;border-top-width:2px;color:var(--marker-blue);background:#fff;box-shadow:3px 3px #c64b521a;font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-size:1.45rem}.project-card:before{width:2.2rem;height:.15rem;top:1.35rem;left:1.5rem;background:var(--marker-red);transform:rotate(-4deg)}.project-card:hover{background:#fff7f5;border-color:#a9323b}.rename-trigger{min-height:44px;background:transparent;border:0;color:var(--marker-blue);font-size:.86rem;text-decoration:underline;text-underline-offset:.25em;padding-inline:.65rem}.rename-trigger:hover:not(:disabled){background:#e9f1f2;border-color:transparent}.project-heading{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1.1rem auto 2.6rem;width:fit-content;max-width:100%}.project-heading:after{content:"";position:absolute;top:calc(100% + .1rem);left:50%;height:2.1rem;border-left:2px solid var(--marker-red)}.project-heading h2{color:var(--marker-red);border:2px solid var(--marker-red);border-radius:10px 6px 12px 8px;box-shadow:2px 2px #c64b5217;padding:.8rem 1.6rem;margin:0;font-size:clamp(1.7rem,3vw,2.55rem);text-align:center;overflow-wrap:anywhere}.project-board>.board-intro{text-align:center;max-width:46rem;margin-inline:auto}.node-form{align-items:end}.node-form>label{min-width:min(100%,16rem)}.node-form>p[role=alert]{flex-basis:100%}.project-board>.node-form{justify-content:center;padding:.4rem 1rem 1.4rem;margin-bottom:1.6rem;border-bottom:2px solid #c64b5266}.project-board>.node-form button,.expanded-thread>.node-form button,.branch-composer .node-form button{color:#fff;border-color:var(--marker-red);background:var(--marker-red)}.project-board>.node-form button:hover:not(:disabled),.expanded-thread>.node-form button:hover:not(:disabled),.branch-composer .node-form button:hover:not(:disabled){background:#a9323b;border-color:#a9323b}.project-board>.node-form button:disabled,.expanded-thread>.node-form button:disabled,.branch-composer .node-form button:disabled{background:#d9c4c4;border-color:#d9c4c4;color:#4e4646}.thread-grid{position:relative;gap:1.5rem;padding-top:1rem}.thread-card{position:relative;border:2px solid var(--marker-red);border-radius:8px 12px 8px 11px;border-top-width:2px;background:#fff;box-shadow:2px 3px #c64b5214;padding:.8rem 1rem}.thread-card:before{content:"";position:absolute;left:50%;top:-1rem;height:1rem;border-left:2px solid var(--marker-red)}.thread-card>button:first-child{color:var(--marker-blue);font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-size:1.14rem;font-weight:600}.thread-card>button:first-child:after{border-color:var(--marker-red)}.thread-card:has(>button[aria-expanded=true]){background:#fff}.expanded-thread{border-top:1px dashed #cf9a9c;margin-top:.65rem;padding:.8rem .2rem .3rem}.expanded-thread>h3{color:var(--marker-red);font-size:1.25rem;text-align:center}.expanded-thread>.node-form{justify-content:center;margin-block:1.2rem}.branch-list{list-style:none;padding:0;margin:0}.expanded-thread>.branch-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:1.35rem;border-top:2px solid var(--marker-line);padding-top:1.3rem;margin-top:2rem}.expanded-thread>.branch-list>li{flex:1 1 15rem;max-width:22rem;margin:0}.branch-list li{position:relative;list-style:none;margin:.5rem 0}.expanded-thread>.branch-list>li:before{content:"";position:absolute;left:50%;top:-1.3rem;height:1.3rem;border-left:2px solid var(--marker-line)}.branch-list .branch-list{border-left:2px solid var(--marker-line);margin-left:1.1rem;padding:.35rem 0 .25rem 1.1rem}.branch-list .branch-list>li:before{content:"";position:absolute;left:-1.1rem;top:1.45rem;width:1.1rem;border-top:2px solid var(--marker-line)}.branch-node{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;min-width:0;padding:.4rem .55rem;border:2px solid var(--marker-line);border-radius:7px 10px 7px 9px;background:#fff}.branch-node.is-selected{border-color:var(--marker-blue);box-shadow:0 0 0 2px #245b7022}.branch-node>a{flex:1 1 8rem;color:var(--marker-blue);font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.branch-node>a:hover{text-decoration:underline}.branch-node>button:last-child{border-color:#a4bec5;color:var(--marker-blue);background:#f5fafa;font-size:.85rem}.branch-composer{border:1px dashed var(--marker-red);border-radius:9px;padding:.7rem 1rem;margin:1rem auto;max-width:42rem}.branch-composer h4{color:var(--marker-red);margin:.2rem 0}.branch-composer .node-form{margin-bottom:.3rem}.subthread{border-top:2px solid var(--marker-blue);margin-top:2rem;padding-top:1rem}.subthread>h3{color:var(--marker-blue);font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-size:1.5rem}.flow-section{border:2px dashed #c64b5280;border-radius:10px;margin-top:2rem;padding:1rem 1.35rem}.flow-section>h3{color:var(--marker-red);font-size:1.35rem;margin-top:.1rem}.account-menu{position:absolute;right:clamp(1.25rem,3vw,3rem);top:clamp(1.5rem,3vw,3rem);z-index:5}.account-menu details{position:relative}.account-menu summary{cursor:pointer;min-height:44px;padding:.65rem 1rem;border:2px solid var(--marker-blue);border-radius:8px;background:#fff;color:var(--marker-blue);font-weight:700}.account-menu details[open] summary{background:#eef6f7}.account-menu .profile{position:absolute;top:calc(100% + .4rem);right:0;width:min(30rem,calc(100vw - 2rem));max-height:min(75vh,48rem);overflow-y:auto;padding:1.15rem;border:2px solid var(--marker-blue);border-radius:10px;background:#fff;box-shadow:0 10px 30px #26353c25}.account-menu .profile h2{margin-top:0}.board-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:600px){h1{padding-right:0;margin-bottom:.7rem}.account-menu{position:relative;top:auto;right:auto;display:flex;justify-content:flex-end;margin-bottom:1rem}.account-menu details{width:100%}.account-menu summary{width:fit-content;margin-left:auto}.account-menu .profile{position:relative;width:100%;max-height:none;top:.4rem}.project-item:before{display:none}.project-heading{margin-top:.6rem}.thread-grid{padding-top:.6rem}.expanded-thread>.branch-list{display:block}.expanded-thread>.branch-list>li{max-width:none;margin-bottom:1rem}.branch-node>a{flex-basis:7rem}.flow-section{padding:.8rem}.board-tools{grid-template-columns:minmax(0,1fr)}}.box-board{min-height:65vh}.box-board .project-heading{margin-bottom:1.4rem}.box-board .project-heading:after{height:1.15rem}.root-add{display:flex;justify-content:center;margin:1.3rem auto 1.6rem}.box-plus{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid var(--marker-red);border-radius:50%;background:#fff;color:var(--marker-red);font-size:1.65rem;line-height:1;font-weight:400;box-shadow:2px 2px #c64b521a}.box-plus:hover{background:#fff0ee;border-color:#a9323b}.box-empty{text-align:center;color:#5a696b}.box-composer{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:.7rem;margin:1.2rem auto;padding:1rem;max-width:44rem;border:2px dashed #d9797f;border-radius:10px;background:#fff}.box-composer label{flex:1 1 14rem;font-weight:700}.box-composer input{width:100%}.box-tree,.box-tree-children{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0}.box-tree{border-top:2px solid #c64b5266;padding-top:1.3rem}.box-tree-item{position:relative;min-width:12rem;max-width:min(100%,20rem);list-style:none}.box-tree-children{position:relative;border-top:2px solid #c64b5266;margin-top:1.2rem;padding-top:1rem}.box-tree-children:before{content:"";position:absolute;top:-1.2rem;left:50%;height:1.2rem;border-left:2px solid var(--marker-red)}.box-node{display:grid;grid-template-columns:44px minmax(8rem,1fr) 44px;grid-template-rows:auto 44px;align-items:center;gap:.35rem}.box-center{grid-column:2;text-align:center}.box-frame{min-height:82px;border:2px solid var(--marker-red);border-radius:8px 12px 9px 11px;background:#fff;overflow-wrap:anywhere}.box-frame.is-active{background:#fff2ee;border-color:var(--marker-blue);box-shadow:0 0 0 3px #245b7020}.box-card{display:block;width:100%;min-height:48px;padding:.55rem .5rem .1rem;border:0;background:transparent;color:var(--marker-blue);font-family:Segoe Print,Marker Felt,Bradley Hand,cursive;font-size:1.15rem;overflow-wrap:anywhere}.box-card:hover{background:#fff3f0}.box-actions{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:0 .25rem .25rem}.box-actions .rename-trigger{margin:0}.box-minus{position:relative;display:inline-grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;margin:0;border:0;color:var(--marker-red);background:transparent;font-size:1.15rem;line-height:1}.box-minus:before{content:"";position:absolute;inset:7px;border:2px solid var(--marker-red);border-radius:50%}.box-minus:hover:not(:disabled){background:transparent;border-color:transparent}.box-minus:hover:before{background:#fff0ee}.box-plus-left{grid-column:1;grid-row:1}.box-plus-right{grid-column:3;grid-row:1}.box-plus-down{grid-column:2;grid-row:2;justify-self:center}.board-overview{display:block;margin:0 auto .5rem;border:0;background:transparent;color:var(--marker-blue);text-decoration:underline}.box-workspace-label{text-align:center;color:#607074;font-size:.9rem;margin:0 0 .7rem}.removed-boxes{margin:2rem auto 0;max-width:38rem;padding:.75rem 1rem;border:1px dashed #c64b5280;border-radius:8px}.removed-boxes summary{cursor:pointer;color:var(--marker-blue);font-weight:700}.removed-boxes ul{list-style:none;padding:0}.removed-boxes li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 0;border-bottom:1px solid #e2e6df}.box-remove-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#14242db8}.box-remove-overlay [role=dialog]{width:min(100%,33rem);padding:1.5rem;border:2px solid var(--marker-red);border-radius:12px;background:#fff;box-shadow:0 20px 60px #0004}.box-remove-overlay h3{margin-top:0;color:var(--marker-red)}.box-remove-overlay [role=dialog]>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem}.box-remove-overlay .confirm-remove{border-color:var(--marker-red);background:var(--marker-red);color:#fff}.box-workspace-tree{border-top:0;padding-top:0}.box-workspace{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;border-top:2px dashed #c64b5266}.box-notes{min-height:50vh}.box-notes .subthread section[aria-label="Notes and replies"]>form{align-items:end}.box-notes .subthread section[aria-label="Notes and replies"]>form>label{width:min(100%,55rem)}.box-notes .subthread section[aria-label="Notes and replies"] textarea{display:block;width:100%;min-height:12rem;background:repeating-linear-gradient(#fff 0 30px,#eef2ed 31px)}.box-workspace .subthread{border:0;margin-top:0}.box-workspace .subthread>h3{display:none}.box-media{min-width:0;padding-top:1rem;border-top:2px dashed #c64b5266}.box-media h3{color:var(--marker-blue)}.image-upload{display:inline-flex;flex-direction:column;gap:.4rem;font-weight:700}.asset-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin-block:1rem}.asset-gallery figure{min-width:0;margin:0;padding:.7rem;border:1px solid #b5c3c3;border-radius:8px;background:#fff}.asset-gallery figcaption{font-weight:700;overflow-wrap:anywhere}.asset-gallery img{display:block;width:100%;max-height:22rem;object-fit:contain;background:#fff}@media(max-width:760px){.box-workspace{gap:.6rem}.box-tree{gap:.8rem}.box-tree-item{width:100%;max-width:20rem}}