:root{--bg:#fff;--surface:#f6f8fa;--sidebar:#f7f8fa;--line:#e9edf2;--text:#202632;--muted:#8a919e;--subtle:#687184;--blue:#3370ff;--blue-hover:#245bdf;--blue-light:#edf3ff;--green:#26a476;--red:#db5060;--orange:#e89d38;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7ca4ff;outline-offset:3px}input,select,textarea{border:1px solid #dfe4ec;border-radius:6px;background:#fff;color:var(--text);padding:9px 11px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a4aab5}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.4;letter-spacing:-.4px}h1,h2{font-weight:600}h2{font-size:20px}h3{font-size:16px;font-weight:600}small{font-size:14px}strong{font-weight:600}.muted{color:var(--muted);font-size:14px}.error{font-size:15px}.error,.required{color:var(--red)}.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}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.primary,.quiet-button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;white-space:nowrap;min-height:35px;padding:7px 13px;font-size:15px;font-weight:500}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue)}.primary:hover{background:var(--blue-hover)}.secondary{border:1px solid #dfe4ec;background:#fff}.secondary:hover{background:#f7f9fc}.quiet-button{color:var(--subtle);padding:6px 9px}.quiet-button.is-active,.quiet-button:hover{background:var(--blue-light);color:var(--blue)}.compact{padding:5px 11px;min-height:32px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:5px;color:#7f8898}.icon-button:hover{background:#edf0f5;color:#364054}.icon-button.danger:hover{background:#fff0f0;color:var(--red)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#e9effe;color:#5c7db7;font-size:13px;font-weight:500;letter-spacing:.2px}.avatar[data-tone="1"]{background:#eaf4ed;color:#5a8970}.avatar[data-tone="2"]{background:#f2ecfa;color:#9973b6}.avatar[data-tone="3"]{background:#fff1df;color:#ad8752}.avatar[data-tone="4"]{background:#e7f3f5;color:#598d9a}.avatar.small{width:23px;height:23px;font-size:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#3370ff;color:#fff;border-radius:10px;font-size:24px;font-weight:650;letter-spacing:-1px;box-shadow:0 3px 6px #3370ff18}.mobile-only{display:none!important}.app{display:grid;grid-template-columns:218px minmax(0,1fr);height:100dvh;overflow:hidden;min-height:400px}.app-rail{padding:20px 7px 18px;border-right:1px solid var(--line);background:#f0f3f8;gap:26px}.app-rail,.rail-button{display:flex;flex-direction:column;align-items:center}.rail-button{gap:4px;justify-content:center;min-height:51px;width:49px;border-radius:9px;color:#8691a5;font-size:12px}.rail-button.selected{color:var(--blue);background:#e2ebfe}.rail-button:hover{background:#e6ecf5}.rail-bottom{margin-top:auto;align-items:center;gap:19px}.rail-bottom,.sidebar{display:flex;flex-direction:column}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);min-height:0;padding:21px 12px 16px}.workspace-name{display:flex;align-items:center;gap:9px;padding:0 7px 24px}.workspace-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#e4eafb;color:#5375b4;font-weight:650;font-size:13px}.workspace-name>div{display:flex;flex-direction:column;gap:2px}.workspace-name strong{font-size:15px;white-space:nowrap}.workspace-name div>span{font-size:12px;color:#959dae;letter-spacing:.3px}.sidebar-create{justify-content:flex-start;margin:0 3px 22px;padding-left:15px;gap:9px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;gap:10px;align-items:center;text-align:left;width:100%;min-height:39px;border-radius:6px;padding:9px 11px;color:#646e80;font-size:15px}.nav-item>svg{flex-shrink:0}.nav-item>span{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item small{color:#9ca5b5;font-size:13px}.nav-item:hover{background:#edf0f5}.nav-item.active{background:#e8efff;color:#3970dc;font-weight:500}.nav-item.active small{color:#6a90dc}.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;margin:29px 0 8px;padding-left:11px;color:#929aab;font-size:13px;letter-spacing:.6px}.sidebar-empty{padding:8px 12px;color:var(--muted);font-size:14px}.sidebar-bottom{margin-top:auto;padding:28px 9px 0}.phase-note{display:flex;align-items:center;gap:6px;color:#6c778b;font-size:13px}.phase-note small{margin-left:auto;font-size:12px;color:#9ca6b8}.phase-dot{width:5px;height:5px;border-radius:50%;background:#6a9a86}.sidebar-bottom p{font-size:12px;color:#a0a8b7;margin-top:7px}.main-shell{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:62px;flex-shrink:0;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 28px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:11px;font-size:14px;color:#a0a7b5}.breadcrumb strong{font-weight:400;color:#697387}.topbar-actions{display:flex;align-items:center;gap:11px}.demo-badge{font-size:12px;background:#f4f6fa;color:#8c96a8;border:1px solid #edf0f5;padding:2px 7px;border-radius:4px}.notification-button{position:relative}.notification-dot{position:absolute;right:5px;top:5px;width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 0 2px white}.work-area{display:flex;flex:1 1;min-height:0;min-width:0;position:relative}.task-content{flex:1 1;min-width:0;padding:28px 30px 18px;overflow:auto}.page-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:25px;min-height:91px}.heading-kicker{font-size:12px;color:#9ba4b5;letter-spacing:1.1px;margin-bottom:5px}.page-heading p{font-size:14px;color:#9aa2af;margin-top:9px}.view-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:17px}.view-tabs,.view-tabs>button{align-items:center;height:42px}.view-tabs>button{padding:0;display:inline-flex;gap:7px;color:#8b94a3;font-size:15px;position:relative}.view-tabs>button.active{color:var(--blue);font-weight:500}.view-tabs>button.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--blue);border-radius:2px}.task-count{margin-left:auto;font-size:13px;color:#a2a9b6}.toolbar{justify-content:space-between;gap:15px;margin-bottom:16px;flex-wrap:wrap}.toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-left{gap:10px}.sort-select{display:inline-flex;align-items:center;gap:4px;color:#7a8495}.sort-select select{padding:5px 0;border:0;background:transparent;font-size:14px;color:#7a8495;max-width:110px}.quiet-button>span{font-size:12px}.search-field{display:flex;align-items:center;gap:6px;color:#a5adba;width:171px;border:1px solid #e7ebf1;border-radius:6px;padding:0 8px;height:31px}.search-field input{border:0;padding:5px 0;font-size:14px;width:100%;background:transparent;outline-offset:1px}.search-field .icon-button{width:18px;height:20px}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:13px;background:#f8fafd;border-radius:7px;margin-bottom:15px;align-items:flex-end}.filters label{display:flex;flex-direction:column;font-size:12px;color:#8c96a7;gap:3px;flex:1 1 95px}.filters select{padding:6px;font-size:13px;min-height:31px;color:#667084}.filters>button{font-size:13px}.table-wrap{width:100%;overflow:auto}.task-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.task-table th{font-weight:400;font-size:13px;color:#939cad;height:37px;border-bottom:1px solid var(--line);padding:0 10px}.task-table th:first-child{padding-left:6px}.task-title-column{width:52%;min-width:260px}.task-table td{border-bottom:1px solid #eff2f7;padding:12px 10px;font-size:14px;height:56px}.task-table td:first-child{padding-left:4px}.task-table tr:hover{background:#fafbfe}.task-table tr.selected{background:#f0f5ff}.task-title-cell{display:flex;align-items:center;gap:9px;min-height:24px}.complete-check{width:16px;height:16px;border:1.3px solid #c6ccd7;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:white;color:white}.complete-check:hover{border-color:var(--blue)}.complete-check.checked{background:#aab9cf;border-color:#aab9cf}.complete-check.large{width:21px;height:21px;margin-top:5px}.task-title-button{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1;text-align:left;padding:0;font-size:14px}.task-title-button>span{white-space:normal;overflow-wrap:anywhere;max-width:390px}.completed .task-title-button>span{color:#a0a8b6;text-decoration:line-through}.tag{display:inline-flex;align-items:center;border-radius:4px;padding:1px 6px;font-size:12px;color:#7c8b9e;background:#f0f3f8;white-space:nowrap;font-weight:400}.task-title-button .tag{max-width:75px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.person-cell{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap;color:#7b8595}.person-cell .avatar{width:21px;height:21px}.due-date{color:#7a8596;font-size:13px}.overdue{color:#d76a70;font-size:13px;display:inline-flex;align-items:center;gap:5px}.overdue small{font-size:11px;background:#fdf0f0;padding:0 3px;border-radius:3px}.priority{font-size:13px;display:inline-flex;gap:5px;align-items:center;color:#929aa7;white-space:nowrap}.priority-bars{font-size:11px;letter-spacing:-1px}.priority.low{color:#7c9a84}.priority.medium{color:#819bb9}.priority.high{color:#d7a05d}.priority.urgent{color:#d36d7e}.status-pill{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 6px;font-size:12px;white-space:nowrap;color:#929cad;background:#f3f5f8}.status-dot,.status-pill>span{width:5px;height:5px;border-radius:50%;background:#b4becd;flex-shrink:0}.status-pill.in_progress{color:#6a90d4;background:#eff5ff}.status-dot.in_progress,.status-pill.in_progress>span{background:#79a2ef}.status-pill.completed{color:#77a18c;background:#eff7f2}.status-dot.completed,.status-pill.completed>span{background:#8bb9a0}.subtask-count{font-size:12px;color:#9aa6b8;white-space:nowrap}.expand-button{width:19px;height:23px}.sub-arrow{margin-left:14px;flex-shrink:0;color:#b2bac7}.table-new-task{width:100%;display:flex;gap:8px;align-items:center;color:#9ca5b5;font-size:14px;padding:15px 5px;text-align:left}.table-new-task:hover{color:var(--blue);background:#f8faff}.content-footnote{display:flex;justify-content:space-between;gap:10px;padding-top:19px;font-size:12px;color:#a7afbc}.empty-state{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#b7c4d7;padding:30px;text-align:center}.empty-state h3{font-size:16px;color:#758297;font-weight:500}.empty-state p{font-size:14px;color:#a5afbd}.empty-state .quiet-button{color:#7197d7}.board{display:grid;grid-template-columns:repeat(3,minmax(205px,1fr));gap:15px;padding-bottom:12px;overflow:auto;min-height:310px}.board-column{background:#f7f9fc;border-radius:8px;padding:11px;min-width:0}.board-column>header{display:flex;align-items:center;gap:7px;padding:0 2px 10px;color:#9ba6b8}.board-column>header h3{font-weight:500;font-size:14px;color:#6b788f}.board-column>header>span:not(.status-dot){font-size:13px}.board-column>header>button{margin-left:auto;width:24px;height:24px}.board-cards{display:flex;flex-direction:column;gap:10px;min-height:180px}.task-card{padding:15px 13px;background:white;border:1px solid #e9eef6;border-radius:7px;box-shadow:0 1px 2px #36557e04;cursor:grab}.task-card:hover{border-color:#c9d9f5;box-shadow:0 2px 8px #344e7a08}.task-card.selected{border-color:#91b0ee}.card-title{padding:0;text-align:left;white-space:normal;font-size:14px;line-height:1.8}.card-parent{display:flex;align-items:center;gap:5px;font-size:12px;color:#a1adbd;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.task-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.task-card footer>span{display:flex;align-items:center;gap:5px;font-size:12px}.detail-panel{width:432px;border-left:1px solid var(--line);background:white;flex-direction:column;min-height:0;box-shadow:-5px 0 16px #263b5910;z-index:5}.detail-panel,.detail-top{flex-shrink:0;display:flex}.detail-top{align-items:center;justify-content:space-between;min-height:47px;padding:0 19px;border-bottom:1px solid #f0f2f7;color:#929dad;font-size:13px}.detail-top>div{display:flex;gap:3px}.detail-body{overflow:auto;padding:20px 24px;flex:1 1}.detail-loading{display:grid;place-items:center;padding:90px 30px;color:var(--blue)}.detail-context{display:flex;align-items:center;gap:6px;font-size:12px;color:#98a5b6;margin-bottom:11px}.detail-context button{display:inline-flex;align-items:center;color:#8da3c3;padding:0;font-size:12px;gap:3px}.detail-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:24px}.detail-title h2{font-size:20px;line-height:1.7;overflow-wrap:anywhere;font-weight:600}.detail-fields{display:grid;grid-template-columns:93px minmax(0,1fr);font-size:13px;gap:14px 10px;margin:0 0 24px}.detail-fields dt{display:flex;align-items:center;gap:7px;color:#98a3b3}.detail-fields dt svg{color:#a5b0c0}.detail-fields dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#748195;min-width:0}.inline-status{padding:2px 6px;border:1px solid #e8edf5;font-size:13px;color:#7a8ca6;min-height:25px;max-width:120px}.person-chip{display:inline-flex;gap:4px;align-items:center;font-size:13px}.detail-section{border-top:1px solid #edf0f5;padding:18px 0}.detail-section h3{font-size:14px;color:#526078;font-weight:600;margin-bottom:10px}.detail-section>p.muted{font-size:13px;color:#a0aaba}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;min-height:24px}.section-heading h3{margin:0}.section-heading h3 small{color:#99a7bc;font-size:12px;font-weight:400;margin-left:5px}.section-heading .quiet-button{font-size:13px;padding:2px 5px;min-height:24px}.markdown{font-size:14px;line-height:1.9;color:#6d7a8f;overflow-wrap:anywhere}.markdown p{margin:6px 0}.markdown h1,.markdown h2,.markdown h3{font-size:15px;margin:12px 0 8px;font-weight:500;color:#58677f}.markdown ol,.markdown ul{padding-left:20px;margin:8px 0}.markdown table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:13px;margin:10px 0}.markdown td,.markdown th{padding:5px 9px;border:1px solid #e7ecf4;font-weight:400;white-space:normal;min-width:95px}.markdown pre,.markdown th{background:#f7f9fd}.markdown pre{overflow:auto;border-radius:5px;padding:10px}.markdown code{font-size:13px;background:#f5f7fa;border-radius:3px;padding:1px 3px}.markdown blockquote{margin:8px 0;border-left:2px solid #dce6f9;padding-left:10px;color:#8e9db1}.detail-subtask{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f3f5f9}.detail-subtask .avatar{margin-left:auto}.text-link{text-align:left;font-size:13px;padding:0;color:#7b8ba3;overflow-wrap:anywhere}.text-link:hover{color:var(--blue)}.file-button{display:inline-flex;gap:5px;align-items:center;font-size:13px;color:#8b9ab0;cursor:pointer;position:relative;flex-shrink:0}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.file-button:focus-within{outline:2px solid #7ca4ff;outline-offset:3px}.file-button.icon-only{padding:3px 5px}.attachment{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #edf1f7;border-radius:6px;color:#7d90ac;margin-top:7px;font-size:13px}.attachment>span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere;flex:1 1}.attachment small{font-size:11px;color:#a6b1c1}.activity-tabs{display:flex;gap:23px;border-bottom:1px solid #eff2f7;margin-bottom:16px}.activity-tabs button{display:flex;align-items:center;gap:6px;color:#9ca8ba;font-size:13px;padding:0 0 9px;position:relative}.activity-tabs button.active{color:#5d83bd}.activity-tabs button.active:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#88a8d7}.comment{display:flex;gap:9px;margin-bottom:17px}.comment>div{flex:1 1;min-width:0}.comment header{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px}.comment strong{font-weight:500;color:#687d9d}.comment time{color:#b0bbc9;font-size:11px}.comment .markdown,.comment-file{font-size:13px}.comment-file{display:flex;align-items:center;gap:6px;color:#7094c6;margin-top:6px}.event{display:flex;gap:10px;margin-bottom:17px;font-size:12px;color:#8393aa}.event strong{font-weight:500;color:#6d82a3}.event-dot{width:5px;height:5px;border-radius:50%;background:#bfccde;margin-top:6px;flex-shrink:0}.event time{font-size:11px;color:#b1bccb}.event-change{font-size:12px;display:flex;gap:7px;margin-top:3px;overflow-wrap:anywhere;max-width:310px}.event-change>span:first-child{flex-shrink:0;color:#94a4bb}.event-change>span:last-child{max-height:70px;overflow:auto;white-space:pre-wrap}.detail-meta{font-size:11px;color:#b0baca}.comment-composer{padding:13px 19px 16px;border-top:1px solid var(--line);flex-shrink:0;background:white}.comment-composer textarea{width:100%;min-height:68px;max-height:140px;resize:vertical;font-size:13px;padding:9px;border-color:#e8edf5}.comment-composer>div:last-child{display:flex;align-items:center;gap:7px;padding-top:7px}.comment-composer>div:last-child>.primary{margin-left:auto;font-size:13px;min-height:28px;padding:4px 8px}.mention-picker{display:flex;align-items:center;gap:4px;color:#8da0ba}.mention-picker select{border:0;padding:3px 0;font-size:12px;color:#8da0ba;max-width:80px}.pending-files{display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}.pending-files>span{display:inline-flex;gap:5px;align-items:center;font-size:12px;background:#f1f5fc;color:#8a9db8;padding:2px 5px;border-radius:4px}.pending-files button{padding:0;display:flex}.modal{border:1px solid #e5eaf2;box-shadow:0 24px 100px #26395630;padding:0;border-radius:12px;width:460px;max-width:calc(100vw - 30px);max-height:90dvh;color:var(--text);background:white}.modal.wide{width:660px}.modal::backdrop{background:#1f2f4d45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal>header h2{font-size:18px}.task-form{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.auth-card label,.stack-form label,.task-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#68778f}.task-form label>span.muted{font-size:12px;display:inline}.task-form>.full{grid-column:1/-1}.stack-form input,.stack-form select,.stack-form textarea,.task-form input,.task-form select,.task-form textarea{width:100%;font-size:14px}.task-form textarea{min-height:115px;line-height:1.8}.task-form label:first-child>input{font-size:16px}.member-picker{border:0;margin:0 0 13px;padding:0;min-width:0}.member-picker legend{font-size:13px;color:#8594aa;margin-bottom:9px}.member-options{display:flex;flex-wrap:wrap;gap:8px}.member-options>label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;font-size:13px;padding:4px 7px;border:1px solid #e9eef6;border-radius:5px;cursor:pointer}.member-options input[type=checkbox]{width:12px;height:12px;accent-color:var(--blue);padding:0;margin:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:5px;flex-wrap:wrap}.modal-actions>.muted{margin-right:auto;max-width:310px;font-size:12px}.stack-form{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.stack-form>.primary{align-self:flex-start}.member-list{padding:4px 24px 10px}.member-list>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.member-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:1px}.member-list strong{font-size:14px}.member-list small{font-size:12px;color:#9eaabd}.member-role{margin-left:auto;font-size:12px;color:#8a9bb5;background:#f2f6fc;padding:2px 6px;border-radius:3px}.invite-form{border-top:1px solid #edf1f6}.invite-fields{display:grid;grid-template-columns:1fr 130px;gap:12px}.invite-link{display:flex;gap:8px;align-items:flex-end}.invite-link>label{flex:1 1;min-width:0}.invite-link input{font-size:12px}.notification-tools{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-bottom:1px solid #f0f3f8;color:#93a0b3;font-size:13px}.notification-list{padding:0 16px 13px;max-height:65dvh;overflow:auto}.notification-list>button{width:100%;display:flex;gap:11px;text-align:left;align-items:center;border-bottom:1px solid #f0f3f9;padding:15px 8px;font-size:14px;color:#8593aa}.notification-list>button.unread{color:#4c648c}.notification-list>button>span:nth-child(2){flex:1 1}.notification-list small{display:block;font-size:12px;color:#a4b0c3;margin-top:4px}.notification-list>button>i{width:5px;height:5px;background:var(--blue);border-radius:50%;flex-shrink:0}.notice-icon{width:32px;height:32px;background:#f0f5fe;border-radius:7px;color:#82a0cd;display:grid;place-items:center;flex-shrink:0}.account-info{display:flex;align-items:center;gap:11px;padding:23px}.account-info h3{font-size:16px}.account-demo{margin:0 23px 25px;background:#f7f9fc;padding:14px;line-height:1.9;border-radius:7px}.logout{margin:0 24px 24px;color:var(--red)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;padding:12px 20px;max-width:calc(100vw - 30px);border:1px solid #e5ebf5;background:#fff;border-radius:9px;box-shadow:0 5px 30px #27395622;display:flex;align-items:center;gap:9px;font-size:14px;overflow-wrap:anywhere}.toast>svg{color:#7391bc;flex-shrink:0}.saving-indicator{position:fixed;bottom:20px;right:22px;display:flex;gap:6px;align-items:center;font-size:13px;color:#7391bc;background:#fff;padding:6px 10px;box-shadow:0 2px 10px #27395612;border-radius:5px;z-index:1001}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;gap:14px;color:#8194b4;font-size:15px}.loading-screen .brand-mark{margin-right:10px}.auth-screen{min-height:100dvh;background:#f5f7fb;padding:35px 30px 70px;flex-direction:column}.auth-brand,.auth-screen{display:flex;align-items:center}.auth-brand{gap:12px;align-self:flex-start;color:#8191aa}.auth-brand strong{font-size:20px;color:#4e6487;letter-spacing:1px}.auth-brand>span:last-child{font-size:13px;border-left:1px solid #dbe3ef;padding-left:12px}.auth-card{margin:auto 0;width:400px;max-width:100%;padding:36px;background:white;border:1px solid #e9eef7;border-radius:14px;box-shadow:0 12px 40px #35497508;display:flex;flex-direction:column;gap:20px}.auth-card h1{font-size:25px}.auth-card>p.muted{margin-top:-10px;line-height:1.9}.auth-card input{width:100%;font-size:15px}.auth-card .primary{margin-top:5px}.eyebrow{font-size:11px;color:#94a9c9;letter-spacing:2px}.auth-note{text-align:center;font-size:12px;color:#aeb9c8;margin-top:5px}@media(min-width:1600px){.task-content{padding-left:38px;padding-right:38px}.detail-panel{width:454px}}@media(max-width:1390px){.has-detail .detail-panel{position:absolute;top:0;bottom:0;right:0;width:432px}.has-detail .task-content{padding-right:30px}.has-detail .task-title-button .tag{display:none}}@media(max-width:1080px){.app{grid-template-columns:190px minmax(0,1fr)}.app-rail{padding-left:3px;padding-right:3px}.workspace-name{padding-left:2px;gap:6px}.workspace-name strong{font-size:14px}.workspace-symbol{width:27px;height:27px;font-size:12px}.sidebar{padding-left:9px;padding-right:9px}.task-content{padding:23px 23px 18px}.topbar{padding:0 23px}.toolbar-left{gap:5px}.has-detail .detail-panel{width:410px}}@media(max-width:760px){.app{grid-template-columns:minmax(0,1fr)}.app-rail,.sidebar{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:30;box-shadow:7px 0 30px #27395620}.sidebar.visible{display:flex}.nav-scrim{display:block;position:fixed;inset:0;z-index:29;background:#27395645}.mobile-only{display:inline-flex!important}.workspace-name .mobile-only{margin-left:auto}.topbar{padding:0 17px;height:56px}.topbar-actions{gap:5px}.breadcrumb{gap:7px;font-size:13px}.task-content{padding:21px 18px 16px}.page-heading{margin-bottom:18px;min-height:85px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px;line-height:1.9}.toolbar{gap:10px}.toolbar-left{gap:5px}.sort-select select{font-size:13px}.search-field{width:155px}.has-detail .detail-panel{position:fixed;inset:0;width:100%;z-index:20;box-shadow:none}.detail-top{min-height:51px}.detail-body{padding:18px 24px}.detail-title h2{font-size:21px}.detail-fields{font-size:14px;gap:16px 10px}.detail-section h3,.markdown{font-size:15px}.comment header{font-size:13px}.comment .markdown,.detail-subtask .text-link{font-size:14px}.comment-composer textarea{font-size:15px;min-height:75px}.detail-fields .avatar.small{width:25px;height:25px}.toolbar-left .quiet-button{font-size:14px}.board{grid-template-columns:repeat(3,240px)}.auth-screen{padding:23px 18px 50px;gap:45px}.auth-card{padding:29px}.auth-brand{align-self:center}.app .demo-badge{display:none}}@media(max-width:560px){.toolbar{align-items:center;gap:12px}.toolbar-left{width:100%;gap:12px}.search-field{width:100%}.task-table,.task-table tbody{display:block}.task-table thead{display:none}.task-table tbody{display:flex;flex-direction:column}.task-table tr{display:grid;grid-template-columns:1fr auto auto;gap:9px 13px;padding:15px 7px;border-bottom:1px solid var(--line)}.task-table td{display:flex;padding:0!important;border:0;height:auto;min-width:0}.task-table td:first-child{grid-column:1/-1;display:block}.task-title-column{min-width:0}.task-table td:last-child{display:none}.task-title-cell{gap:10px;min-height:28px}.task-title-button{font-size:15px;gap:5px;flex-wrap:wrap}.task-title-button>span{width:100%;max-width:none;line-height:1.9}.task-title-button .tag{display:none}.task-title-cell .complete-check{width:18px;height:18px}.person-cell{margin-left:28px}.task-table td:nth-child(3),.task-table td:nth-child(4){justify-content:flex-end;align-items:center}.content-footnote{font-size:11px}.task-form{padding:18px;grid-template-columns:1fr;gap:16px}.task-form>.full{grid-column:auto}.modal>header{padding:14px 18px}.modal-actions .muted{width:100%;max-width:none;margin-bottom:3px}.stack-form{padding:18px}.modal{max-width:calc(100vw - 20px)}.invite-fields{grid-template-columns:1fr 110px}.view-tabs{gap:24px}.auth-brand>span:last-child{display:none}.notification-tools{padding:12px 18px}.toast{width:max-content;max-width:calc(100vw - 25px)}.sidebar-bottom p,.toast{font-size:13px}}@media(pointer:coarse){.icon-button{min-width:36px;min-height:36px}.nav-item{min-height:44px}.task-table .complete-check{box-shadow:0 0 0 8px transparent}.auth-card input,.comment-composer textarea,.stack-form input,.stack-form select,.stack-form textarea,.task-form input,.task-form select,.task-form textarea{font-size:18px}.primary,.secondary{min-height:39px}}.toolbar-left{flex-wrap:wrap}.group-select{font-size:13px;padding:5px 6px;max-width:145px;border-color:#e8edf5;color:#7b8da7}.auth-logo{flex-shrink:0;object-fit:contain}