:root{--instrument-black:#0b0e13;--panel:#10141b;--muted:#171c24;--amber:#f5b942;--cyan:#3ec1c6;--success:#57c785;--danger:#e2544f;--info:#5ba3f5;--foreground:#e6e8ec;--muted-foreground:#8a93a0;--border:#232a35;--color-bg:var(--instrument-black);--color-panel:var(--panel);--color-muted:var(--muted);--color-border:var(--border);--color-foreground:var(--foreground);--color-muted-foreground:var(--muted-foreground);--color-primary:var(--amber);--color-primary-foreground:#1a1408;--color-accent:var(--cyan);--color-accent-foreground:#081314;--color-success:var(--success);--color-warning:var(--amber);--color-danger:var(--danger);--color-info:var(--info);--status-backlog:var(--muted-foreground);--status-todo:var(--muted-foreground);--status-in_progress:var(--amber);--status-in_review:var(--success);--status-done:var(--info);--status-blocked:var(--danger);--status-cancelled:var(--muted-foreground);--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-body:13px;--font-size-mono:12px;--font-size-label:11px;--line-height-body:1.5;--line-height-mono:1.45;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--space-unit:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-foreground);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-panel);display:flex}.app-brand{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);font-weight:600}.app-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:10px}.app-hint{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-mono);color:var(--color-muted-foreground)}.board{flex-direction:column;flex:1;min-height:0;display:flex}.board-header{padding:var(--space-3) var(--space-4) var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.board-title{font-family:var(--font-mono);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.board-total{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground)}.board-header-end{align-items:baseline;gap:var(--space-3);display:flex}.board-connection{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground)}.board-connection-live{color:var(--color-success)}.board-connection-offline{color:var(--color-danger)}.board-loading,.board-error,.board-empty{margin:var(--space-2) var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);font-family:var(--font-mono);font-size:var(--font-size-mono)}.board-error{border-color:var(--color-danger);color:var(--color-danger)}.board-empty{color:var(--color-muted-foreground);font-size:var(--font-size-body);font-family:var(--font-sans)}.board-empty strong{margin-bottom:var(--space-1);font-family:var(--font-mono);color:var(--color-foreground);font-size:18px;font-weight:600;display:block}.board-columns{gap:var(--space-3);min-height:0;padding:var(--space-2) var(--space-4) var(--space-4);flex:1;align-items:stretch;display:flex;overflow-x:auto}.column{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);flex-direction:column;flex:1 1 0;min-width:220px;max-width:320px;min-height:0;transition:border-color .12s,background .12s;display:flex}.column.over{border-color:var(--color-primary);background:var(--color-muted)}.column-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.column-name{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);font-weight:500}.column-count{min-width:18px;padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-muted-foreground);font-family:var(--font-mono);text-align:center;font-size:10px}.column-list{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.column-empty{padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted-foreground);font-family:var(--font-mono);text-align:center;margin:0;font-size:10px}.card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);cursor:grab;border-left-width:2px;flex-direction:column;transition:transform .14s;display:flex}.card:hover{background:var(--color-muted)}.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.card.dragging{opacity:.45;cursor:grabbing}.card-title{font-family:var(--font-mono);font-size:var(--font-size-mono);line-height:var(--line-height-mono);color:var(--color-foreground);overflow-wrap:anywhere}.card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.card-time{font-family:var(--font-mono);color:var(--color-muted-foreground);white-space:nowrap;font-size:10px}.chip{align-items:center;gap:var(--space-1);max-width:160px;padding:1px var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:inline-flex;overflow:hidden}.chip--agent{border-color:var(--color-accent);color:var(--color-accent)}.chip--dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.card[data-status=backlog],.card[data-status=todo],.card[data-status=cancelled]{border-left-color:var(--status-backlog)}.card[data-status=in_progress]{border-left-color:var(--status-in_progress)}.card[data-status=in_review]{border-left-color:var(--status-in_review)}.card[data-status=done]{border-left-color:var(--status-done)}.card[data-status=blocked]{border-left-color:var(--status-blocked)}.card-skeleton{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);height:52px}@media (prefers-reduced-motion:reduce){.board[data-reduced-motion=true] .card,.board[data-reduced-motion=true] .column{transition:none}}