:root{color-scheme:light dark;--font-ui: Inter, "Inter var", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--bg: #fafafa;--surface: #ffffff;--surface-sunken: #f4f4f5;--surface-hover: #f4f4f5;--text: #18181b;--text-muted: #71717a;--text-subtle: #a1a1aa;--text-axis: #71717a;--text-on-sunken: #6b6b74;--border: #eaeaea;--border-strong: #d4d4d8;--accent: #f97316;--accent-strong: #c2410c;--accent-soft: #fff7ed;--accent-text: #ffffff;--chart-line: #ea580c;--success: #16a34a;--success-text: #15803d;--warning: #b45309;--danger: #dc2626;--scrim: rgb(24 24 27 / 32%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--radius-sheet: 20px;--rail-w: 64px;--rail-open-w: 220px;--bottomnav-h: 56px;--shadow-xs: 0 1px 0 rgb(24 24 27 / 4%);--shadow-sm: 0 1px 2px rgb(24 24 27 / 6%);--shadow-md: 0 8px 24px -8px rgb(24 24 27 / 16%);--dur-fast: 90ms;--dur-base: .14s;--dur-slow: .2s;--ease: cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg: #0b0b0d;--surface: #141417;--surface-sunken: #1c1c20;--surface-hover: #1f1f24;--text: #e4e4e7;--text-muted: #a1a1aa;--text-subtle: #52525b;--text-axis: #a1a1aa;--text-on-sunken: #a1a1aa;--border: #26262b;--border-strong: #3f3f46;--accent: #fb923c;--accent-strong: #fb923c;--accent-soft: rgb(251 146 60 / 12%);--accent-text: #0b0b0d;--chart-line: #fb923c;--success: #4ade80;--success-text: #4ade80;--warning: #fbbf24;--danger: #f87171;--scrim: rgb(0 0 0 / 62%);--shadow-xs: 0 1px 0 rgb(0 0 0 / 40%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 50%);--shadow-md: 0 8px 24px -8px rgb(0 0 0 / 70%)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text)}body{margin:0;font-family:var(--font-ui);font-size:13px;line-height:20px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}a{color:inherit}.primary{height:32px;padding:0 var(--space-3);background:var(--accent-strong);color:var(--accent-text);border:1px solid var(--accent-strong);border-radius:var(--radius-md);font-size:13px;font-weight:500}.primary:hover{background:color-mix(in srgb,var(--accent-strong) 88%,#000000)}.primary:disabled{opacity:.5;cursor:not-allowed}.danger{color:var(--danger)}.analytics-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.analytics-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--bg)}.auth-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-6)}.auth-card h1{font-size:18px;line-height:26px;margin:0}.auth-card label{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;color:var(--text-muted)}.board-tag-select{max-width:220px}.board-tag-filter,.board-search{padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px}.auth-card input{width:100%;height:36px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px}@media (width <= 720px){.auth-page{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.auth-card{padding:var(--space-4)}.auth-card input{height:44px;font-size:16px}}.auth-error{color:var(--danger);margin:0;font-size:12px}.auth-footer{font-size:12px;text-align:center;color:var(--text-muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.board-header{height:56px;flex:none;display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--space-6)}.board-header-row{display:flex;align-items:center;gap:var(--space-6);width:100%;min-width:0}.app-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.app-brand-mark{width:14px;height:14px;border-radius:3px;border:1px solid var(--accent-strong);box-shadow:inset 0 -4px 0 var(--accent-strong)}.board-tabs{display:flex;align-items:stretch;gap:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none}.board-tabs::-webkit-scrollbar{display:none}.board-tab{position:relative;height:56px;padding:0 var(--space-2);background:transparent;border:none;border-radius:0;color:var(--text-muted);font-size:13px;font-weight:500;white-space:nowrap}.board-tab:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:0;height:2px;background:transparent;transition:background-color var(--dur-fast) var(--ease)}.board-tab:hover{color:var(--text)}.board-tab.is-active{color:var(--text);font-weight:600}.board-tab.is-active:after{background:var(--accent-strong)}.board-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.board-new-task{flex:none}.board-search{flex:0 1 220px;width:220px;min-width:120px;height:32px;background:var(--surface-sunken);border-color:transparent}.board-search::placeholder{color:var(--text-muted)}.board-search:focus-visible{border-color:var(--border-strong);background:var(--surface)}.board-settings{display:inline-flex;align-items:center;height:32px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:500}.board-settings:hover{background:var(--surface-hover);color:var(--text)}.board-signout{height:28px;padding:0 var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px}.board-signout:hover{color:var(--danger)}.app-avatar{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.02em}.app-account{position:relative;flex:none}.app-account-trigger{background:var(--surface-sunken);color:var(--text-muted);cursor:pointer}.app-account-trigger:hover{color:var(--text)}.app-account .app-account-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:1200}.app-account-menu a{display:block;padding:6px var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none;font-size:13px}.app-account-menu a:hover{background:var(--surface-hover)}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border-bottom:1px solid var(--border)}.analytics-kpi{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-6);min-width:0;transition:background-color var(--dur-fast) var(--ease)}.analytics-kpi+.analytics-kpi{border-left:1px solid var(--border)}.analytics-kpi:hover{background:var(--surface-hover)}.analytics-kpi-label{font-size:11px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.analytics-kpi-value{font-size:24px;line-height:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.analytics-kpi-meta{font-family:var(--font-mono);font-size:10.5px;line-height:16px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-kpi-meta.is-up{color:var(--success-text)}.analytics-kpi-meta.is-down{color:var(--danger)}.board-controls{min-height:52px;flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-1) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border)}.board-period{display:flex;align-items:center;gap:var(--space-1)}.board-period-label{font-size:13px;line-height:20px;font-weight:600;white-space:nowrap}.board-nav,.board-today{height:24px;padding:0 var(--space-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px}.board-nav:hover,.board-today:hover{background:var(--surface-hover);color:var(--text)}.board-today{margin-left:var(--space-1);font-size:12px;font-weight:500}.analytics-divider{width:1px;height:20px;background:var(--border);flex:none}.analytics-chipgroup{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.analytics-chip{height:24px;padding:0 var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;white-space:nowrap}.analytics-chip:hover{background:var(--surface-hover);color:var(--text)}.analytics-chip.is-active{background:var(--accent-strong);color:var(--accent-text)}.analytics-chip.is-active:hover{background:color-mix(in srgb,var(--accent-strong) 88%,#000000);color:var(--accent-text)}.analytics-compare{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px;cursor:pointer;white-space:nowrap}.analytics-compare input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin:0;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;display:inline-grid;place-content:center}.analytics-compare input:checked{background:var(--accent-strong);border-color:var(--accent-strong)}.analytics-compare input:checked:after{content:"";width:8px;height:4px;border-left:1.5px solid var(--accent-text);border-bottom:1.5px solid var(--accent-text);transform:translateY(-1px) rotate(-45deg)}.analytics-stats{margin-left:auto;font-size:11px;line-height:16px;color:var(--text-muted);white-space:nowrap}.analytics-charts{padding:var(--space-6) var(--space-6) var(--space-2)}.analytics-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.analytics-section-title{margin:0;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.analytics-ghost-link{font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap}a.analytics-ghost-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.analytics-chart-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-6)}.analytics-chart{margin:0;background:var(--surface);border:none;box-shadow:none;border-radius:0;padding:var(--space-6);min-width:0}.analytics-chart-head{display:flex;justify-content:flex-end;min-height:16px;margin-bottom:var(--space-2)}.analytics-chart-legend{display:flex;align-items:center;gap:var(--space-3);margin:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;color:var(--text-muted)}.analytics-legend-item{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.analytics-legend-dot{width:6px;height:6px;border-radius:var(--radius-pill)}.analytics-legend-dot.is-primary{background:var(--chart-line)}.analytics-legend-dot.is-muted{background:var(--text-muted);opacity:.6}.analytics-chart-plot{position:relative}.analytics-chart svg{display:block;width:100%;height:auto;overflow:visible}.analytics-grid{stroke:var(--border);stroke-width:1}.analytics-axis{fill:var(--text-axis);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.analytics-area{fill:var(--chart-line);opacity:.06}.analytics-line{fill:none;stroke:var(--chart-line);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.analytics-line.is-muted{stroke:var(--text-muted);stroke-width:1.5;opacity:.6}.analytics-cursor{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:2 3}.analytics-point{fill:var(--surface);stroke:var(--chart-line);stroke-width:1.5}.analytics-bar-track{fill:var(--surface-sunken)}.analytics-bar{fill:var(--chart-line)}.analytics-tooltip{position:absolute;z-index:5;top:0;transform:translate(-50%,-100%);display:flex;flex-direction:column;gap:var(--space-1);min-width:128px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;transition:opacity var(--dur-base) var(--ease)}.analytics-tooltip-title{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.analytics-tooltip-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:12px}.analytics-tooltip-row .analytics-mono,.analytics-tooltip-row span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.analytics-chart-summary{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:10.5px;line-height:16px;letter-spacing:.02em;color:var(--text-muted)}.analytics-chart-empty{margin:var(--space-1) 0 0;font-size:12px;line-height:18px;color:var(--text-muted)}.analytics-page{width:min(1200px,100%);margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.analytics-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.analytics-select{display:inline-flex;flex-direction:column;gap:var(--space-1);font-size:11px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.analytics-select select{height:32px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:13px;letter-spacing:normal;text-transform:none}.analytics-page .analytics-compare{padding-bottom:6px}.analytics-page .analytics-stats{margin-left:auto;padding-bottom:6px}.analytics-page .analytics-kpis{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.analytics-page .analytics-charts.is-page{padding:0}.analytics-loading{margin:0;color:var(--text-muted);font-size:13px}.board-controls .analytics-stats{margin-left:auto}.board-surface{flex:1;padding:var(--space-6);overflow:auto;outline:none;min-width:0}.board-surface:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-strong)}.board-surface>.analytics-section-head{margin-bottom:var(--space-4)}.board-empty{display:grid;justify-items:start;gap:var(--space-2);max-width:34rem;margin:var(--space-7) auto;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:14px;line-height:20px}.board-empty h2{margin:0;font-size:14px;line-height:20px;color:var(--text)}.board-empty p{margin:0}.board-empty button{margin-top:var(--space-2)}.task-flow-columns{max-width:100%;display:flex;gap:var(--space-4);align-items:flex-start;overflow-x:auto;padding-bottom:var(--space-4)}.task-flow-columns.is-compact{gap:var(--space-3)}.task-flow-column{position:relative;flex:0 0 var(--task-flow-column-width, 280px);width:var(--task-flow-column-width, 280px);background:transparent;border:none;border-top:1px solid var(--border);border-radius:0;display:flex;flex-direction:column;max-height:calc(100vh - 220px);padding-top:var(--space-2);transition:border-color var(--dur-fast) var(--ease)}.task-flow-column.is-over{border-top-color:var(--accent-strong)}.task-flow-column.is-reordering{opacity:.6}.task-flow-column-resize{display:none;position:absolute;top:0;bottom:0;right:-10px;width:12px;cursor:col-resize;touch-action:none}.task-flow-column-resize:after{content:"";position:absolute;left:5px;top:2px;bottom:2px;width:2px;border-radius:1px;background:transparent;transition:background-color var(--dur-fast) var(--ease)}.task-flow-column-resize:hover:after,.task-flow-column-resize.is-active:after{background:var(--border-strong)}.task-flow-column-resize:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px;border-radius:var(--radius-sm)}.task-flow-columns.is-dragging .task-flow-column-resize{display:none}.task-flow-column-header{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1) var(--space-2);border-bottom:none}.task-flow-column-dot{width:6px;height:6px;border-radius:var(--radius-pill);flex:none}.task-flow-column-title{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.task-flow-column-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text-muted)}.task-flow-column-count.is-over-limit{color:var(--danger);font-weight:600}.task-flow-column-hint{color:var(--text-muted);font-size:12px;text-align:center;margin:var(--space-2) 0}.task-flow-column-handle,.clickable-icon.task-flow-column-handle{background:transparent;border:none;color:var(--text-subtle);padding:0;cursor:grab}.task-flow-column-pinned{color:var(--text-muted);font-size:11px}.task-flow-column-cards{padding:0;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;min-height:44px}.task-flow-column-cards.is-virtualized .task-flow-card{content-visibility:auto;contain-intrinsic-size:auto 64px}.task-flow-column-add{margin:var(--space-2) 0 0;border:1px dashed var(--border);background:transparent;border-radius:var(--radius-md);padding:var(--space-2);color:var(--text-muted);font-size:12px}.task-flow-column-add:hover{border-color:var(--border-strong);color:var(--text)}.task-flow-column-add span{margin-right:var(--space-1)}.task-flow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);touch-action:manipulation;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.task-flow-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.task-flow-card.is-dragging{opacity:.4}.task-flow-card-content{position:relative;padding:10px 12px;border-left:2px solid var(--horizon-status-color, var(--border));border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface)}.task-flow-card-content.is-overlay{box-shadow:var(--shadow-md);transform:scale(1.02)}.task-flow-card-content.is-done{opacity:.65}.task-flow-card-content.is-cancelled .task-flow-card-title{text-decoration:line-through}.task-flow-card-title-row{display:flex;align-items:flex-start;gap:var(--space-1)}.task-flow-card-title{font-size:13px;line-height:18px;font-weight:500;letter-spacing:-.004em;flex:1;min-width:0}.task-flow-card-title-input{flex:1;min-width:0;height:24px;padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;line-height:18px}.task-flow-card-action,.task-flow-card-folder{border:none;background:transparent;color:var(--text-subtle);padding:0;width:18px;height:18px;line-height:18px;font-size:12px;border-radius:var(--radius-xs)}.task-flow-card-action:hover{background:var(--surface-hover);color:var(--text)}.task-flow-card-warning{color:var(--danger);font-weight:700;font-size:11px;line-height:18px}.task-flow-card-warning.is-error{color:var(--danger)}.task-flow-card-urgent{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--danger)}.task-flow-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:10.5px;line-height:16px;letter-spacing:.02em;color:var(--text-muted);font-variant-numeric:tabular-nums}.task-flow-card-priority{border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 var(--space-1);font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.task-flow-card-priority.is-urgent,.task-flow-card-priority.is-high{color:var(--text);border-color:var(--border-strong)}.task-flow-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.task-flow-tag{border:1px solid color-mix(in srgb,var(--tag-base, var(--border)) 40%,transparent);color:color-mix(in srgb,var(--tag-base, var(--text-muted)) 78%,var(--text));background:color-mix(in srgb,var(--tag-base, var(--border)) 9%,transparent);border-radius:var(--radius-xs);padding:0 4px;font-family:var(--font-mono);font-size:10.5px;line-height:15px;letter-spacing:.02em}.task-flow-tag.is-more{background:transparent;border-color:var(--border);color:var(--text-muted)}.task-flow-card-due.is-overdue{color:var(--danger)}.task-flow-card-period{color:var(--text-muted)}.task-flow-card-parent{border:none;background:transparent;padding:0;color:var(--text-muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-flow-card-parent:hover{color:var(--text)}.task-flow-card-rollup{display:flex;align-items:center;gap:var(--space-2);width:100%}.task-flow-card-rollup-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.task-flow-progress{flex:1;height:3px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.task-flow-progress-fill{height:100%;background:var(--horizon-status-color, var(--chart-line))}.task-flow-card-hint{color:var(--text-muted);font-size:10.5px}.task-flow-swimlane{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.task-flow-swimlane-label{display:flex;align-items:baseline;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.task-flow-swimlane-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.task-flow-swimlane-cells{display:flex;gap:var(--space-4);max-height:var(--task-flow-swimlane-max-height, 600px);overflow-x:auto}.task-flow-menu{position:fixed;z-index:1100;display:flex;flex-direction:column;min-width:210px;max-height:70vh;overflow:auto;padding:var(--space-1);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.task-flow-menu button{padding:6px var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;font-size:13px}.task-flow-menu button:hover:not(:disabled){background:var(--surface-hover)}.task-flow-menu button:disabled{color:var(--text-subtle);cursor:default}.task-flow-menu .danger{color:var(--danger)}.task-flow-menu-heading{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.task-flow-menu hr{width:100%;margin:var(--space-1) 0;border:none;border-top:1px solid var(--border)}.task-flow-toast{position:fixed;left:50%;bottom:var(--space-5);z-index:1200;display:flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 2rem));padding:var(--space-2) var(--space-3);transform:translate(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:12px}.task-flow-toast-action{padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--accent-strong);font-size:12px;font-weight:600}.task-flow-rollover-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin:var(--space-3) var(--space-6) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:2px solid var(--accent-strong);border-radius:var(--radius-md);background:var(--surface);font-size:13px}.task-flow-rollover-notice p{margin:0}.task-flow-rollover-actions{display:flex;gap:var(--space-2)}.task-flow-rollover-actions button:not(.primary){height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:12px}.task-flow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:var(--space-4);background:var(--scrim)}.task-flow-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(960px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md);animation:analytics-dialog-in var(--dur-slow) var(--ease)}@keyframes analytics-dialog-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-flow-dialog-title{margin:0;padding:var(--space-3) var(--space-4);font-size:14px;font-weight:600;border-bottom:1px solid var(--border)}.task-flow-dialog-body{padding:var(--space-4);overflow:auto}.task-flow-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.task-flow-dialog-footer button,.task-flow-confirm-dialog button{height:32px;padding:0 var(--space-3);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);font-size:13px}.task-flow-dialog-footer button:hover:not(:disabled),.task-flow-confirm-dialog button:hover:not(:disabled){background:var(--surface-hover)}.task-flow-dialog-footer .primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-text)}.task-flow-dialog-footer .danger,.task-flow-menu .danger{color:var(--danger)}.task-flow-dialog-footer .danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.task-flow-form{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-4)}.task-flow-form-main,.task-flow-form-details{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.task-flow-form-details textarea{min-height:22rem}.task-flow-framework{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:var(--space-3)}.task-flow-framework h3,.task-flow-framework h4{margin:0 0 var(--space-1);font-size:13px}.task-flow-framework-layers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-2)}.task-flow-framework-layer{display:flex;flex-direction:column;gap:var(--space-2)}.task-flow-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px}.task-flow-field>span:first-child{font-weight:600;color:var(--text-muted)}.task-flow-field input,.task-flow-field select,.task-flow-field textarea,.settings-field input[type=text],.settings-field select,.settings-field input[type=number],.settings-add-row input[type=text]{height:32px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:13px}.task-flow-field textarea{height:auto;padding:var(--space-2);min-height:7rem;resize:vertical;line-height:20px}.task-flow-hint{margin:0;color:var(--text-muted);font-size:11px}.task-flow-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.task-flow-chip{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:11px;font-family:var(--font-mono)}.task-flow-chip button{border:none;background:transparent;color:var(--text-muted);padding:0}.task-flow-suggestions{list-style:none;margin:0;padding:0;max-height:11rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}.task-flow-suggestions button{display:block;width:100%;padding:var(--space-2);border:none;background:transparent;color:inherit;text-align:left;font-size:12px}.task-flow-suggestions button:hover,.task-flow-suggestions button[aria-pressed=true]{background:var(--surface-hover)}.task-flow-parent-current{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:12px}.task-flow-parent-current button{border:1px solid var(--border);background:transparent;border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:11px}.task-flow-notes,.task-flow-issues{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px}.task-flow-notes ul,.task-flow-issues ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.task-flow-issues .is-error{color:var(--danger)}.task-flow-issues .is-warning{color:var(--warning)}.task-flow-editor{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.task-flow-editor-toolbar{display:flex;align-items:center;gap:2px;padding:var(--space-1);border-bottom:1px solid var(--border);background:var(--surface-sunken);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;position:sticky;top:0;z-index:1}.task-flow-editor-toolbar::-webkit-scrollbar{display:none}.task-flow-editor-style{flex:none;height:30px;margin-right:var(--space-1);padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px}.task-flow-editor-button{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted)}.task-flow-editor-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.task-flow-editor-button.is-active{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--text)}.task-flow-editor-button:disabled{opacity:.45;cursor:default}.task-flow-editor-surface{min-height:9rem;max-height:22rem;overflow-y:auto;padding:var(--space-2) var(--space-3);font-size:14px;line-height:22px;outline:none}.task-flow-editor-surface>*+*{margin-top:.6em}.task-flow-editor-surface h1{font-size:20px;line-height:28px;font-weight:600}.task-flow-editor-surface h2{font-size:17px;line-height:24px;font-weight:600}.task-flow-editor-surface h3{font-size:15px;line-height:22px;font-weight:600}.task-flow-editor-surface table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:20px}.task-flow-editor-surface th,.task-flow-editor-surface td{min-width:4rem;border:1px solid var(--border);padding:6px var(--space-2);text-align:left;vertical-align:top}.task-flow-editor-surface th{background:var(--surface-sunken);color:var(--text-on-sunken);font-weight:600}.task-flow-editor-surface h4{font-size:13px;line-height:20px;font-weight:600}.task-flow-editor-surface ul,.task-flow-editor-surface ol{padding-left:1.4rem}.task-flow-editor-surface li>p{margin:0}.task-flow-editor-surface ul[data-type=taskList]{list-style:none;padding-left:0}.task-flow-editor-surface ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:var(--space-2)}.task-flow-editor-surface blockquote{margin:0;padding-left:var(--space-3);border-left:2px solid var(--border-strong);color:var(--text-muted)}.task-flow-editor-surface code{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 3px}.task-flow-editor-surface pre{overflow:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.task-flow-editor-surface pre code{border:none;padding:0;background:none}.task-flow-editor-surface hr{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}.task-flow-editor-surface a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.task-flow-editor-surface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--text-subtle);pointer-events:none}.settings-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.settings-top{height:56px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border)}.settings-top h1{margin:0;font-size:14px;font-weight:600}.settings-top a{color:var(--text-muted);text-decoration:none;font-size:12px}.settings-top a:hover{color:var(--text)}.settings-saving{margin-left:auto;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.02em}.settings-layout{flex:1;display:grid;grid-template-columns:216px 1fr;min-height:0}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--surface);border-right:1px solid var(--border)}.settings-nav-item{padding:6px var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);text-align:left;font-size:13px}.settings-nav-item:hover{background:var(--surface-hover);color:var(--text)}.settings-nav-item.is-active{background:var(--accent-soft);color:var(--text);font-weight:600;box-shadow:inset 2px 0 0 var(--accent-strong)}.settings-content{padding:var(--space-6);overflow:auto}.settings-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:820px}.settings-page h2{margin:0;font-size:16px;line-height:24px}.settings-group{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.settings-group legend{padding:0 var(--space-1);font-weight:600;font-size:12px}.settings-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px}.settings-field.is-inline{flex-direction:row;align-items:center;gap:var(--space-2)}.settings-field>span:first-child{font-weight:600;color:var(--text-muted)}.settings-field input[type=range]{width:100%;accent-color:var(--accent-strong)}.settings-hint{margin:0;color:var(--text-muted);font-size:11px;line-height:16px}.settings-check{display:flex;align-items:center;gap:var(--space-2);font-size:12px}.settings-check input{accent-color:var(--accent-strong)}.settings-checks{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.settings-tag-list,.settings-status-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.settings-tag-row{display:flex;align-items:center;gap:var(--space-2)}.settings-tag-row button,.settings-add-row button,.settings-status-row button{height:28px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;font-size:12px}.settings-tag-row button:hover,.settings-add-row button:hover,.settings-status-row button:hover{background:var(--surface-hover)}.settings-add-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.settings-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;gap:var(--space-1);align-items:center}.settings-status-row .settings-warning{grid-column:1 / -1}.settings-status-label{width:100%}.settings-warning{margin:0;color:var(--warning);font-size:11px;line-height:16px}.settings-error{margin:0;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:var(--radius-md);color:var(--danger);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-error p{margin:0}.settings-error button{height:28px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px}.settings-confirm{width:min(520px,100%)}.task-flow-confirm-dialog{width:min(460px,100%)}.settings-status-archive{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--text-muted)}.settings-status-archive input{width:6rem}.guide-page{width:min(820px,100%);margin:0 auto;padding:var(--space-7) var(--space-6) var(--space-9)}.task-flow-markdown{font-size:14px;line-height:24px;color:var(--text)}.task-flow-markdown h1{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-4)}.task-flow-markdown h2{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:var(--space-7) 0 var(--space-2)}.task-flow-markdown h3{font-size:14px;line-height:20px;margin:var(--space-4) 0 var(--space-2)}.task-flow-markdown p{margin:var(--space-2) 0}.task-flow-markdown ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.task-flow-markdown li{margin:var(--space-1) 0}.task-flow-markdown table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:12px;line-height:18px}.task-flow-markdown th,.task-flow-markdown td{border:1px solid var(--border);padding:var(--space-2);text-align:left;vertical-align:top}.task-flow-markdown th{background:var(--surface-sunken);font-weight:600}.task-flow-markdown code{font-family:var(--font-mono);font-size:11.5px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 3px}.task-flow-markdown pre{overflow:auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.task-flow-markdown pre code{border:none;padding:0;background:none}.board-orphans{height:24px;padding:0 var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500}.board-orphans.is-active{background:var(--accent-strong);color:var(--accent-text);font-weight:500}.board-tag-filter{height:28px}.app-body{display:flex;flex-direction:column;flex:1;min-width:0}.app-body.is-railed{padding-left:var(--rail-w)}.app-body.is-mobile{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}.chrome-rail{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--rail-w);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;transition:box-shadow var(--dur-fast) var(--ease)}.chrome-rail:hover,.chrome-rail:focus-within{width:var(--rail-open-w);box-shadow:var(--shadow-md)}.chrome-rail-brand{display:grid;place-items:center;height:32px;flex:none}.chrome-rail-links{display:flex;flex-direction:column;gap:2px}.chrome-rail-link{display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 23px;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chrome-rail-link:hover{background:var(--surface-hover);color:var(--text)}.chrome-rail-link.is-active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent-strong)}.chrome-rail-label{opacity:0;transform:translate(-4px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.chrome-rail:hover .chrome-rail-label,.chrome-rail:focus-within .chrome-rail-label{opacity:1;transform:none}.chrome-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--bottomnav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.chrome-bottomnav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;color:var(--text-muted);text-decoration:none;font-size:10.5px;letter-spacing:.02em;transition:color var(--dur-fast) var(--ease)}.chrome-bottomnav-link.is-active{color:var(--text);box-shadow:inset 0 2px 0 var(--accent-strong)}.mobile-topbar{position:sticky;top:0;z-index:35;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-height:56px;padding:env(safe-area-inset-top) var(--space-3) 0;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-topbar-back{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:none;color:var(--text)}.mobile-topbar-title{font-size:14px;line-height:20px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-title.is-picker{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0;background:transparent;border:none;color:var(--text);font:inherit;font-weight:600}.page-topbar{min-height:56px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.page-topbar-title{font-size:14px;font-weight:600}.page-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.settings-main{flex:1;min-height:0;display:flex;flex-direction:column}.settings-title{font-size:14px;font-weight:600}.board-tabs-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--space-4)}.board-tabs-bar .board-tab{height:44px}.board-search-toggle{width:44px;height:44px;display:grid;place-items:center;margin-left:auto;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted)}.board-search-toggle:hover{background:var(--surface-hover);color:var(--text)}.task-flow-sheet-grabber{display:none;width:36px;height:4px;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--border-strong);flex:none}.chrome-search-dialog{width:min(640px,100%)}.chrome-search-input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:16px}.chrome-sheet-meta{margin:0 0 var(--space-3);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.chrome-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.chrome-sheet-actions button,.chrome-sheet-statuses button{min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px}.chrome-sheet-actions button:hover,.chrome-sheet-statuses button:hover:not(:disabled){background:var(--surface-hover)}.chrome-sheet-actions .danger{color:var(--danger)}.chrome-sheet-heading{margin:var(--space-5) 0 var(--space-2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.chrome-sheet-statuses{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.chrome-sheet-statuses button:disabled{color:var(--text-subtle);cursor:default}.chrome-sheet-statuses button.is-active{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--text)}.analytics-kpis.is-hero{display:block}.analytics-kpi.is-hero{border:none;padding:var(--space-4)}.analytics-kpi.is-hero .analytics-kpi-value{font-size:34px;line-height:36px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}.analytics-kpi-grid .analytics-kpi{border-left:none}.analytics-kpi-grid .analytics-kpi:nth-child(2n){border-left:1px solid var(--border)}.analytics-kpi-grid .analytics-kpi:nth-child(n+3){border-top:1px solid var(--border)}.analytics-pin{position:absolute;top:0;transform:translate(-50%,-100%);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.analytics-data{margin-top:var(--space-2)}.analytics-data summary{cursor:pointer;font-size:11px;color:var(--text-muted)}.analytics-data table{width:100%;border-collapse:collapse;margin-top:var(--space-2);font-size:11px}.analytics-data th,.analytics-data td{border-top:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left;font-family:var(--font-mono);font-weight:400}.analytics-data caption{text-align:left;color:var(--text-muted);font-size:11px;padding-bottom:var(--space-1)}.settings-signout{display:none;width:100%;min-height:44px;margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--danger);font-size:13px}@media (width <= 1023px){.analytics-chart-grid{grid-template-columns:minmax(0,1fr)}.task-flow-overlay{align-items:flex-end;padding:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-flow-dialog{width:100%;max-width:100%;max-height:85dvh;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;border-bottom:none}.task-flow-sheet-grabber{display:block}.task-flow-columns{scroll-snap-type:x mandatory;scroll-padding-left:var(--space-4);-webkit-overflow-scrolling:touch}.task-flow-column{scroll-snap-align:start;touch-action:pan-x pan-y}.board-nav,.board-today{min-width:44px;min-height:44px}.page-topbar .app-account-trigger{width:44px;height:44px;font-size:12px}.analytics-select select{min-height:44px}.analytics-kpis:not(.is-hero){grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis:not(.is-hero) .analytics-kpi:nth-child(3){border-left:none;border-top:1px solid var(--border)}.analytics-kpis:not(.is-hero) .analytics-kpi:nth-child(4){border-top:1px solid var(--border)}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-flow:row wrap;border-right:none;border-bottom:1px solid var(--border)}.settings-content{padding:var(--space-4)}.settings-signout{display:block}.settings-status-row{grid-template-columns:1fr auto auto}.task-flow-form,.task-flow-framework-layers{grid-template-columns:1fr}}@media (width <= 767px){.board-controls{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.analytics-chip{position:relative;height:32px;padding:0 var(--space-3)}.analytics-chip:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi{padding:var(--space-3) var(--space-4)}.analytics-kpi:nth-child(3){border-left:none;border-top:1px solid var(--border)}.analytics-kpi:nth-child(4){border-top:1px solid var(--border)}.analytics-kpis.is-hero .analytics-kpi.is-hero{padding:var(--space-4);border:none}.analytics-stats{margin-left:0;flex-basis:100%}.analytics-charts{padding:var(--space-4) var(--space-3) 0}.analytics-page{padding:var(--space-4) var(--space-3);gap:var(--space-4)}.analytics-page .analytics-charts.is-page{padding:0}.analytics-page .analytics-stats{margin-left:0;padding-bottom:0}.analytics-chart{padding:var(--space-3)}.analytics-section-head{margin-bottom:var(--space-2)}.board-surface{padding:var(--space-4) var(--space-3) var(--space-6)}.task-flow-column{flex:0 0 86vw;width:86vw;max-width:86vw;max-height:none}.task-flow-editor-surface{font-size:16px;line-height:24px}.task-flow-editor-surface table{display:block;overflow-x:auto;table-layout:auto}.task-flow-editor-button{width:44px;height:44px}.task-flow-editor-style{height:44px;font-size:16px}.chrome-search-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.task-flow-form-details textarea{min-height:10rem}.task-flow-rollover-notice{margin:var(--space-3) var(--space-3) 0}.settings-top{padding:0 var(--space-4)}.guide-page{padding:var(--space-4) var(--space-3) var(--space-8)}.task-flow-markdown table{display:block;overflow-x:auto}}@media (width >= 1024px){.task-flow-columns{scroll-snap-type:none;flex-wrap:wrap;overflow-x:hidden;row-gap:var(--space-4)}.task-flow-column{flex:var(--column-grow, 1) 1 var(--column-basis, 0);width:auto;min-width:148px;max-width:none}.task-flow-column-resize{display:block}}@media (prefers-reduced-transparency: reduce){.task-flow-overlay{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.board-controls-end{display:flex;align-items:center;gap:var(--space-2)}.task-flow-task-dialog{width:min(960px,100%)}.task-flow-columns.is-swimlanes{flex-direction:column;align-items:stretch}.task-flow-columns.is-dragging .task-flow-column{overflow:visible}.task-flow-dialog-header{display:contents}.task-flow-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.task-flow-task-dialog{position:relative;overflow:hidden;min-width:0}.task-flow-task-dialog .task-flow-dialog-header{display:flex;align-items:center;gap:var(--space-2);flex:none;min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.task-flow-task-dialog .task-flow-dialog-title{flex:1 1 auto;min-width:0;margin:0;padding:0;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-flow-task-dialog .task-flow-dialog-body{display:flex;flex:1 1 auto;min-height:0;padding:0;overflow:hidden}.task-flow-dialog-actions{display:flex;align-items:center;gap:var(--space-1);flex:none;margin-left:auto}.task-flow-dialog-action,.task-flow-properties-head button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted)}.task-flow-dialog-action:hover,.task-flow-properties-head button:hover{background:var(--surface-hover);color:var(--text)}.task-flow-dialog-action[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--text)}.task-flow-task-dialog .task-flow-dialog-header>button{height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:13px}.task-flow-task-dialog .task-flow-dialog-header>button.primary{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-text)}.task-flow-task-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;min-height:0}.task-flow-task-body.is-split{grid-template-columns:minmax(0,1fr) 280px}.task-flow-pane{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;padding:var(--space-4);overflow:hidden}.task-flow-title{gap:2px}.task-flow-title input{height:40px;padding:0 var(--space-1);border:1px solid transparent;border-radius:0;background:transparent;color:var(--text);font-size:16px;line-height:24px;font-weight:600}.task-flow-title input:focus{outline:none;border-bottom-color:var(--border-strong)}.task-flow-body-editor{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto;min-height:0}.task-flow-body-editor .task-flow-editor{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.task-flow-editor-area{flex:1 1 auto;min-height:320px;overflow-y:auto}.task-flow-editor-area>div{display:flex;flex-direction:column;min-height:100%}.task-flow-body-editor .task-flow-editor-surface{flex:1 1 auto;min-height:100%;max-height:none;font-size:15px;line-height:24px}.task-flow-body-fallback{flex:1 1 auto;min-height:320px;max-height:none;font-size:15px;line-height:24px}.task-flow-editor-surface .tableWrapper{max-width:100%;overflow-x:auto}.task-flow-editor-surface table{max-width:100%}.task-flow-field{min-width:0}.task-flow-field input,.task-flow-field select{min-width:0;max-width:100%}.task-flow-sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-4);border-left:1px solid var(--border)}.task-flow-sidebar .task-flow-field>span:first-child,.task-flow-properties-body .task-flow-field>span:first-child{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.task-flow-properties{position:absolute;top:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;width:320px;max-width:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translate(16px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease),visibility 0s linear var(--dur-slow)}.task-flow-properties.is-open{opacity:1;visibility:visible;transform:translate(0);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease),visibility 0s}.task-flow-properties:focus{outline:none}.task-flow-properties-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex:none;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.task-flow-properties-head h3{margin:0;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.task-flow-properties-body{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;padding:var(--space-3);overflow-y:auto}.task-flow-property-bar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.task-flow-property-bar button{display:inline-flex;align-items:baseline;gap:var(--space-1);min-height:32px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:12px}.task-flow-property-bar button:hover{background:var(--surface-hover)}.task-flow-property-bar button[aria-expanded=true]{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--text)}.task-flow-property-bar .task-flow-property-toggle{align-items:center}.task-flow-property-name{color:var(--text-muted)}.task-flow-property-value{color:var(--text);font-weight:500}.task-flow-meta{display:flex;flex-direction:column;gap:2px;margin:0;padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.task-flow-meta div{display:flex;justify-content:space-between;gap:var(--space-2)}.task-flow-meta dt{color:var(--text-subtle)}.task-flow-meta dd{margin:0;text-align:right;overflow-wrap:anywhere}.task-flow-sidebar .task-flow-framework-layers,.task-flow-properties-body .task-flow-framework-layers{grid-template-columns:minmax(0,1fr)}.task-flow-task-dialog.is-wide{width:min(960px,100vw - 48px);height:min(86vh,860px);max-width:none;max-height:none;border-radius:var(--radius-lg)}.task-flow-task-dialog.is-wide .task-flow-pane{padding:var(--space-3) var(--space-4) var(--space-4)}.task-flow-task-dialog.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.task-flow-task-dialog.is-expanded .task-flow-pane{padding:var(--space-4) var(--space-6)}.task-flow-task-dialog.is-expanded .task-flow-body-editor .task-flow-editor{width:100%;max-width:72ch;margin:0 auto}@media (width <= 1024px){.task-flow-task-dialog.is-medium{width:100%;max-width:100%;height:auto;max-height:92dvh;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;border-bottom:none}.task-flow-task-dialog.is-medium .task-flow-pane{padding:var(--space-3) var(--space-4) var(--space-4)}.task-flow-task-dialog.is-medium .task-flow-sidebar{display:none}}@media (width <= 720px){.task-flow-task-dialog.is-compact{width:100%;max-width:100%;height:calc(100dvh - var(--task-flow-keyboard-offset, 0px));max-height:none;border:0;border-radius:0}.task-flow-task-dialog.is-compact .task-flow-dialog-header{position:sticky;top:0;z-index:4;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--surface)}.task-flow-task-dialog.is-compact .task-flow-dialog-title{text-align:center;font-size:13px}.task-flow-task-dialog.is-compact .task-flow-pane{gap:var(--space-2);padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));overflow-y:auto}.task-flow-task-dialog.is-compact .task-flow-body-editor .task-flow-editor{overflow:visible}.task-flow-task-dialog.is-compact .task-flow-editor-toolbar{position:sticky;top:0;z-index:2}.task-flow-task-dialog.is-compact .task-flow-properties{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;max-height:min(80dvh,640px);border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;transform:translateY(16px)}.task-flow-task-dialog.is-compact .task-flow-properties.is-open{transform:translateY(0)}.task-flow-task-dialog.is-compact .task-flow-properties-body{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.task-flow-task-dialog.is-compact .task-flow-dialog-header>button{min-height:44px}.task-flow-task-dialog.is-compact input,.task-flow-task-dialog.is-compact select,.task-flow-task-dialog.is-compact textarea{font-size:16px}.task-flow-task-dialog.is-compact .task-flow-title input{height:44px}}@media (pointer: coarse){.task-flow-dialog-action,.task-flow-properties-head button,.task-flow-task-dialog .task-flow-dialog-header>button{min-width:44px;min-height:44px}.task-flow-property-bar button,.task-flow-suggestions button{min-height:44px}.task-flow-editor-button{width:44px;height:44px}.task-flow-editor-style{height:44px;font-size:16px}}
