@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/laneflow/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/laneflow/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/laneflow/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/laneflow/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/laneflow/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/laneflow/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/laneflow/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/laneflow/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/laneflow/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/laneflow/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(/laneflow/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/laneflow/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/laneflow/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/laneflow/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/laneflow/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=light]{color-scheme:light;--bg: #f7f4ee;--surface: #fffdf9;--surface-elevated: #ffffff;--surface-muted: #f0ece5;--text: #1d211f;--text-soft: #6d6e69;--border: #dedbd4;--border-strong: #cbc7bf;--brand: #db4f2a;--brand-contrast: #ffffff;--shadow: 0 7px 18px rgba(50, 43, 34, .09), 0 2px 4px rgba(50, 43, 34, .05);--row-wash: rgba(var(--project-rgb), .025);--header-bg: rgba(255, 253, 249, .94);--project-font: "Fraunces", Georgia, serif}:root[data-theme=dark]{color-scheme:dark;--bg: #07131f;--surface: #0d1b29;--surface-elevated: #132232;--surface-muted: #17283a;--text: #f2f6f8;--text-soft: #96a8b9;--border: #273a4b;--border-strong: #385064;--brand: #20b9f3;--brand-contrast: #04111c;--shadow: 0 10px 28px rgba(0, 0, 0, .28), 0 2px 5px rgba(0, 0, 0, .22);--row-wash: rgba(var(--project-rgb), .018);--header-bg: rgba(7, 19, 31, .95);--project-font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 42%,transparent);outline-offset:2px}.app-shell{height:100dvh;min-height:620px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{position:relative;z-index:40;min-height:76px;padding:11px 24px;display:grid;grid-template-columns:minmax(190px,.58fr) minmax(310px,1.15fr) auto minmax(350px,.9fr);align-items:center;gap:22px;background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{color:var(--text);display:inline-flex;align-items:center;gap:10px;width:max-content;text-decoration:none;font-family:var(--project-font);font-size:26px;font-weight:600;letter-spacing:-.025em}:root[data-theme=light] .brand{font-size:30px;font-style:italic}:root[data-theme=light] .brand-icon{display:none}.brand-icon{color:var(--brand)}.search-box{height:46px;min-width:260px;padding:0 13px;display:flex;align-items:center;gap:10px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:11px;color:var(--text-soft);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 5%,transparent)}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search-box input::placeholder{color:var(--text-soft)}.search-box button{width:28px;height:28px;padding:0;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;cursor:pointer}kbd{padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);color:var(--text-soft);font-size:12px;font-family:inherit}.view-switch{height:44px;padding:3px;display:inline-flex;align-items:center;gap:2px;background:var(--surface-muted);border:1px solid var(--border);border-radius:11px}.view-switch button{height:36px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--text-soft);cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500}.view-switch button:hover{color:var(--text)}.view-switch button.is-selected{background:var(--surface-elevated);color:var(--text);box-shadow:0 1px 3px color-mix(in srgb,var(--text) 10%,transparent)}.toolbar-actions{justify-self:end;display:flex;align-items:center;gap:9px}.toolbar-button,.icon-button,.primary-button,.secondary-button,.danger-button{border-radius:9px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.toolbar-button,.icon-button,.secondary-button{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text)}.toolbar-button{padding:0 13px}.toolbar-button.is-active{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 55%,var(--border))}.icon-button{width:42px;padding:0}.toolbar-button:hover,.icon-button:hover,.secondary-button:hover{background:var(--surface-muted);border-color:var(--border-strong)}.primary-button{padding:0 17px;border:1px solid transparent;background:var(--brand);color:var(--brand-contrast);box-shadow:0 5px 12px color-mix(in srgb,var(--brand) 22%,transparent)}.primary-button:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.03)}.secondary-button{padding:0 17px}.danger-button{padding:0 14px;border:1px solid color-mix(in srgb,#ef4444 30%,var(--border));background:color-mix(in srgb,#ef4444 9%,var(--surface));color:#e44d4d}.popover-wrap{position:relative}.popover{position:absolute;z-index:70;top:calc(100% + 9px);right:0;min-width:220px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow)}.filter-popover label{display:grid;gap:7px;color:var(--text-soft);font-size:12px;font-weight:600}.filter-popover select,.field input,.field select{width:100%;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.filter-popover>button,.data-popover button{width:100%;min-height:38px;margin-top:7px;padding:0 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.filter-popover>button:hover,.data-popover button:hover{background:var(--surface-muted)}.data-popover .danger-menu-item{color:#e44d4d}.data-popover{width:300px}.data-menu-trigger{position:relative}.backup-indicator{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border:2px solid var(--surface-elevated);border-radius:50%;background:#22a06b}.backup-indicator.is-saving{background:var(--brand)}.backup-indicator.is-error,.backup-indicator.is-permission{background:#e44d4d}.backup-panel{margin-top:9px;padding:13px 9px 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.backup-panel-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.backup-panel-heading>svg{margin-top:1px;color:var(--brand)}.backup-panel-heading span{min-width:0;display:grid;gap:3px}.backup-panel-heading strong{font-size:13px}.backup-panel-heading small{overflow:hidden;color:var(--text-soft);font-size:11px;line-height:1.4;text-overflow:ellipsis}.backup-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.data-popover .backup-actions button{min-width:0;min-height:34px;margin-top:0;font-size:12px}.data-popover .backup-actions button:only-child{grid-column:1 / -1}.data-popover .backup-actions button:disabled{cursor:wait;opacity:.58}.data-popover .backup-actions .backup-disable{justify-content:center;color:var(--text-soft)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.board-scroll{flex:1;min-height:0;overflow:auto;background:var(--bg);scrollbar-color:var(--border-strong) transparent}.board{min-width:1180px;min-height:100%}.board-header,.project-row{display:grid;grid-template-columns:264px repeat(3,minmax(300px,1fr))}.board-header{position:sticky;top:0;z-index:30;min-height:68px;background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-heading,.status-heading{padding:0 24px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.project-heading{position:sticky;left:0;z-index:31;justify-content:space-between;background:var(--header-bg);border-right:1px solid var(--border)}.project-heading-actions{display:flex;align-items:center;gap:8px;color:var(--text-soft)}.project-create-button{height:30px;padding:0 9px;border:1px solid var(--border);border-radius:7px;display:inline-flex;align-items:center;gap:5px;background:var(--surface-elevated);color:var(--text);cursor:pointer;font-size:12px;font-weight:700;transition:border-color .14s ease,background .14s ease,color .14s ease}.project-create-button:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface-elevated));color:var(--brand)}.status-heading{border-right:1px solid var(--border)}.count-badge{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:99px;background:var(--surface-muted);color:var(--text-soft);font-size:12px;font-weight:700}.project-row{position:relative;min-height:202px;background:linear-gradient(var(--row-wash),var(--row-wash)),var(--bg);border-bottom:1px solid var(--border);transition:opacity .16s ease,box-shadow .16s ease}.project-row.is-project-dragging{z-index:26;opacity:.54;box-shadow:inset 0 0 0 2px var(--project-accent)}.project-row.has-project-menu-open{z-index:27}.project-row.is-project-drop-target{box-shadow:inset 0 3px 0 var(--brand)}body.is-reordering-projects,body.is-reordering-projects *,body.is-reordering-tasks,body.is-reordering-tasks *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}:root[data-theme=light] .project-row{--project-accent: var(--project-light);--project-rgb: var(--project-light-rgb)}:root[data-theme=dark] .project-row{--project-accent: var(--project-dark);--project-rgb: var(--project-dark-rgb)}.project-row[data-project-pinned=true]{background:linear-gradient(rgba(var(--project-rgb),.085),rgba(var(--project-rgb),.04)),var(--bg);box-shadow:inset 0 1px rgba(var(--project-rgb),.24),inset 0 -1px rgba(var(--project-rgb),.2)}:root[data-theme=dark] .project-row[data-project-pinned=true]{background:linear-gradient(rgba(var(--project-rgb),.07),rgba(var(--project-rgb),.032)),var(--bg);box-shadow:inset 0 1px rgba(var(--project-rgb),.22),inset 0 -1px rgba(var(--project-rgb),.18)}.project-row[data-project-pinned=true].is-project-dragging{box-shadow:inset 0 0 0 2px var(--project-accent)}.project-row[data-project-pinned=true].is-project-drop-target{box-shadow:inset 0 3px 0 var(--brand)}.project-row:before{content:"";position:absolute;z-index:24;inset:0 auto 0 0;width:5px;background:var(--project-accent)}.project-row.is-collapsed{min-height:96px}.project-cell{position:sticky;left:0;z-index:20;padding:29px 24px 23px 28px;background:linear-gradient(rgba(var(--project-rgb),.035),rgba(var(--project-rgb),.035)),var(--bg);border-right:1px solid var(--border)}:root[data-theme=dark] .project-cell{background:linear-gradient(rgba(var(--project-rgb),.028),rgba(var(--project-rgb),.028)),var(--bg)}.project-row[data-project-pinned=true] .project-cell{background:linear-gradient(rgba(var(--project-rgb),.145),rgba(var(--project-rgb),.085)),var(--bg)}:root[data-theme=dark] .project-row[data-project-pinned=true] .project-cell{background:linear-gradient(rgba(var(--project-rgb),.105),rgba(var(--project-rgb),.058)),var(--bg)}.project-title-row{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:4px}.project-drag-handle,.project-more-button{width:26px;height:30px;padding:0;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--text-soft);cursor:grab}.project-drag-handle{margin-left:-7px;touch-action:none;opacity:.58;-webkit-touch-callout:none}.project-drag-handle:hover,.project-more-button:hover,.project-more-button[aria-expanded=true]{background:var(--surface-muted);color:var(--text);opacity:1}.project-collapse{min-width:0;width:100%;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.project-name-wrap{min-width:0;display:flex;align-items:center;gap:6px}.project-pin{flex:0 0 auto;color:var(--project-accent)}.project-row[data-project-pinned=true] .project-pin{filter:drop-shadow(0 0 5px rgba(var(--project-rgb),.38))}.project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--project-font);font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.015em}.project-actions-wrap{position:relative}.project-more-button{cursor:pointer}.project-menu{position:absolute;z-index:80;top:calc(100% + 6px);right:0;width:178px;padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);box-shadow:var(--shadow)}.project-menu button{width:100%;min-height:35px;padding:0 8px;border:0;border-radius:7px;display:flex;align-items:center;gap:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:12px;font-weight:600}.project-menu button:hover{background:var(--surface-muted)}.project-menu .archive-menu-item{color:#e06b52}:root[data-theme=light] .project-name{color:var(--project-accent)}.project-progress-copy{margin-top:18px;color:var(--text-soft);font-size:14px}.project-progress-copy strong{color:var(--text);font-size:16px}:root[data-theme=dark] .project-progress-copy strong{color:var(--project-accent)}.progress-track{width:100%;height:5px;margin-top:13px;overflow:hidden;border-radius:99px;background:var(--surface-muted)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--project-accent);transition:width .24s ease}.project-row.is-collapsed .project-cell{padding-block:24px}.project-row.is-collapsed .project-progress-copy,.project-row.is-collapsed .progress-track{display:none}.status-cell{position:relative;min-width:0;padding:17px 22px 31px;display:grid;align-content:start;gap:8px;border-right:1px solid var(--border);transition:background .14s ease,box-shadow .14s ease}.project-row[data-project-pinned=true] .status-cell{background:linear-gradient(90deg,rgba(var(--project-rgb),.07),rgba(var(--project-rgb),.022))}:root[data-theme=dark] .project-row[data-project-pinned=true] .status-cell{background:linear-gradient(90deg,rgba(var(--project-rgb),.052),rgba(var(--project-rgb),.016))}.project-row.is-collapsed .status-cell{min-height:95px;padding:0}.status-cell.is-drop-target{background:color-mix(in srgb,var(--brand) 8%,transparent);box-shadow:inset 0 0 0 2px var(--brand)}.task-card{position:relative;width:100%;min-height:70px;padding:11px 13px 10px 17px;overflow:hidden;border:1px solid var(--border);border-radius:10px;display:grid;gap:8px;background:var(--surface-elevated);color:var(--text);text-align:left;box-shadow:var(--shadow);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.task-card.is-dragging{z-index:5;cursor:grabbing;opacity:.72;transform:scale(.985);border-color:var(--brand)}:root[data-theme=dark] .task-card{box-shadow:0 2px 5px #0000002e}.task-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--project-accent) 65%,var(--border));box-shadow:0 10px 22px color-mix(in srgb,var(--project-accent) 12%,transparent),var(--shadow)}.task-card.is-dragging:hover{opacity:.72;transform:scale(.985);border-color:var(--brand)}.task-card.is-drop-before:after,.task-card.is-drop-after:after{content:"";position:absolute;z-index:6;left:9px;right:9px;height:3px;border-radius:99px;background:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent)}.task-card.is-drop-before:after{top:0}.task-card.is-drop-after:after{bottom:0}.task-card:active{cursor:grabbing}.task-accent{position:absolute;inset:0 auto 0 0;width:4px;background:var(--project-accent)}.task-topline{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-card-icons{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px}.task-title{font-size:15px;font-weight:500;line-height:1.34}.drag-grip{flex:0 0 auto;color:var(--text-soft);cursor:grab;opacity:.45;touch-action:none;transition:opacity .14s ease}.task-card:hover .drag-grip,.task-card:focus-visible .drag-grip,.task-card.is-dragging .drag-grip{opacity:1}.done-check{flex:0 0 auto;color:#20a45b}.task-card.is-done .task-title{color:var(--text-soft);text-decoration:line-through;text-decoration-thickness:1px}:root[data-theme=dark] .task-card.is-done .task-title{color:var(--text);text-decoration:none}.task-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-soft);font-size:12px}.priority,.due-date,.task-meta-right{display:inline-flex;align-items:center;gap:6px}.task-meta-right{min-width:0;justify-content:flex-end;gap:9px}.priority-dot{width:7px;height:7px;border-radius:50%;background:var(--priority)}.tag{max-width:106px;padding:4px 8px;overflow:hidden;border-radius:6px;background:var(--surface-muted);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap}.inline-add{position:absolute;left:22px;right:22px;bottom:8px;height:28px;padding:0 9px;border:1px dashed transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--text-soft);cursor:pointer;font-size:12px;opacity:0;transition:opacity .14s ease,border-color .14s ease,background .14s ease}.status-cell:hover .inline-add,.inline-add:focus-visible,.empty-cell+.inline-add{opacity:1}.inline-add:hover{border-color:var(--border-strong);background:var(--surface-muted);color:var(--text)}.empty-cell{min-height:78px;border:1px dashed var(--border-strong);border-radius:10px;display:grid;place-items:center;color:var(--text-soft);font-size:13px}.empty-board{min-height:480px;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-soft);text-align:center}.empty-board h2{margin:17px 0 7px;color:var(--text)}.empty-board p{margin:0 0 20px}.dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#02080e9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.task-dialog{width:min(600px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface-elevated);box-shadow:0 28px 70px #00000047}.dialog-header{padding:22px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.eyebrow{color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dialog-header h2{margin:4px 0 0;font-size:21px;letter-spacing:-.02em}.task-dialog form{padding:22px 24px 24px}.project-dialog{width:min(520px,100%)}.color-fieldset{min-width:0;margin:20px 0 0;padding:0;border:0}.color-fieldset legend{margin-bottom:4px;color:var(--text-soft);font-size:12px;font-weight:600}.color-help{margin:0 0 11px;color:var(--text-soft);font-size:11px;line-height:1.45}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-option{min-height:46px;padding:0 11px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;font-size:13px}.color-option:hover{border-color:var(--border-strong);background:var(--surface-muted)}.color-option.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 13%,transparent)}.color-option.is-selected svg{color:var(--brand)}.color-swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch-light);box-shadow:inset 0 0 0 1px #00000014}:root[data-theme=dark] .color-swatch{background:var(--swatch-dark)}.custom-color-row{margin-top:9px;display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:9px}.custom-color-option{width:100%}.custom-color-copy{min-width:0;display:grid;gap:1px}.custom-color-copy strong{font-size:13px}.custom-color-copy small{color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.035em}.custom-color-picker{position:relative;min-height:46px;overflow:hidden;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);color:var(--text);cursor:pointer;font-size:12px;font-weight:700;transition:border-color .14s ease,background .14s ease}.custom-color-picker:hover,.custom-color-picker:focus-within{border-color:var(--brand);background:var(--surface-muted)}.custom-color-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.project-dialog-actions{justify-content:flex-end}.field-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;color:var(--text-soft);font-size:12px;font-weight:600}.field-wide{grid-column:1 / -1}.field input:focus,.field select:focus{border-color:var(--brand)}.dialog-actions{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}.dialog-actions-right{display:flex;gap:9px}.toast{position:fixed;z-index:120;left:50%;bottom:24px;padding:10px 15px;border:1px solid var(--border);border-radius:99px;display:flex;align-items:center;gap:8px;background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}.toast svg{color:#20a45b}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:1180px){.topbar{grid-template-columns:auto minmax(260px,1fr) auto;gap:14px}.view-switch,.toolbar-button span{display:none}}@media(max-width:760px){.app-shell{min-height:540px}.topbar{min-height:132px;padding:12px 14px;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "search search";gap:10px}.brand{grid-area:brand}:root[data-theme=light] .brand{font-size:26px}.search-box{grid-area:search;min-width:0}.toolbar-actions{grid-area:actions}.toolbar-button,.toolbar-actions>.popover-wrap:first-child{display:none}.new-task-button{width:42px;padding:0}.new-task-button:not(:focus){font-size:0;gap:0}.new-task-button svg{width:20px;height:20px}.board-header,.project-row{grid-template-columns:210px repeat(3,minmax(286px,1fr))}.project-heading,.status-heading,.project-cell{padding-inline:18px}.project-create-button span{display:none}.project-create-button{width:30px;padding:0;justify-content:center}.field-grid,.color-options{grid-template-columns:1fr}.custom-color-row{grid-template-columns:minmax(0,1fr) 104px}.dialog-actions{align-items:stretch;flex-direction:column-reverse}.dialog-actions-right{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}