:root{--c-bg: #ffffff;--c-surface: #fafafa;--c-surface-alt: #f3f3f3;--c-border: #e0e0e0;--c-border-strong: #c0c0c0;--c-text: #111111;--c-text-muted: #555555;--c-text-faint: #999999;--c-hover: #f0f0f0;--c-active: #e4e4e4;--c-focus-ring: #333333;--c-selected: #eef1f4;--status-backlog: #8a8f98;--status-ready: #3f7fd1;--status-in_progress: #c0892d;--status-blocked: #c0473b;--status-in_review: #8a6fc0;--status-done: #3f9d6b;--status-cancelled: #b8b8b8;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 2px;--radius: 4px;--radius-lg: 6px;--page-pad-x: clamp(var(--sp-4), 3vw, var(--sp-8))}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:var(--font-size-base);line-height:1.5}.board-columns{display:flex;gap:var(--sp-3);align-items:flex-start;padding-bottom:var(--sp-4);overflow-x:auto}.board-split{display:flex;gap:0;align-items:stretch}.board-pane-main{flex:1 1 auto;min-width:0}.board-split.has-detail .board-pane-main{flex:0 0 50%;width:50%}.board-pane-detail{position:fixed;top:53px;right:0;bottom:0;width:50%;background:var(--c-bg);border-left:1px solid var(--c-border);overflow:auto;z-index:50}.board-pane-detail.is-full{width:100%}.icon-btn{line-height:0;padding:var(--sp-1) var(--sp-2)}@media (max-width: 720px){.board-split.has-detail .board-pane-main{flex:1 1 auto;width:100%}.board-pane-detail{top:0;width:100%;border-left:none}}a{color:var(--c-text);text-decoration:underline}a:hover{color:var(--c-text-muted)}.board-card,.tree-row{cursor:pointer;text-align:left;width:100%;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);font:inherit;color:inherit}.tree-row{flex-direction:row;align-items:center;gap:var(--sp-2);border-radius:var(--radius-sm)}.board-card:hover,.tree-row:hover{background:var(--c-hover)}.board-card.sel,.tree-row.sel{background:var(--c-selected);border-color:var(--c-border-strong)}.board-card:focus-visible,.tree-row:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:1px}button{cursor:pointer;background:var(--c-surface-alt);border:1px solid var(--c-border-strong);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--c-text)}button:hover{background:var(--c-hover)}button:active{background:var(--c-active)}button:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px}input,select{background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2);font-size:var(--font-size-base);font-family:inherit;color:var(--c-text);width:100%}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border);font-size:var(--font-size-sm)}.filter-bar input[type=text]{width:auto;flex:1 1 140px;min-width:120px}.filter-bar select{width:auto;flex:0 0 auto;max-width:180px}.type-toggles{display:inline-flex;gap:var(--sp-1)}.type-toggle{min-width:26px;padding:var(--sp-1) var(--sp-2);font-weight:var(--font-weight-bold);background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm)}.type-toggle[aria-pressed=true]{background:var(--c-active)}.dropdown{position:relative}.dropdown>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface-alt);white-space:nowrap}.dropdown>summary::-webkit-details-marker{display:none}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--sp-1);z-index:30;background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius);padding:var(--sp-2);min-width:170px;display:flex;flex-direction:column;gap:var(--sp-1)}.dropdown-item{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;color:var(--c-text-muted);cursor:pointer}.dropdown-item input{width:auto}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;display:inline-block}input:focus,select:focus{outline:2px solid var(--c-focus-ring);outline-offset:1px}