.tb-surface{display:flex;flex-direction:column;gap:14px;min-width:0}.tb-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tb-toolbar .seg{flex:0 0 auto}.tb-toolbar .seg button{font-weight:500;padding:6px 14px;gap:6px}.tb-tool,.tb-toolbar .seg button{font-size:12.5px;display:inline-flex;align-items:center}.tb-tool{gap:7px;color:var(--ink-2-solid);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tb-tool input[type=checkbox]{cursor:pointer;accent-color:var(--accent)}.tb-toolbar-count{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);white-space:nowrap}.tb-board{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding-bottom:6px;min-width:0}.tb-col{flex:1 0 218px;min-width:218px;max-width:300px;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line-1);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.tb-col--over{border-color:var(--accent);background:var(--accent-softer)}.tb-col-head{display:flex;align-items:center;gap:7px;padding:9px 10px 7px;min-width:0}.tb-col-label{font-size:12px;font-weight:600;color:var(--ink-1);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-col-count{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.tb-col-add{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;border:none;background:none;border-radius:var(--r-xs);color:var(--ink-3);cursor:pointer;flex:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tb-col-add:hover{background:var(--paper-3);color:var(--ink-1)}.tb-col-body{display:flex;flex-direction:column;gap:6px;padding:2px 6px 6px;min-height:42px;max-height:56vh;overflow-y:auto}.tb-col-blank{border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:12px 8px;text-align:center;font-size:11.5px;color:var(--ink-3)}.tb-card{background:var(--paper-1);border:1px solid var(--line-1);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);padding:8px 10px;display:flex;flex-direction:column;gap:7px;cursor:grab;touch-action:none;transition:border-color var(--dur-fast) var(--ease-out)}.tb-card:hover{border-color:var(--line-2)}.tb-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.tb-card--dragging{opacity:.35}.tb-card--overlay{cursor:grabbing;box-shadow:var(--shadow-md);border-color:var(--line-2)}.tb-card-top{display:flex;align-items:flex-start;gap:7px;min-width:0}.tb-card-title{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--ink-1);line-height:1.35;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tb-card-foot{display:flex;align-items:center;gap:8px;min-width:0}.tb-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.02em}.tb-due,.tb-key{color:var(--ink-3);white-space:nowrap}.tb-due{display:inline-flex;align-items:center;gap:4px;font-size:10.5px}.tb-due--overdue{color:var(--danger);font-weight:600}.tb-avatar{margin-left:auto;width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent-deep);font-size:8.5px;font-weight:700;letter-spacing:.02em}.tb-prio{display:inline-flex;line-height:0;flex:none;color:var(--ink-3)}.tb-prio-1{color:var(--clay-strong)}.tb-prio-2,.tb-prio-3{color:var(--ink-2-solid)}.tb-prio-0,.tb-prio-4{color:var(--ink-3)}.tb-quickadd{padding:0 6px 6px}.tb-quickadd input{width:100%;box-sizing:border-box;border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper-1);padding:7px 9px;font-family:inherit;font-size:12.5px;color:var(--ink-1);outline:none;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.tb-quickadd input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.tb-quickadd input::-moz-placeholder{color:var(--ink-3)}.tb-quickadd input::placeholder{color:var(--ink-3)}.tb-quickadd-trigger{margin:0 6px 6px;display:inline-flex;align-items:center;gap:6px;border:none;background:none;border-radius:var(--r-xs);padding:6px 8px;font-family:inherit;font-size:11.5px;font-weight:500;color:var(--ink-3);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tb-quickadd-trigger:hover{background:var(--paper-3);color:var(--ink-1)}.tb-list{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--paper-1);overflow:hidden}.tb-group-head{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--paper-2);border-bottom:1px solid var(--line-1);font-size:11.5px;font-weight:600;color:var(--ink-1)}.tb-group+.tb-group .tb-group-head{border-top:1px solid var(--line-1)}.tb-group-count{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.tb-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line-1);cursor:pointer;min-width:0;transition:background var(--dur-fast) var(--ease-out)}.tb-group:last-child .tb-row:last-child{border-bottom:none}.tb-row:hover{background:var(--accent-softer)}.tb-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.tb-row-check{cursor:pointer;accent-color:var(--accent);flex:none}.tb-row-title{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-row--done .tb-row-title{color:var(--ink-3);text-decoration:line-through}.tb-menu{position:relative;display:inline-flex;flex:none}.tb-menu-trigger{border:none;background:none;padding:2px;border-radius:var(--r-xs);cursor:pointer;display:inline-flex;line-height:0;transition:background var(--dur-fast) var(--ease-out)}.tb-menu-trigger:hover{background:var(--paper-3)}.tb-menu-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:150px;display:flex;flex-direction:column;padding:4px;background:var(--paper-1);border:1px solid var(--line-1);border-radius:var(--r-sm);box-shadow:var(--shadow-md)}.tb-menu-item{display:flex;align-items:center;gap:8px;border:none;background:none;border-radius:var(--r-xs);padding:6px 9px;font-family:inherit;font-size:12.5px;color:var(--ink-1);cursor:pointer;text-align:left;white-space:nowrap}.tb-menu-item:hover{background:var(--paper-2)}.tb-menu-item.on{background:var(--accent-softer);color:var(--accent-deep);font-weight:600}.tb-sheet-scrim{position:fixed;inset:0;z-index:80;background:rgba(11,15,13,.32)}.tb-sheet{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(420px,94vw);display:flex;flex-direction:column;background:var(--paper-1);border-left:1px solid var(--line-1);box-shadow:var(--shadow-lg);color:var(--ink-1);font-family:var(--font-sans,"Hanken Grotesk"),system-ui,sans-serif}.tb-sheet-head{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line-1);flex:none}.tb-sheet-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}.tb-sheet-x{margin-left:auto;border:none;background:none;padding:4px;border-radius:var(--r-xs);color:var(--ink-3);cursor:pointer;display:inline-flex;line-height:0}.tb-sheet-x:hover{background:var(--paper-2);color:var(--ink-1)}.tb-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.tb-sheet-foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line-1)}.tb-sheet-meta{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);line-height:1.6}.tb-field{display:flex;flex-direction:column;gap:5px;min-width:0}.tb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tb-field-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.tb-input{width:100%;box-sizing:border-box;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper-1);padding:8px 10px;font-family:inherit;font-size:13px;color:var(--ink-1);outline:none;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.tb-input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.tb-input::-moz-placeholder{color:var(--ink-3)}.tb-input::placeholder{color:var(--ink-3)}.tb-textarea{resize:vertical;min-height:88px;line-height:1.5}.tb-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--paper-1);color:var(--ink-1);border-radius:var(--r-xs);padding:6px 11px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.tb-btn:hover{background:var(--paper-2)}.tb-btn:disabled{opacity:.6;cursor:default}.tb-btn-danger{background:var(--danger);border-color:var(--danger);color:var(--paper-1)}.tb-btn-danger:hover{background:var(--danger);filter:brightness(.94)}.tb-btn-danger-quiet{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.tb-btn-danger-quiet:hover{background:var(--danger-soft);filter:brightness(.97)}