.vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.ch .n-x { display: inline; margin-left: 8px; text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 12px; color: var(--ink-2); }
.ch .n { display: inline-flex; align-items: baseline; flex: none; white-space: nowrap; }
.ch .nm { flex: 0 1 auto; }
.lanes { --lane-cols: 128px repeat(6, minmax(200px, 1fr)); }
.lanes.n-1 { --lane-cols: 128px minmax(200px, 1fr); } .lanes.n-2 { --lane-cols: 128px repeat(2, minmax(200px, 1fr)); } .lanes.n-3 { --lane-cols: 128px repeat(3, minmax(200px, 1fr)); }
.lanes.n-4 { --lane-cols: 128px repeat(4, minmax(200px, 1fr)); } .lanes.n-5 { --lane-cols: 128px repeat(5, minmax(200px, 1fr)); }
.col.has-exc > .ch .n-x { color: var(--bad-ink); font-weight: 600; }

.exc-r { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--warn-ink); letter-spacing: 0; text-transform: none; }
.exc-r svg { width: 14px; height: 14px; flex: none; }
.exc-r.exc-blocked, .exc-r.exc-pr_failing { color: var(--bad-ink); }
.is-exc { border-left: 3px solid var(--warn); }
.is-exc[data-exc="blocked"], .is-exc[data-exc="pr_failing"] { border-left-color: var(--bad); }
.tc.is-exc { padding-left: 11px; }

.tc .meta .pr, .tr .meta .pr, .lv .pr { position: relative; z-index: 1; color: var(--ink-2); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.tc .meta .lease, .tr .meta .lease { white-space: nowrap; color: var(--ink-2); }
.tc .meta { flex-wrap: wrap; }

.tr { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto auto; align-items: center; column-gap: 8px; row-gap: 4px; min-height: 32px; padding: 6px 10px; background: var(--card); font-size: 13px; line-height: 18px; transition: background-color var(--hover-dur) var(--ease-out); }
.tr:hover, .tr:focus-within { background: var(--card-hover); }
.tr .st { gap: 0; align-self: center; }
.tr .st.st-w { gap: 6px; font-size: 12px; letter-spacing: 0; text-transform: none; }
.tr .id { font: 500 12px/18px var(--mono); color: var(--ink-3); white-space: nowrap; letter-spacing: 0; }
.tr .id-p { display: none; }
.tr .t { min-width: 0; color: var(--ink); text-decoration: none; font-weight: 500; font-size: 13px; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.tr .t::after { content: ""; position: absolute; inset: 0; }
.tr .t:focus-visible { outline: none; }
.tr:has(.t:focus-visible) { outline: 2px solid var(--accent); outline-offset: -2px; }
.tr .av { width: 18px; height: 18px; font-size: 12px; line-height: 1; }
.tr .age { font-size: 12px; line-height: 18px; color: var(--ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tr .exc-r, .tr .tr-more { grid-column: 1 / -1; }
.tr .tr-more { display: none; flex-direction: column; align-items: flex-start; gap: 6px; padding: 2px 0 2px 20px; }
.tr .tr-more .tr-pills, .tr .tr-more .meta { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; font-size: 12px; line-height: 16px; color: var(--ink-2); }
.tr .tr-more .kind { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--ink-2); letter-spacing: 0; text-transform: none; }
.tr .tr-more .pill { letter-spacing: 0; text-transform: none; font-size: 12px; }
.tr:focus-within .tr-more { display: flex; }
.tr.is-exc { padding-left: 7px; }
.tr.is-kid { margin-left: 12px; }
.tr.is-kid .t { grid-row: 2; grid-column: 1 / -1; }
.tr.is-kid .av { grid-row: 1; grid-column: 4; }
.tr.is-kid .age { grid-row: 1; grid-column: 5; }
.tr.is-kid .id { grid-row: 1; grid-column: 2; }
.tr.is-kid .st { grid-row: 1; grid-column: 1; }
.tr .tc-tags { margin: 0; }
.tr::before { content: none; }
.lanes .tr, .lanes .tc { min-width: 0; }

.fresh.tr { animation: fresh var(--flash-dur, 400ms) var(--ease-out); }

.col-more { display: flex; align-items: center; justify-content: center; min-height: 32px; margin-top: 8px; padding: 4px 10px; border: 1px solid var(--line-2); color: var(--ink); background: transparent; font-size: 13px; line-height: 18px; font-weight: 600; text-decoration: none; letter-spacing: 0; text-transform: none; transition: background-color var(--hover-dur) var(--ease-out), border-color var(--hover-dur) var(--ease-out); }
.col-more:hover { background: var(--card); border-color: var(--ink-3); }
.col-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.col-more.col-older { margin-top: 6px; border-style: dashed; color: var(--ink-2); font-weight: 500; }
.cell > .col-more { margin-top: 4px; }

details.grp { display: flex; flex-direction: column; gap: 6px; }
details.grp > summary.gh { display: flex; align-items: baseline; gap: 8px; min-height: 28px; padding: 4px 2px; border-bottom: 1px solid var(--line); cursor: pointer; list-style: none; font-size: 13px; line-height: 18px; color: var(--ink); }
details.grp > summary.gh::-webkit-details-marker { display: none; }
details.grp > summary.gh b { font-weight: 600; letter-spacing: 0; text-transform: none; }
details.grp > summary.gh .gn { margin-left: auto; font-size: 12px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
details.grp > summary.gh .gx, .lv-gh .gx { font-size: 12px; font-weight: 600; color: var(--bad-ink); }
details.grp > summary.gh:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
details.grp:not([open]) > summary .cv::before { content: "▸"; }
details.grp[open] > summary .cv::before { content: "▾"; }

details.kids { display: block; margin: -2px 0 0; }
details.kids > summary.roll { display: flex; align-items: center; gap: 6px; min-height: 26px; padding: 2px 10px 2px 28px; cursor: pointer; list-style: none; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--ink-2); }
details.kids > summary.roll::-webkit-details-marker { display: none; }
details.kids > summary.roll:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
details.kids:not([open]) > summary .cv::before { content: "▸"; }
details.kids[open] > summary .cv::before { content: "▾"; }
details.kids > .kids-b { display: flex; flex-direction: column; gap: 4px; }

.ln-t .av.sq { background: var(--ink); color: var(--bg); }
.lane.has-exc .ln-n { color: var(--bad-ink); }
.cell .cell-rows { gap: 4px; }

.lv-wrap { overflow: auto; border: 1px solid var(--line); }
table.lv { width: 100%; min-width: 1240px; border-collapse: separate; border-spacing: 0; font-size: 13px; line-height: 18px; }
table.lv thead th { position: sticky; top: 0; z-index: 2; padding: 8px 10px; text-align: left; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0; text-transform: none; color: var(--ink-2); background: var(--bg); border-bottom: 1px solid var(--line-2); white-space: nowrap; }
table.lv thead th a.srt { color: inherit; text-decoration: none; }
table.lv thead th a.srt:hover, table.lv thead th a.srt.is-on { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
table.lv thead th a.srt:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
table.lv .srt-d { font-weight: 400; color: var(--ink-3); }
table.lv td { padding: 6px 10px; vertical-align: top; border-bottom: 1px solid var(--line-soft, var(--line)); color: var(--ink-2); white-space: nowrap; }
table.lv td.c-t { min-width: 280px; max-width: 420px; white-space: normal; overflow-wrap: anywhere; }
table.lv td.c-t a.t, table.lv td.c-id a { color: var(--ink); text-decoration: none; font-weight: 500; }
table.lv td.c-id a { font-family: var(--mono); font-size: 12px; white-space: nowrap; }
table.lv td.c-t a.t:hover, table.lv td.c-id a:hover { text-decoration: underline; text-underline-offset: 2px; }
table.lv td.c-n { white-space: nowrap; font-variant-numeric: tabular-nums; }
table.lv td.c-st { white-space: nowrap; }
table.lv td.c-tags { white-space: normal; min-width: 120px; }
table.lv td.c-tags .tag { margin: 0 4px 2px 0; }
table.lv tr.lv-r:hover td { background: var(--card-hover); }
table.lv tr.lv-r.is-exc td:first-child { border-left: 3px solid var(--warn); }
table.lv tr.lv-r.is-exc[data-exc="blocked"] td:first-child, table.lv tr.lv-r.is-exc[data-exc="pr_failing"] td:first-child { border-left-color: var(--bad); }
table.lv tr.lv-r.is-exc { border-left: 0; }
table.lv .st.st-w { gap: 6px; font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 600; }
table.lv tr.lv-gh th { text-transform: none; letter-spacing: 0; position: sticky; top: 33px; z-index: 1; padding: 8px 10px; text-align: left; background: var(--bg-2, var(--bg)); border-bottom: 1px solid var(--line); font-weight: 600; font-size: 13px; }
table.lv tr.lv-gh th > * { vertical-align: middle; }
table.lv tr.lv-gh .gn { margin-left: 12px; font-weight: 400; font-size: 12px; color: var(--ink-2); }
table.lv tr.lv-gh .gx { margin-left: 12px; }
table.lv tr.lv-gh .col-more { display: inline-flex; margin: 0 0 0 12px; min-height: 26px; padding: 2px 8px; font-size: 12px; }

.pager { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 0 4px; font-size: 13px; color: var(--ink-2); flex-wrap: wrap; }
.pager .is-off { opacity: .5; pointer-events: none; }
.pager .pg-n { font-variant-numeric: tabular-nums; }

html[data-theme^="standard"] .tr { padding: 6px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); transition: border-color var(--hover-dur) var(--ease-out); }
html[data-theme^="standard"] .tr:hover, html[data-theme^="standard"] .tr:focus-within { background: var(--surface); border-color: var(--line-2); }
html[data-theme^="standard"] .tr:has(.t:focus-visible) { outline: 2px solid var(--ring); outline-offset: 2px; }
html[data-theme^="standard"] .tr .id { color: var(--ink-3); }
html[data-theme^="standard"] .tr .age { color: var(--ink-3); }
html[data-theme^="standard"] .tr .t { font-weight: 500; }
html[data-theme^="standard"] .tr.is-exc, html[data-theme^="standard"] .tc.is-exc { border-left: 3px solid var(--warn); }
html[data-theme^="standard"] .is-exc[data-exc="blocked"], html[data-theme^="standard"] .is-exc[data-exc="pr_failing"] { border-left-color: var(--bad); }
html[data-theme^="standard"] .tr.fresh { animation: std-fresh var(--flash-dur, 400ms) var(--ease-out); }
html[data-theme^="standard"] .col-more { font: 500 13px/18px var(--sans); border-radius: var(--r); background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-sm); }
html[data-theme^="standard"] .col-more:hover { background: var(--accent-soft); border-color: var(--line-2); }
html[data-theme^="standard"] .col-more.col-older { background: transparent; box-shadow: none; }
html[data-theme^="standard"] .lv-wrap { border-radius: var(--r-panel); }
html[data-theme^="standard"] table.lv tr.lv-r.is-exc td:first-child { border-left-color: var(--warn); }
html[data-theme^="standard"] table.lv tr.lv-r.is-exc[data-exc="blocked"] td:first-child, html[data-theme^="standard"] table.lv tr.lv-r.is-exc[data-exc="pr_failing"] td:first-child { border-left-color: var(--bad); }
html[data-theme^="standard"] table.lv tr.lv-r.is-exc { border-left: 0; }
html[data-theme^="standard"] table.lv tr.lv-r { border: 0; }
html[data-theme^="standard"] table.lv tr.lv-r:hover td { background: var(--accent-soft); }
html[data-theme^="standard"] details.grp > summary.gh { font-family: var(--sans); }

@media (max-width: 639px) {
  .tr { min-height: 44px; padding: 8px 10px; }
  .col-more { min-height: 44px; }
  .board.v-list .lv-wrap { max-height: none; }
  .pager { gap: 10px; }
}
.main:has(#board.v-list) .status-wrap { display: none; }
@media (prefers-reduced-motion: reduce) { .tr, .col-more { transition: none; } }

:root { --z-cue: 3; --z-sticky: 2; --z-qa: 20; --z-catch: 58; --z-pop: 60; --z-peek: 62; --bd-min: 420px; --bd-gap: 12px; --bd-bleed: 6px; --rail-w: 44px; }

.status-wrap { display: none; }
.board-wrap { position: relative; min-width: 0; }
.board { container-type: inline-size; container-name: bd; }

@media (min-width: 640px) {
  .main:has(> .board-wrap) { height: max(100dvh, 640px); gap: 12px; padding-top: 20px; padding-bottom: 16px; }
  .board-wrap { flex: 1 1 0; min-height: var(--bd-min); display: flex; flex-direction: column; }
  .board-wrap > .board { flex: 1 1 0; min-height: 0; }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .main:has(> .board-wrap) { height: max(calc(100dvh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 640px); }
}

@media (min-width: 640px) {
  .board.v-scroll { display: flex; align-items: stretch; gap: var(--bd-gap); overflow-x: auto; overflow-y: hidden; padding: 0 var(--bd-bleed) 8px; margin: 0 calc(var(--bd-bleed) * -1); overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ink-3) transparent; }
  .board.v-scroll .col { flex: 1 1 0; min-width: 200px; min-height: 0; position: relative; }
  .board.v-scroll .col.is-empty { flex: 0 0 120px; min-width: 120px; }
  .board.v-scroll .cb { flex: 1 1 0; min-height: 0; max-height: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--ink-3) transparent; padding: 12px var(--bd-bleed) 10px; margin: 0 calc(var(--bd-bleed) * -1); }
  .board.v-scroll .col > .col-more { margin-top: 6px; }
  .board.v-scroll .cb > * { flex-shrink: 0; }
  @supports not (-moz-appearance: none) { html:not([data-theme^="standard"]) :is(.board.v-scroll, .board.v-scroll .cb, .board.v-lanes) { scrollbar-width: auto; scrollbar-color: auto; } }
  .board.v-lanes { overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ink-3) transparent; padding: 0 var(--bd-bleed) 8px; margin: 0 calc(var(--bd-bleed) * -1); }
  .board.v-lanes .lane-h { position: sticky; top: 0; z-index: var(--z-sticky); background: var(--bg); }
  .board.v-list { display: flex; flex-direction: column; overflow: hidden; }
  .board.v-list .lv-wrap { flex: 1 1 0; min-height: 0; overscroll-behavior: contain; }
  .board.v-list .pager { flex: none; }
}

.board .rail, .rail-x { display: none; }
@media (min-width: 640px) {
  @container bd (max-width: 1259px) {
    .board.v-scroll:not(.done-open) .col[data-st="done"] { flex: 0 0 var(--rail-w); min-width: var(--rail-w); width: var(--rail-w); }
    .board.v-scroll:not(.done-open) .col[data-st="done"] > :not(.rail) { display: none; }
    .board.v-scroll:not(.done-open) .col[data-st="done"] > .rail { display: flex; }
    .board.v-scroll.done-open .col[data-st="done"] .rail-x { display: inline-flex; }
  }
}
html:not(.js) .rail-x { display: none !important; }
.rail { flex: 1 1 auto; flex-direction: column; align-items: center; gap: 12px; padding: 12px 0; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); text-decoration: none; font-size: 13px; line-height: 18px; transition: background-color var(--hover-dur) var(--ease-out), border-color var(--hover-dur) var(--ease-out), color var(--hover-dur) var(--ease-out); }
.rail:hover { background: var(--card-hover); border-color: var(--line-2); color: var(--ink); }
.rail:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rail-n { font: 600 13px/18px var(--mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.rail-l { writing-mode: vertical-rl; font-weight: 600; letter-spacing: 0; text-transform: none; }
.ch .n { order: 2; }
.ch .rail-x { order: 1; }
.rail-x { margin-left: 8px; align-items: center; min-height: 24px; padding: 0 8px; border: 1px solid var(--line); background: transparent; color: var(--ink-2); font: 500 12px/16px var(--sans, var(--mono)); letter-spacing: 0; text-transform: none; cursor: pointer; }
.rail-x:hover { background: var(--card); color: var(--ink); }
.rail-x:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
html[data-theme^="standard"] .rail { border-radius: var(--r-panel); background: var(--surface); }
html[data-theme^="standard"] .rail:hover { background: var(--accent-soft); }
html[data-theme^="standard"] .rail-x { border-radius: 9999px; }

.board-wrap::before, .board-wrap::after { content: ""; position: absolute; top: 0; bottom: 14px; width: 28px; pointer-events: none; opacity: 0; z-index: var(--z-cue); transition: opacity var(--duration-fast) var(--ease-out); }
.board-wrap::before { left: 0; background: linear-gradient(to right, var(--bg), transparent); }
.board-wrap::after { right: 0; background: linear-gradient(to left, var(--bg), transparent); }
.board-wrap.more-l::before, .board-wrap.more-r::after { opacity: 1; }
@media (min-width: 640px) { .board-wrap:has(> .quick.qa)::before, .board-wrap:has(> .quick.qa)::after { bottom: 56px; } }

.tc { padding: 8px 10px; gap: 4px; }
html[data-theme^="standard"] .tc { padding: 8px 10px; gap: 4px; }
.tc .t { font-size: 14px; line-height: 20px; }
html:not([data-theme^="standard"]) .tc .t { font-size: 13px; line-height: 18px; }
.tc-top { gap: 2px 8px; }

.tr { grid-template-columns: auto auto minmax(0, 1fr) auto auto; }
.board.v-scroll .tr .t { grid-column: 1 / -1; grid-row: 2; }
.board.v-scroll .tr .id { grid-column: 2; grid-row: 1; }
.board.v-scroll .tr .st { grid-column: 1; grid-row: 1; }
.board.v-scroll .tr .av { grid-column: 4; grid-row: 1; }
.board.v-scroll .tr .age { grid-column: 5; grid-row: 1; }
.board.v-scroll .tr.is-kid .t { grid-column: 1 / -1; grid-row: 2; }

.quick.qa {
  --qa-w0: 150px; --qa-r: 0px; --qa-sh: 8px;
  position: relative; z-index: var(--z-qa); isolation: isolate; flex: none; align-self: flex-end; display: flex; align-items: center; justify-content: flex-end; gap: 4px;
  width: min(520px, 100%); margin: 8px 0 0 auto; padding: 1px; background: transparent; border: 0; box-shadow: none; pointer-events: none;
  clip-path: inset(calc(var(--qa-sh) * -1) calc(var(--qa-sh) * -1) calc(var(--qa-sh) * -1) calc(100% - var(--qa-w0) - var(--qa-sh)) round var(--qa-r));
  transition: clip-path var(--dropdown-close-dur) var(--dropdown-ease);
}
.quick.qa > * { pointer-events: auto; }
.quick.qa::before {
  content: ""; position: absolute; z-index: -1; inset: 0 0 0 calc(100% - var(--qa-w0)); pointer-events: none;
  background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--qa-r); box-shadow: var(--shadow, 0 2px 8px #0003);
  transition: inset var(--dropdown-close-dur) var(--dropdown-ease);
}
html:not(.js) .quick.qa, .quick.qa:not([data-qa-js]) { width: auto; clip-path: none; }
html:not(.js) .quick.qa::before, .quick.qa:not([data-qa-js])::before { inset: 0; }
.quick.qa.is-wide { clip-path: inset(calc(var(--qa-sh) * -1) round var(--qa-r)); transition-duration: var(--dropdown-open-dur); }
.quick.qa.is-wide::before { inset: 0; transition-duration: var(--dropdown-open-dur); }
.quick.qa.qa-now, .quick.qa.qa-now::before { transition: none; }
.qa-nojs { display: none; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; color: var(--ink); text-decoration: none; font: 500 13px/20px var(--sans, var(--mono)); letter-spacing: 0; text-transform: none; }
html:not(.js) .qa-nojs { display: inline-flex; }
html:not(.js) .qa-pill, html:not(.js) .qa-box, html:not(.js) .qa-add { display: none; }
.qa-nojs svg, .qa-pill svg, .qa-add svg { width: 14px; height: 14px; flex: none; }
.qa-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px 0 8px; border: 0; background: transparent; color: var(--ink); font: 500 13px/20px var(--sans, var(--mono)); letter-spacing: 0; text-transform: none; white-space: nowrap; cursor: pointer; }
.qa-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.qa-k { padding: 0 5px; border: 1px solid var(--line-2); font: 500 12px/16px var(--mono); color: var(--ink-3); }
.qa-box { display: none; flex: 1 1 auto; min-width: 0; }
.qa-box input { width: 100%; min-height: 32px; padding: 4px 8px; border: 0; border-bottom: 1px solid var(--line-2); background: transparent; box-shadow: none; font-size: 14px; }
.qa-box input:focus-visible { outline: none; border-bottom-color: var(--accent); }
.qa-add { display: none; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 0; background: transparent; color: var(--ink-2); font: 500 13px/20px var(--sans, var(--mono)); letter-spacing: 0; text-transform: none; cursor: pointer; }
.qa-add:hover { color: var(--ink); background: var(--card); }
.qa-add:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.quick.qa.is-x { justify-content: flex-start; }
.quick.qa.is-x .qa-box { display: block; }
.quick.qa.is-x .qa-add { display: inline-flex; }
.quick.qa.is-x .qa-k, .quick.qa.is-x .qa-l { display: none; }
.quick.qa.is-x .qa-box, .quick.qa.is-x .qa-add { transition: opacity var(--dropdown-close-dur) var(--dropdown-ease); }
.quick.qa.is-wide .qa-box, .quick.qa.is-wide .qa-add { transition-duration: var(--dropdown-open-dur); }
.quick.qa.qa-now .qa-box, .quick.qa.qa-now .qa-add { transition: none; }
.quick.qa.is-x:not(.is-wide) .qa-box, .quick.qa.is-x:not(.is-wide) .qa-add { opacity: 0; }
.quick.qa.qa-ready .qa-l, .quick.qa.qa-ready .qa-k { transition: opacity var(--dropdown-open-dur) var(--dropdown-ease); }
@starting-style { .quick.qa.qa-ready .qa-l, .quick.qa.qa-ready .qa-k { opacity: 0; } }
html[data-theme^="standard"] .quick.qa { --qa-r: 9999px; --qa-sh: 6px; }
html[data-theme^="standard"] .quick.qa::before { border-color: var(--line); background: var(--surface); box-shadow: var(--shadow-sm); }
html[data-theme^="standard"] .qa-box input { border: 0; border-radius: 0; box-shadow: none; }
html[data-theme^="standard"] .qa-add { border-radius: 9999px; }

@media (max-width: 639px) {
  .main:has(> .board-wrap) { gap: 12px; }
  .status-wrap { display: block; position: relative; min-width: 0; }
  .status-wrap::before, .status-wrap::after { content: ""; position: absolute; top: 0; bottom: 0; width: 28px; pointer-events: none; opacity: 0; z-index: var(--z-cue); transition: opacity var(--duration-fast) var(--ease-out); }
  .status-wrap::before { left: 0; background: linear-gradient(to right, var(--bg), transparent); }
  .status-wrap::after { right: 0; background: linear-gradient(to left, var(--bg), transparent); }
  .status-wrap.more-l::before, .status-wrap.more-r::after { opacity: 1; }
  .board-wrap::before, .board-wrap::after { display: none; }
  .quick.qa { position: fixed; right: 16px; bottom: calc(64px + 12px + env(safe-area-inset-bottom)); width: calc(100vw - 32px); margin: 0; }
  .qa-pill, .qa-add { min-height: 44px; }
  .qa-box input { min-height: 44px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .quick.qa, .quick.qa::before, .quick.qa .qa-box, .quick.qa .qa-add, .quick.qa .qa-l, .quick.qa .qa-k, .rail, .board-wrap::before, .board-wrap::after, .status-wrap::before, .status-wrap::after { transition: none; } }

.bd-catch { position: fixed; inset: 0; z-index: var(--z-catch); background: transparent; overscroll-behavior: contain; touch-action: none; }
.bd-catch[hidden] { display: none; }
html.bd-lock .sb { visibility: hidden; pointer-events: none; }
.board-wrap[inert] { pointer-events: none; }

.board.v-scroll .ch .n-x, .board.v-lanes .ch .n-x { display: none; }
.board.v-scroll .col.has-exc > .ch .n b, .board.v-lanes .ch[data-st] .n b { font-weight: 700; }
.board.flip-host { position: fixed; z-index: var(--z-qa); display: block; margin: 0; padding: 0; overflow: hidden; pointer-events: none; container-type: normal; background: transparent; }
.flip-host > .flip-ghost { position: absolute; margin: 0; box-sizing: border-box; will-change: transform; }
.board [data-id].is-gliding { visibility: hidden; }
.col-hint { margin: 8px 0 0; font-size: 12px; line-height: 16px; color: var(--ink-3); text-align: center; }
.tb-all { display: inline-flex; align-items: center; text-decoration: none; }
.tb-all .tb-all-n { margin-left: 4px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (min-width: 640px) {
  .main:has(> .board-wrap #board.is-all) { height: auto; }
  .board-wrap:has(#board.is-all) { flex: none; min-height: 0; }
  .board-wrap > .board.is-all { flex: none; min-height: 0; overscroll-behavior: contain auto; }
  .board.v-scroll.is-all { align-items: flex-start; }
  .board.v-scroll.is-all .col { min-height: auto; }
  .board.v-scroll.is-all .cb { flex: none; overflow: visible; }
}