:root{--surface:#fff;--text:#1f2328;--border:#d0d7de;--accent:#2563eb;--danger:#c62828;--backdrop:#0006}[hidden]{display:none!important}.dialog-backdrop{z-index:1000;background:var(--backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);min-width:260px;max-width:min(420px,90vw);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 8px 24px #00000040}.dialog-message{margin:0 0 16px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-actions button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:6px 14px}.dialog-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-actions button.danger{color:#fff;background:var(--danger);border-color:var(--danger)}:root{--sticky-yellow:#fff3a3;--sticky-pink:#ffc9de;--sticky-blue:#bfe3ff;--sticky-green:#c8f0c0;--sticky-purple:#dccbff}.sticky{box-sizing:border-box;min-width:140px;min-height:100px;color:var(--text);background:var(--sticky-yellow);border-radius:4px;flex-direction:column;display:flex;position:absolute;box-shadow:0 2px 8px #0003}.sticky--yellow{background:var(--sticky-yellow)}.sticky--pink{background:var(--sticky-pink)}.sticky--blue{background:var(--sticky-blue)}.sticky--green{background:var(--sticky-green)}.sticky--purple{background:var(--sticky-purple)}.sticky-bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#00000014;border-radius:4px 4px 0 0;justify-content:flex-end;align-items:center;gap:6px;padding:4px 6px;display:flex}.sticky-tools{align-items:center;gap:4px;display:flex}.sticky-colors{gap:4px;margin-right:2px;display:flex}.sticky-dot{cursor:pointer;border:1px solid #00000059;border-radius:3px;width:14px;height:14px;padding:0}.sticky-palette{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;padding:2px;display:flex}.sticky-palette:hover,.sticky-palette[aria-expanded=true]{opacity:1}.sticky-dot--yellow{background:var(--sticky-yellow)}.sticky-dot--pink{background:var(--sticky-pink)}.sticky-dot--blue{background:var(--sticky-blue)}.sticky-dot--green{background:var(--sticky-green)}.sticky-dot--purple{background:var(--sticky-purple)}.sticky-delete{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.sticky-dot:focus-visible,.sticky-palette:focus-visible,.sticky-delete:focus-visible,.sticky-text:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sticky-body{overflow-wrap:anywhere;cursor:text;flex:1;min-height:0;padding:8px;overflow:auto}.sticky.dragging,.sticky.dragging *{-webkit-user-select:none;user-select:none}.sticky-body>:first-child{margin-top:0}.sticky-body>:last-child{margin-bottom:0}.sticky-body pre{overflow-x:auto}.sticky.selected{outline:2px dashed var(--accent);outline-offset:2px}.sticky-text{box-sizing:border-box;width:100%;height:100%;font:inherit;color:inherit;resize:none;background:0 0;border:0;outline:none;padding:0}.sticky-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 50%,#00000059 50%);border-radius:0 0 4px;width:16px;height:16px;position:absolute;bottom:0;right:0}.sticky.editing{outline:2px solid var(--accent);outline-offset:2px}.sticky-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.sticky-body pre code.hljs{border-radius:3px;padding:6px}html,body{height:100%;margin:0}body{color:var(--text);background:#f3f1ec;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}#app{flex-direction:column;min-height:100%;display:flex}.toolbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.toolbar button,.selection-bar button{white-space:nowrap;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:6px 14px}.toolbar button:hover{background:#f6f8fa}.toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{color:#5c3b00;background:#fff4d6;border-bottom:1px solid #e8c66b;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.banner-dismiss{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:18px;line-height:1}.board{z-index:0;flex:1;position:relative}.marquee{border:1px solid var(--accent);pointer-events:none;z-index:999;background:#2563eb1a;position:absolute}.board.selecting{-webkit-user-select:none;user-select:none}.selection-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-left:16px;display:flex}.selection-bar[hidden]{display:none}.selection-colour{align-items:center;gap:4px;display:flex}.selection-colors{gap:4px;display:flex}.selection-colors[hidden]{display:none}.selection-bar .sticky-dot{border-color:#00000059;border-radius:3px;padding:0}.selection-bar .sticky-dot--yellow{background:var(--sticky-yellow)}.selection-bar .sticky-dot--pink{background:var(--sticky-pink)}.selection-bar .sticky-dot--blue{background:var(--sticky-blue)}.selection-bar .sticky-dot--green{background:var(--sticky-green)}.selection-bar .sticky-dot--purple{background:var(--sticky-purple)}.selection-palette{align-items:center;display:flex}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}