:root{--paper:#f7f5ef;--ink:#1f1d18;--ink-2:#4a4742;--ink-3:#807c75;--ink-4:#b4afa6;--rule:#2a2823;--rule-soft:#d8d2c5;--hl:#ffe27a;--hl-2:#c7e7ff;--hl-3:#ffc9bd;--accent:#2c5fa0;--accent-2:#b13c2a;--green:#2e7d4f}.wf-stage{min-height:100vh;color:var(--ink);background:#ece7db;justify-content:center;align-items:flex-start;padding:48px 24px;font-family:Inter,system-ui,sans-serif;display:flex}.wf-stage-mobile{background:#ece7db;justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px;display:flex}.wf-proto-label{color:var(--accent-2);margin-bottom:16px;font-family:Caveat,cursive;font-size:20px;font-weight:500}.wf{background:var(--paper);color:var(--ink);border:1.5px solid var(--rule);box-sizing:border-box;border-radius:4px;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.wf *{box-sizing:border-box}.hand{letter-spacing:.005em;font-family:Caveat,cursive;font-weight:500}.hand-tight{font-family:Kalam,cursive;font-weight:400}.stamp{font-family:Architects Daughter,cursive}.mono{font-family:JetBrains Mono,monospace}.wf .row{display:flex}.wf .col{flex-direction:column;display:flex}.wf-hdr{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;display:flex}.wf-hdr .crumb{color:var(--ink-3);align-items:center;gap:8px;font-size:11px;display:flex}.wf-hdr .crumb .sq{border:1.2px solid var(--ink);flex-shrink:0;width:14px;height:14px;display:inline-block}.wf-hdr h1{color:var(--ink);margin:4px 0 0;font-family:Caveat,cursive;font-size:30px;font-weight:600;line-height:1}.wf-hdr .meta{color:var(--ink-3);gap:14px;font-size:11px;display:flex}.pill{border:1px solid var(--rule);color:var(--ink-2);white-space:nowrap;background:#ffffff80;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:inline-flex}.pill .dot{background:var(--ink);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill.active{background:var(--ink);color:var(--paper)}.pill.active .dot{background:var(--paper)}.pill.hl{background:var(--hl);border-color:var(--ink)}.tabs{border-bottom:1px solid var(--rule);flex-shrink:0;gap:0;display:flex}.tab{color:var(--ink-3);cursor:default;white-space:nowrap;border-bottom:2px solid #0000;padding:9px 14px;font-size:11px}.tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.card{border:1px solid var(--rule);background:#ffffff73;border-radius:3px;padding:12px 14px}.card.sketch{border-style:dashed}.ph-lines{flex-direction:column;gap:6px;display:flex}.ph-lines .ln{background:var(--ink-4);opacity:.55;border-radius:2px;height:7px}.ph-lines .ln.s{width:90%}.ph-lines .ln.m{width:75%}.ph-lines .ln.l{width:60%}.ph-lines .ln.xs{width:40%}.hl-text{background:var(--hl);padding:0 3px}.hl-text.blue{background:var(--hl-2)}.hl-text.red{background:var(--hl-3)}.lbl{color:var(--ink);letter-spacing:.01em;font-family:Caveat,cursive;font-size:21px;font-weight:600;line-height:1}.lbl-small{color:var(--ink-2);font-family:Caveat,cursive;font-size:17px;font-weight:500}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:600}.ts{color:var(--accent);border:1px solid var(--accent);white-space:nowrap;background:#2c5fa00f;border-radius:3px;align-items:center;gap:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:inline-flex}.ts:before{content:"▸";font-size:8.5px}.spkr{color:var(--ink-2);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.spkr .av{background:var(--ink-4);border:1px solid var(--rule);width:18px;height:18px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8.5px;font-weight:600;display:inline-flex}.annot{pointer-events:none;position:absolute}.annot .note{color:var(--accent-2);font-family:Caveat,cursive;font-size:16px;font-weight:500;line-height:1.05}.empty{border:1.5px dashed var(--ink-4);color:var(--ink-3);background:repeating-linear-gradient(45deg,#0000 0 8px,#00000006 8px 10px);border-radius:4px;padding:12px 14px;font-size:11px}.empty .empty-h{color:var(--ink-2);margin-bottom:2px;font-family:Caveat,cursive;font-size:16px}.vid{aspect-ratio:16/9;border:1px solid var(--rule);color:var(--paper);background:linear-gradient(135deg,#0000000f 0 50%,#0000 50% 100%),repeating-linear-gradient(45deg,#0000000a 0 6px,#0000 6px 12px),#1f1d18;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.vid:after{content:"▶";width:38px;height:38px;color:var(--ink);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.vid .vlbl{color:#ffffffd9;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;bottom:6px;left:8px}.vid.empty-vid:after{content:""}.vid.empty-vid{border:1.5px dashed var(--ink-4);color:var(--ink-3);aspect-ratio:unset;background:repeating-linear-gradient(45deg,#0000000d 0 8px,#00000005 8px 16px)}.sent{border:1px solid var(--rule);border-radius:999px;height:8px;display:flex;overflow:hidden}.sent .pos{background:var(--hl-2)}.sent .neu{background:var(--rule-soft)}.sent .neg{background:var(--hl-3)}.vrule{background:var(--rule);align-self:stretch;width:1px}.hrule{background:var(--rule);height:1px}.hrule.dashed{border-top:1px dashed var(--ink-4);background:0 0;height:0}.tag{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);white-space:nowrap;border-radius:2px;padding:2px 6px;font-size:10px;display:inline-block}.tag.hot{background:var(--hl);border-color:var(--ink)}.search{border:1.2px solid var(--rule);background:#fff9;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search:before{content:"⌕";color:var(--ink-3);font-size:14px}.search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:12px}.vtl{position:relative}.vtl:before{content:"";background:var(--ink-4);width:1px;position:absolute;top:4px;bottom:4px;left:11px}.vtl-node{padding-bottom:18px;padding-left:32px;position:relative}.vtl-node:before{content:"";background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:6px}.vtl-node.now:before{background:var(--ink)}.htl{align-items:center;gap:0;padding:18px 12px 24px;display:flex;position:relative}.htl:before{content:"";background:var(--ink-4);height:1.5px;position:absolute;top:28px;left:12px;right:12px}.htl-node{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.htl-node .knob{background:var(--paper);border:1.5px solid var(--ink);z-index:1;border-radius:50%;width:14px;height:14px}.htl-node.now .knob{background:var(--ink)}.htl-node .when{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:9.5px}.htl-node .what{color:var(--ink);text-align:center;max-width:100%;font-family:Caveat,cursive;font-size:14px;line-height:1.05}.status{border:1px solid var(--rule);background:var(--hl);border-radius:3px;align-items:center;gap:12px;padding:10px 14px;display:flex}.status .badge{border:1.2px solid var(--ink);background:var(--paper);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:2px 8px;font-family:Architects Daughter,cursive;font-size:11px}.scribble{display:inline-block;position:relative}.scribble:after{content:"";background:var(--accent-2);opacity:.55;border-radius:2px;height:3px;position:absolute;bottom:-3px;left:-2px;right:-2px;transform:skewY(-1deg)}.quote{color:var(--ink);border-left:2px solid var(--ink);padding-left:8px;font-family:Caveat,cursive;font-size:16px;line-height:1.15}.quote .who{color:var(--ink-3);margin-top:2px;font-family:Inter,system-ui,sans-serif;font-size:10px;display:block}.btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex}.btn.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.av-list{display:flex}.av-list .av{border:1.5px solid var(--paper);background:var(--ink-4);width:22px;height:22px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:9px;font-weight:600;display:inline-flex}.av-list .av:first-child{margin-left:0}.marker-box{border:2px solid var(--ink);background:#fff9;border-radius:6px 4px 7px 5px/5px 7px 4px 6px}