:root{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #fafbfc;--border: #e2e5e9;--border-strong: #cbd0d6;--text: #1c2024;--muted: #6b7280;--accent: #3b82f6;--accent-text: #fff;--danger: #e5484d;--warn-bg: #fff4e5;--warn-border: #f5a623;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .18);--radius: 8px;--col-w: 296px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #16181d;--panel: #1f2228;--panel-2: #24272e;--border: #2e323a;--border-strong: #3b3f48;--text: #e6e8eb;--muted: #9aa0a8;--warn-bg: #3a2a12;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;padding:6px 8px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.app{display:flex;height:100vh;overflow:hidden}.app-loading,.empty-state{display:grid;place-items:center;height:100vh;width:100%;color:var(--muted)}.btn{background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;padding:6px 10px;transition:background .12s,border-color .12s}.btn:hover{background:var(--panel-2);border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-active{border-color:var(--accent);color:var(--accent)}.btn-quit{color:var(--danger)}.btn-quit:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-small{padding:3px 8px;font-size:12px}.btn-block{width:100%;margin-top:6px}.icon-btn{background:transparent;border:none;border-radius:6px;padding:4px 7px;color:var(--muted);line-height:1}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.link-btn{background:none;border:none;color:var(--muted);padding:0 4px;font-size:12px}.link-btn:hover{color:var(--text);text-decoration:underline}.link-btn.danger,.danger{color:var(--danger)}.muted{color:var(--muted)}.sidebar{width:230px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:10px;gap:6px}.sidebar-collapsed{width:44px;align-items:center;padding:8px 4px}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.board-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.board-row{display:flex;align-items:center;border-radius:6px;padding:2px}.board-row:hover{background:var(--panel-2)}.board-row.active{background:color-mix(in srgb,var(--accent) 14%,transparent)}.board-drag{color:var(--border-strong);cursor:grab;font-size:11px;padding:0 4px;user-select:none}.board-name{flex:1;text-align:left;background:none;border:none;padding:6px 4px;border-radius:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-row.active .board-name{font-weight:600;color:var(--accent)}.board-index{font-size:10px;color:var(--muted);width:14px;text-align:center;border:1px solid var(--border);border-radius:4px;flex-shrink:0}.board-name-edit,.inline-edit-input{border:1px solid var(--accent);border-radius:4px;padding:4px 6px;width:100%}.board-menu-wrap,.col-menu-wrap,.lane-menu-wrap,.data-menu-wrap{position:relative}.board-menu-btn{opacity:0}.board-row:hover .board-menu-btn{opacity:1}.menu-overlay{position:fixed;inset:0;z-index:40}.menu{position:absolute;top:100%;left:0;z-index:41;background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-lg);min-width:170px;padding:4px;display:flex;flex-direction:column}.menu-right{left:auto;right:0}.menu button{text-align:left;background:none;border:none;padding:7px 10px;border-radius:6px}.menu button:hover{background:var(--panel-2)}.menu-field{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px}.menu-field input{width:70px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar-wrap{border-bottom:1px solid var(--border);background:var(--panel)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px}.board-title{font-size:18px;font-weight:700;padding:4px 6px;border-radius:6px}.board-title.inline-edit-input{font-size:18px;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--border);background:var(--panel-2)}.filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-label{font-size:12px;color:var(--muted);font-weight:600}.filter-actions{margin-left:auto}.chip{border:1px solid var(--border-strong);background:var(--panel);border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.4}.chip-on{background:var(--accent);border-color:var(--accent);color:#fff}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);padding:0}.color-dot.small{width:15px;height:15px;border-width:1px}.color-dot-on{outline:2px solid var(--text);outline-offset:1px}.board-scroll{flex:1;overflow:auto;padding:14px}.board{display:flex;flex-direction:column;gap:8px}.header-row,.cells-row{display:flex;gap:12px;align-items:flex-start}.column-header{flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 8px 8px 6px;display:flex;align-items:center;gap:4px;min-height:40px;transition:width .18s ease}.column-header.wip-over{background:var(--warn-bg);border-color:var(--warn-border)}.col-drag{cursor:grab;color:var(--border-strong);font-size:11px;user-select:none}.collapse-btn{background:none;border:none;color:var(--muted);padding:2px 4px}.col-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-name-edit{flex:1;font-weight:600}.col-count{font-size:12px;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:1px 8px}.col-count.over{color:#fff;background:var(--warn-border);font-weight:700}.column-header.collapsed{writing-mode:vertical-rl;transform:rotate(180deg);justify-content:flex-start;align-items:center;min-height:160px;cursor:pointer;padding:8px 4px}.collapsed-label{display:flex;flex-direction:column;align-items:center;gap:8px}.collapsed-name{font-weight:600;white-space:nowrap}.collapsed-count{font-size:12px;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:1px 7px}.lane{display:flex;flex-direction:column;gap:6px}.lane-header{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;position:sticky;left:0}.lane-drag{cursor:grab;color:var(--border-strong);font-size:11px}.lane-name{font-weight:600}.lane-count{font-size:12px;color:var(--muted)}.lane-menu-wrap{margin-left:auto}.cell{width:var(--col-w);flex-shrink:0;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;min-height:60px;display:flex;flex-direction:column;gap:8px;transition:background .12s}.cell-collapsed{width:46px;background:transparent;border-color:transparent;min-height:0;padding:0}.cell-over{background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));border-color:var(--accent)}.cell-focused{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.cell-cards{display:flex;flex-direction:column;gap:8px}.add-affordance{background:none;border:1px dashed var(--border-strong);border-radius:6px;color:var(--muted);padding:7px;text-align:left}.add-affordance:hover{border-color:var(--accent);color:var(--accent)}.add-task-input{width:100%;resize:vertical;min-height:46px}.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 10px 8px 12px;overflow:hidden;cursor:pointer;transition:box-shadow .12s,transform .06s}.card:hover{box-shadow:0 2px 6px #0000001f}.card-dragging{box-shadow:var(--shadow-lg);cursor:grabbing;width:var(--col-w);background:var(--panel);border:1px solid var(--accent)}.card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}.card-content{display:flex;flex-direction:column;gap:5px}.card-labels{display:flex;flex-wrap:wrap;gap:4px}.label-chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--border-strong);color:#fff;line-height:1.5}.card-title-row{display:flex;align-items:baseline;gap:6px}.card-title{font-weight:600;line-height:1.3;overflow-wrap:anywhere}.card-title-edit,.card-title-row .inline-edit-input{font-weight:600;width:100%}.archived-badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--border-strong);color:var(--panel);border-radius:4px;padding:0 4px}.card-desc{font-size:12.5px;color:var(--text);opacity:.9;line-height:1.45}.card-desc.markdown>*:first-child{margin-top:0}.card-desc.markdown>*:last-child{margin-bottom:0}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.subtask-meta{display:flex;align-items:center;gap:5px;color:var(--muted)}.progress{display:inline-block;width:46px;height:5px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{display:block;height:100%;background:var(--accent)}.due-chip{border-radius:5px;padding:1px 6px;font-weight:600;border:1px solid var(--border-strong);color:var(--muted)}.due-overdue{background:color-mix(in srgb,var(--danger) 16%,transparent);border-color:var(--danger);color:var(--danger)}.due-soon{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-border)}.cf-chip{border:1px solid var(--border-strong);border-radius:5px;padding:1px 6px;color:var(--muted)}.markdown p{margin:0 0 6px}.markdown ul,.markdown ol{margin:4px 0;padding-left:18px}.markdown li{margin:1px 0}.markdown code{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.markdown pre{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px;overflow-x:auto}.markdown pre code{border:none;background:none;padding:0}.markdown a{color:var(--accent)}.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:8px 0 4px}.modal-backdrop{position:fixed;inset:0;background:#0006;display:grid;place-items:start center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:var(--panel);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;border:1px solid var(--border)}.modal-wide{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-title{font-weight:700;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px}.confirm-message{padding:14px 16px 0;margin:0;color:var(--muted)}.task-detail{max-width:900px}.td-header{position:relative;display:flex;align-items:flex-start;gap:8px;padding:16px 16px 10px 18px;border-bottom:1px solid var(--border)}.td-color-bar{position:absolute;left:0;top:0;bottom:0;width:5px}.td-title{flex:1;font-size:19px;font-weight:700;border:none;background:none;padding:4px;resize:none;overflow:hidden;field-sizing:content}.td-title:focus{outline:none;background:var(--panel-2);border-radius:6px}.td-body{display:grid;grid-template-columns:1fr 300px;gap:0}.td-main{padding:16px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border);min-width:0}.td-side{padding:16px;display:flex;flex-direction:column;gap:18px;background:var(--panel-2);border-radius:0 0 12px}.td-main section h4,.td-side section h4,.settings-body h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-head h4{margin:0}.td-desc{width:100%;min-height:130px;resize:vertical;line-height:1.5}.td-desc-preview{min-height:60px;border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--panel-2)}.td-actions{margin-top:auto}.td-timestamps{margin-top:10px;font-size:11px}.color-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.label-picker{display:flex;flex-wrap:wrap;gap:6px}.label-creator{margin-top:8px;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:6px}.inline-check{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:6px;color:var(--muted)}.inline-check input{width:auto}.repeat-row{display:flex;gap:6px}.repeat-interval{width:64px}.repeat-hint{font-size:12px;margin:6px 0 0}.cf-field{margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.cf-field label{font-size:12px;color:var(--muted)}.subtasks{display:flex;flex-direction:column;gap:4px}.subtask-row{display:flex;align-items:center;gap:6px;padding:3px 2px}.subtask-drag{cursor:grab;color:var(--border-strong);font-size:11px}.subtask-row input[type=checkbox]{width:auto}.subtask-title{flex:1}.subtask-title.done{text-decoration:line-through;color:var(--muted)}.subtask-add input{width:100%}.comment-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}.comment{border:1px solid var(--border);border-radius:6px;padding:8px;background:var(--panel-2)}.comment-text{white-space:pre-wrap}.comment-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px}.comment-add{display:flex;gap:6px;align-items:flex-start}.comment-add textarea{flex:1;min-height:40px;resize:vertical}.search-modal{max-width:640px;padding:12px}.search-input{width:100%;font-size:16px;padding:10px 12px}.search-results{margin-top:10px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.search-hint{padding:12px;text-align:center}.search-result{position:relative;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:8px 10px 8px 14px}.search-result:hover{background:var(--panel-2);border-color:var(--border)}.search-stripe{position:absolute;left:4px;top:8px;bottom:8px;width:3px;border-radius:2px}.search-result-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-title{font-weight:600;display:flex;gap:6px;align-items:center}.search-result-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-loc{font-size:11px;color:var(--muted);white-space:nowrap}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px}.shortcut-table{border-collapse:collapse;width:100%}.shortcut-table td{padding:4px 6px;vertical-align:top}kbd{font-family:ui-monospace,monospace;font-size:12px;background:var(--panel-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;white-space:nowrap}.tip-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.settings-body{padding:16px;display:flex;flex-direction:column;gap:22px;max-height:72vh;overflow-y:auto}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.seg-btn{background:var(--panel);border:none;border-right:1px solid var(--border);padding:6px 12px}.seg-btn:last-child{border-right:none}.seg-on{background:var(--accent);color:#fff}.settings-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.settings-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.add-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cf-options{min-width:160px}