.modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sc-5)}.elect{margin-bottom:var(--sc-4)}.elect p{margin:0 0 4px}.picker{border:1px solid var(--line);border-top:3px solid var(--sc-ink);background:var(--sc-canvas);margin-bottom:var(--sc-4);scroll-margin-top:80px}.picker__bar{display:flex;flex-wrap:wrap;gap:var(--sc-3);align-items:center;padding:var(--sc-3);border-bottom:1px solid var(--line);background:var(--sc-surface)}.picker__q{flex:1 1 16rem;min-width:0}.picker__off{display:flex;flex-wrap:wrap;gap:6px}.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:4px;padding:var(--sc-3);max-height:17rem;overflow-y:auto;scrollbar-width:thin}.tray button{display:grid;justify-items:center;align-content:start;gap:4px;padding:8px 4px;border:0;border-radius:var(--sc-r-md);background:none;cursor:pointer;color:var(--sc-ink);font-size:var(--sc-t-xs);line-height:1.2;text-align:center;transition:background-color .14s var(--sc-ease-out)}.tray button:hover{background:var(--sc-surface)}.tray button[aria-pressed=true]{background:var(--sc-surface);box-shadow:inset 0 0 0 2px var(--sc-accent)}.tray button small{color:var(--sc-ink-soft)}.cmpbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sc-3);margin-bottom:var(--sc-4)}.hint{margin:0;font-size:var(--sc-t-sm);color:var(--sc-ink-soft)}.board{display:grid;grid-template-columns:10.5rem repeat(var(--n, 2),minmax(0,1fr));gap:0 1px;background:var(--line);border:1px solid var(--line);margin-bottom:var(--sc-4)}.board>div{padding:var(--sc-4);background:var(--sc-canvas);min-width:0;border-bottom:1px solid var(--line)}.board .rl{font-weight:600;font-size:var(--sc-t-sm);background:var(--sc-surface)}.board .rl small{display:block;font-weight:400;color:var(--sc-ink-soft);margin-top:2px}.board .hd-cell{position:sticky;top:60px;z-index:3;background:var(--sc-canvas);box-shadow:0 1px 0 var(--line),0 6px 10px -8px #00000040}.board .rl.hd-cell{background:var(--sc-surface)}.board .hd{display:grid;justify-items:center;text-align:center;gap:4px;position:sticky;padding-block:var(--sc-3)}.board .hd b{line-height:1.2;font-family:var(--sc-font-display);font-size:var(--sc-t-lg)}.board .hd a{color:inherit}.board .hd span{font-size:var(--sc-t-xs);color:var(--sc-ink-soft)}.board .rm{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;border:0;background:none;cursor:pointer;font-size:1.2rem;color:var(--sc-ink-soft)}.board .rm:hover{background:color-mix(in oklab,var(--sc-ink) 8%,transparent);color:var(--sc-ink)}.board .add{display:grid;place-items:center}.board.is-stuck .hd{padding-block:6px;gap:2px}.board.is-stuck .hd .face{--size: 36px !important}.board.is-stuck .hd b{font-size:var(--sc-t-sm)}.board.is-stuck .hd>span:not(.face),.board.is-stuck .hd .flag,.board.is-stuck .add__btn{display:none}.board.is-stuck .hd{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:8px}.board.is-stuck .rm{top:2px;right:2px}.add__btn{display:grid;justify-items:center;gap:6px;border:1.5px dashed color-mix(in oklab,var(--sc-ink) 35%,transparent);border-radius:var(--sc-r-md);background:none;padding:var(--sc-4);color:var(--sc-ink-soft);font:600 var(--sc-t-sm) var(--sc-font-text);cursor:pointer;width:100%}.add__btn span{font-size:1.6rem;line-height:1;color:var(--sc-accent)}.add__btn:hover{border-color:var(--sc-accent);color:var(--sc-ink)}.board .c{text-align:center}.tbar{height:12px;border-radius:6px;background:color-mix(in oklab,var(--sc-ink) 9%,transparent);overflow:hidden;margin-bottom:6px}.tbar i{display:block;height:100%;background:var(--sc-ink);border-radius:6px;transform-origin:left;animation:grow .7s var(--sc-ease-out) both}.cap{font-size:var(--sc-t-xs);color:var(--sc-ink-soft);text-align:center}.na{font-size:var(--sc-t-sm);color:var(--sc-ink-soft);font-style:italic;text-align:center;display:block}.pdots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px}.pdots i{width:16px;height:16px;border-radius:50%}.st-done{background:#2e3d6b}.st-ongoing{background:linear-gradient(90deg,#2E3D6B 50%,var(--sc-surface) 50%);box-shadow:inset 0 0 0 2px #2e3d6b}.st-not-started{background:var(--sc-surface);box-shadow:inset 0 0 0 2px var(--sc-ink-soft)}.st-stalled{background:var(--sc-accent)}.board .sec{grid-column:1 / -1;padding:var(--sc-3) var(--sc-4);background:var(--sc-canvas);border-top:3px solid var(--sc-ink);font-family:var(--sc-font-display);font-stretch:78%;font-weight:800;font-size:var(--sc-t-lg);position:sticky;left:0}.board .secnote{grid-column:1 / -1;padding:0 var(--sc-4) var(--sc-3);font-size:var(--sc-t-xs);color:var(--sc-ink-soft);background:var(--sc-canvas)}.lst{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:var(--sc-t-sm)}.plist{list-style:none;margin:var(--sc-2) 0 0;padding:0;display:grid;gap:6px;font-size:var(--sc-t-xs);text-align:left}.plist li{display:grid;grid-template-columns:12px 1fr;gap:6px;align-items:start}.plist i{width:12px;height:12px;border-radius:50%;margin-top:2px}.board .more{display:inline-block;margin-top:6px;font-size:var(--sc-t-xs);font-weight:600}.board .latest{margin:6px 0 0;font-size:var(--sc-t-xs);text-align:left}.board .latest small{color:var(--sc-ink-soft);display:block}.board .tbar+.cap{margin-bottom:6px}.offs{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--sc-t-xs);text-align:left}.offs li{border-left:3px solid #2E3D6B;padding-left:8px}.offs span{color:var(--sc-ink-soft);display:block}.rmate{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--sc-t-sm)}.add{display:grid;place-items:center;color:var(--sc-ink-soft);font-size:var(--sc-t-sm);text-align:center}@keyframes grow{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.tbar i{animation:none}}@media(max-width:860px){.board{grid-template-columns:6.5rem repeat(var(--n, 2),minmax(9.5rem,1fr));overflow-x:auto}.board .hd-cell{position:static}.board .rl{position:sticky;left:0;z-index:2}.board .sec,.board .secnote{position:sticky;left:0}.tray{max-height:12rem;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr))}}