:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#172b4d;--text-subtle:#44546f;--board-bg:#0079bf;--header-bg:#0000003d;--header-text:#fff;--list-bg:#f1f2f4;--card-bg:#fff;--shadow-raised:0 1px 1px #091e4240, 0 0 1px #091e424f;--shadow-overlay:0 8px 12px #091e4226, 0 0 1px #091e424f;--button-bg:#091e420f;--button-bg-hover:#091e4224;--primary-bg:#0c66e4;--primary-bg-hover:#05c;--primary-text:#fff;--input-border:#8590a2;--focus-ring:#0c66e4;--drop-list-bg:#e2e5ea;--drop-outline:#0c66e4;--gap-bg:#091e4214;--gap-border:#091e4259;--dragging-opacity:.4;--label-green:#4bce97;--label-yellow:#f5cd47;--label-orange:#fea362;--label-red:#f87168;--label-purple:#9f8fef;--label-blue:#579dff;--space-1:4px;--space-2:8px;--space-3:12px;--page-gutter:24px;--radius-list:12px;--radius-card:8px;--list-width:272px;--empty-list-height:40px;color:var(--text);background:var(--board-bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:20px}*,:before,:after{box-sizing:border-box}body{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--page-gutter);background:var(--header-bg);color:var(--header-text);display:flex}.app-title{margin:0;font-size:18px;font-weight:700;line-height:32px}.header-button{padding:6px var(--space-3);background:var(--list-bg);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:4px;font-weight:500}.header-button:hover{background:#dcdfe4}.header-button:focus-visible{outline:2px solid var(--header-text);outline-offset:2px}.card{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--card-bg);box-shadow:var(--shadow-raised);display:flex}.card[draggable=true]{cursor:grab}.card--dragging{opacity:var(--dragging-opacity)}.card-content{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.card-move-button{margin-right:calc(-1 * var(--space-1));padding:2px var(--space-2);background:var(--button-bg);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:4px;flex:none;font-size:12px;font-weight:500;line-height:16px}.card-move-button:hover{background:var(--button-bg-hover)}.card-move-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card-label{padding:0 var(--space-2);border-radius:4px;font-size:12px;font-weight:600;line-height:16px}.card-label[data-color=green]{background:var(--label-green)}.card-label[data-color=yellow]{background:var(--label-yellow)}.card-label[data-color=orange]{background:var(--label-orange)}.card-label[data-color=red]{background:var(--label-red)}.card-label[data-color=purple]{background:var(--label-purple)}.card-label[data-color=blue]{background:var(--label-blue)}.card-title{overflow-wrap:anywhere}.list{flex:0 0 var(--list-width);padding:var(--space-1) var(--space-1) var(--space-2);border-radius:var(--radius-list);background:var(--list-bg);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.list-title{padding:var(--space-2) var(--space-3);margin:0;font-size:14px;font-weight:600;line-height:20px}.list-cards{gap:var(--space-2);padding:0 var(--space-1);min-height:var(--empty-list-height);flex-direction:column;margin:0;list-style:none;display:flex}.list--drop-target{background:var(--drop-list-bg);box-shadow:var(--shadow-raised), inset 0 0 0 2px var(--drop-outline)}.card-gap{border:2px dashed var(--gap-border);border-radius:var(--radius-card);background:var(--gap-bg);flex:none}.move-dialog{border-radius:var(--radius-card);background:var(--card-bg);width:304px;max-width:calc(100vw - 16px);color:var(--text);box-shadow:var(--shadow-overlay);border:0;margin:0;padding:0;inset:auto}.move-dialog::backdrop{background:0 0}.move-dialog-form{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.move-dialog-title{text-align:center;margin:0;font-size:14px;font-weight:600;line-height:20px}.move-dialog-card{color:var(--text-subtle);overflow-wrap:anywhere;margin:0}.move-dialog-field{gap:var(--space-1);flex-direction:column;font-size:12px;font-weight:600;line-height:16px;display:flex}.move-dialog-field select{padding:6px var(--space-2);border:1px solid var(--input-border);background:var(--card-bg);color:var(--text);font:inherit;border-radius:4px;font-size:14px;font-weight:400;line-height:20px}.move-dialog-actions{gap:var(--space-2);display:flex}.move-dialog-button{padding:6px var(--space-3);background:var(--button-bg);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:4px;font-weight:500}.move-dialog-button:hover{background:var(--button-bg-hover)}.move-dialog-button--primary{background:var(--primary-bg);color:var(--primary-text)}.move-dialog-button--primary:hover{background:var(--primary-bg-hover)}.move-dialog-button:focus-visible,.move-dialog-field select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.board{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--page-gutter);display:flex;overflow-x:auto}