:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#201f1d;background:#faf9f7;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #faf9f7;--surface: #ffffff;--ink: #201f1d;--muted: #77736d;--line: #e2dfda;--line-strong: #d5d1cb;--coral: #ef3f33;--coral-dark: #d93228;--coral-soft: #fdefed;--sage: #3d8b55;--sage-soft: #eaf4eb;--amber: #e9851d;--amber-soft: #fff2e3;--shadow: 0 18px 48px rgba(35, 31, 27, .09);--radius: 8px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(239,63,51,.2);outline-offset:1px}.app-shell{min-height:100vh;display:grid;grid-template-columns:164px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:164px;display:flex;flex-direction:column;padding:27px 15px 18px;border-right:1px solid var(--line);background:#ffffffbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.brand{align-self:flex-start;border:0;background:none;color:var(--coral);font-size:28px;line-height:1;font-weight:850;letter-spacing:-.08em;padding:6px 12px 28px;cursor:pointer}.primary-nav{display:grid;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;width:100%;padding:0 13px;border:0;border-radius:7px;background:transparent;font-size:15px;font-weight:650;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-item:hover{background:#f5f3f0}.nav-item.active{color:var(--coral);background:#f8f5f3}.nav-item.active:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:4px;background:var(--coral)}.profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 7px;font-size:13px;font-weight:700}.profile-copy{min-width:0;display:grid;gap:2px}.profile-copy strong,.profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:12px}.profile-copy small{color:var(--muted);font-size:9px;font-weight:500}.profile-logout{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.profile-logout:hover{background:#f2efeb;color:var(--ink)}.mobile-signout{display:none}.profile-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#272624;color:#fff;font-size:12px}.main-area{grid-column:2;min-width:0;width:auto;max-width:1540px;margin:0 auto;padding:0 30px 38px}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar h1{margin:0 0 5px;font-size:25px;line-height:1.2;letter-spacing:-.04em}.topbar p{margin:0;color:var(--muted);font-size:14px}.mobile-brand{display:none}.header-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.icon-button:hover{border-color:var(--line);background:var(--surface)}.quick-capture{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.section-heading h2{margin:0;font-size:15px}.section-heading p{display:flex;align-items:center;gap:5px;margin:3px 0 0;color:var(--muted);font-size:11px}.quick-capture form{position:relative;display:flex;gap:10px}.quick-capture input{min-width:0;flex:1;height:50px;padding:0 46px 0 14px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink);font-size:14px}.quick-capture input::placeholder{color:#9d9994}.clear-input{position:absolute;right:128px;top:7px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#aaa5a0;cursor:pointer}.primary-button,.secondary-button,.delete-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border-radius:6px;font-size:13px;font-weight:750;cursor:pointer}.primary-button{border:1px solid var(--coral);background:var(--coral);color:#fff;box-shadow:0 7px 16px #ef3f3329}.primary-button:hover{background:var(--coral-dark);border-color:var(--coral-dark)}.quick-capture .primary-button{min-width:116px;min-height:50px}.secondary-button{border:1px solid var(--line-strong);background:#fff}.delete-button{border:1px solid #ebc2bd;background:#fff7f6;color:#b9362d}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8}.metric{min-height:88px;display:flex;align-items:center;gap:13px;padding:16px 20px}.metric+.metric{border-left:1px solid var(--line)}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.metric-icon.coral{color:var(--coral);background:var(--coral-soft)}.metric-icon.sage{color:var(--sage);background:var(--sage-soft)}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric span:last-child{display:grid;gap:2px}.metric small{color:var(--muted);font-size:12px}.metric strong{font-size:24px;line-height:1}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.task-board{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc2;overflow:hidden}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.board-column{min-width:0}.board-column+.board-column{border-left:1px solid var(--line)}.board-column>header{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 15px;border-bottom:1px solid var(--line)}.board-column>header div{display:flex;align-items:baseline;gap:9px}.board-column h3{margin:0;font-size:14px}.board-column>header span{color:var(--muted);font-size:12px}.board-column>header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.board-column>header button:hover{background:#f4f1ee}.column-labels{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 82px 60px 36px;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid var(--line);color:#8b8781;font-size:9px}.task-list{min-height:290px}.task-row{position:relative;width:100%;min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 13px 12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease}.task-row:hover{background:#f8f6f3}.task-row:active{transform:scale(.995)}.task-row.priority-high:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--coral)}.task-copy{min-width:0;display:grid;gap:5px}.task-copy strong{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;font-weight:720}.task-copy strong svg{color:var(--sage);flex:none}.task-copy small{color:var(--muted);font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-copy small em{color:#8b6b67;font-style:normal}.task-meta{display:grid;grid-template-columns:66px 40px 18px;align-items:center;gap:5px;font-size:9px;color:#57534e}.assignee{display:flex;align-items:center;gap:5px;min-width:0}.assignee>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority.high{color:var(--coral)}.priority.medium{color:var(--amber)}.priority.low{color:var(--sage)}.task-chevron{display:none;color:#88837e}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--avatar-color, #b9b4ad);color:#3d3a36}.avatar-sm{width:23px;height:23px;font-size:8px}.avatar-md{width:31px;height:31px;font-size:10px}.avatar-lg{width:44px;height:44px;font-size:12px}.empty-column,.empty-state{padding:34px 20px;color:var(--muted);text-align:center;font-size:12px}.mobile-status-tabs{display:none}.brief-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc2;padding:16px 18px 8px}.brief-panel>h2{margin:0 0 4px;font-size:15px}.brief-section{padding:15px 0 16px;border-bottom:1px solid var(--line)}.brief-section:last-child{border-bottom:0}.brief-section h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:12px}.brief-section ol{margin:0;padding-left:22px;display:grid;gap:9px}.brief-section li{padding-left:1px;font-size:11px}.brief-section li::marker{color:#8d8881}.brief-section li span{display:inline-block;width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.brief-section time{float:right;color:var(--coral)}.tone-coral{color:var(--coral);fill:currentColor}.tone-amber{color:var(--amber)}.tone-warning{color:#e89220}.brief-empty{margin:0;color:var(--muted);font-size:11px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;background:#1e1b1833;animation:fade-in .16s ease both}.task-drawer{width:min(400px,100%);height:100%;padding:22px;background:var(--surface);box-shadow:var(--shadow);animation:slide-in .22s cubic-bezier(.2,.8,.2,1) both;overflow-y:auto}.task-drawer>header{display:flex;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}.task-drawer h2{margin:0;font-size:19px}.task-drawer header p{margin:5px 0 0;color:var(--muted);font-size:11px}.task-drawer header button{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.task-drawer form{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding-top:20px}.field{display:grid;gap:7px}.field-wide{grid-column:1 / -1}.field>span{color:#504c47;font-size:11px;font-weight:700}.field .field-label-with-hint{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label-with-hint small{color:#4f8a5e;font-size:9px;font-weight:650;text-align:right}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.field input,.field select{height:44px;padding:0 11px}.field textarea{padding:11px;resize:vertical;line-height:1.5}.completion-proof{display:grid;gap:10px}.completion-proof-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.completion-proof-heading>span{color:#504c47;font-size:11px;font-weight:700}.completion-proof-heading small{color:var(--muted);font-size:9px}.completion-proof-upload{min-height:96px;display:grid;place-content:center;justify-items:center;gap:5px;border:1px dashed #d7b5b0;border-radius:7px;background:#fff9f8;color:var(--coral);cursor:pointer}.completion-proof-upload:hover{border-color:var(--coral);background:var(--coral-soft)}.completion-proof-upload span{color:#554e49;font-size:11px;font-weight:750}.completion-proof-upload small{color:var(--muted);font-size:9px;font-weight:500}.completion-proof-upload kbd{padding:2px 4px;border:1px solid #d8d3cd;border-bottom-width:2px;border-radius:3px;background:#fff;color:#625d57;font:inherit;font-weight:700}.completion-proof-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.completion-proof-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.completion-proof-preview>a{position:relative;height:120px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#f4f2ef}.completion-proof-preview img{width:100%;height:100%;display:block;object-fit:cover}.completion-proof-preview a>span{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:5px;background:#201f1dc7;color:#fff;font-size:9px;font-weight:700}.proof-preview-actions{display:grid;justify-items:start;gap:7px}.proof-preview-actions>span{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;white-space:nowrap}.proof-remove{min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #ebc2bd;border-radius:6px;background:#fff7f6;color:#b9362d;font-size:10px;font-weight:700;cursor:pointer}.proof-error,.proof-removal-note{margin:0;font-size:10px}.proof-error{color:#b9362d}.proof-removal-note{color:var(--muted)}.form-actions{display:flex;justify-content:space-between;gap:12px;padding-top:8px}.form-actions .primary-button{min-width:128px}.page-view{padding-top:24px}.page-title-row{min-height:62px;display:flex;align-items:start;justify-content:space-between;gap:20px}.page-title-row h2{margin:0;font-size:22px;letter-spacing:-.03em}.page-title-row p{margin:6px 0 0;color:var(--muted);font-size:12px}.task-scope-tabs{display:flex;gap:8px;margin-top:14px}.task-scope-tabs button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.task-scope-tabs button:hover{border-color:var(--line-strong);background:#faf8f5}.task-scope-tabs button[aria-selected=true]{border-color:#f0b8b2;background:var(--coral-soft);color:var(--coral)}.task-scope-tabs button strong{min-width:21px;padding:3px 6px;border-radius:999px;background:#f1efec;color:#625e58;font-size:9px;text-align:center}.task-scope-tabs button[aria-selected=true] strong{background:#fff;color:var(--coral)}.filter-bar{display:flex;gap:10px;margin:14px 0}.filter-bar label{flex:1;display:flex;align-items:center;gap:9px;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}.filter-bar input{width:100%;border:0;outline:0;font-size:13px}.filter-bar select{min-width:140px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:#fff;font-size:12px}.all-tasks-list,.project-list,.member-list{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.all-tasks-list .task-row{grid-template-columns:minmax(240px,1fr) 300px;min-height:66px}.all-tasks-list .task-copy strong{font-size:13px}.all-tasks-list .task-meta{grid-template-columns:130px 65px 28px;font-size:11px}.inline-create{display:flex;gap:9px;padding:13px;margin-bottom:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.inline-create input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;font-size:12px}.member-create input{flex:0 1 260px}.project-row{width:100%;min-height:82px;display:grid;grid-template-columns:44px minmax(0,1fr) 220px 24px;align-items:center;gap:15px;padding:12px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.project-row:last-child,.member-row:last-child{border-bottom:0}.project-row:hover{background:#faf8f5}.project-row.selected{background:#fff7f5;box-shadow:inset 3px 0 var(--coral)}.project-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--project-color) 13%,white);color:var(--project-color)}.project-main,.member-main{display:grid;gap:5px}.project-main strong,.member-main strong{font-size:13px}.project-main small,.member-main small{color:var(--muted);font-size:11px}.project-progress{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:11px}.project-progress i{height:5px;border-radius:3px;background:#ece9e4;overflow:hidden}.project-progress b{display:block;height:100%;background:var(--coral)}.project-progress em{color:var(--muted);font-size:10px;font-style:normal}.project-management{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(430px,1.1fr);align-items:start;gap:16px}.project-task-header>div{flex:1}.project-detail-icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--project-color) 13%,white);color:var(--project-color)}.project-add-task{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #f0c4bf;border-radius:6px;background:#fff8f7;color:var(--coral);font-size:10px;font-weight:750;cursor:pointer}.project-add-task:hover{border-color:var(--coral);background:var(--coral-soft)}.project-assignee{min-width:78px}.member-row{width:100%;min-height:82px;display:grid;grid-template-columns:48px minmax(0,1fr) 90px 90px 24px;align-items:center;gap:14px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}button.member-row{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}button.member-row:hover{background:#faf8f5}button.member-row.selected{background:#fff7f5;box-shadow:inset 3px 0 var(--coral)}.member-stat{display:grid;gap:3px}.member-stat strong{font-size:18px}.member-stat small{color:var(--muted);font-size:10px}.member-management{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(430px,1.1fr);align-items:start;gap:16px}.member-task-panel{position:sticky;top:92px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.member-task-header{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid var(--line)}.member-task-header>div{min-width:0}.member-task-header span{color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.14em}.member-task-header h3{margin:3px 0 0;font-size:18px}.member-task-header p{margin:3px 0 0;color:var(--muted);font-size:10px}.member-task-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.member-task-summary>span{min-height:74px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:5px;padding:12px 14px;border-right:1px solid var(--line)}.member-task-summary>span:last-child{border-right:0}.member-task-summary svg{grid-row:1 / 3;align-self:center;color:var(--muted)}.member-task-summary strong{font-size:16px;line-height:1}.member-task-summary small{margin-top:4px;color:var(--muted);font-size:9px}.member-task-filters{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px 0;border-bottom:1px solid var(--line)}.member-task-filters button{min-height:36px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.member-task-filters button[aria-selected=true]{border-bottom-color:var(--coral);color:var(--coral)}.member-task-detail-list{max-height:min(470px,calc(100vh - 350px));overflow-y:auto}.member-task-detail{width:100%;display:grid;gap:10px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.member-task-detail:last-child{border-bottom:0}.member-task-detail:hover{background:#faf8f5}.member-task-detail-main{min-width:0;display:grid;gap:5px}.member-task-detail-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.member-task-detail-main small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.member-task-detail-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.member-task-detail-meta>span,.member-task-detail-meta time{display:inline-flex;align-items:center;gap:4px}.member-project-dot:before{width:6px;height:6px;border-radius:50%;background:var(--project-color);content:""}.status-pill,.priority-label{padding:3px 6px;border-radius:999px;background:#f1efec}.status-pill.status-doing{background:#fff3df;color:#a06a18}.status-pill.status-done{background:#eaf4ec;color:#3d7749}.priority-label.priority-high{background:#fff0ee;color:#a9372e}.proof-label{padding:3px 6px;border-radius:999px;background:#edf2ff;color:#596da9}.member-task-detail-meta time{margin-left:auto}.toast{position:fixed;left:50%;bottom:26px;z-index:200;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #cce2d0;border-radius:7px;background:#f4fbf5;color:#2f6d3f;box-shadow:var(--shadow);font-size:12px;font-weight:700;animation:toast-in .2s ease both}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,620px);background:var(--bg)}.auth-intro{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(46px,8vw,130px);background:#242321;color:#fff}.auth-brand{display:inline-block;color:var(--coral);font-size:28px;line-height:1;font-weight:850;letter-spacing:-.08em}.auth-intro h1{margin:44px 0 20px;font-size:clamp(38px,5vw,66px);line-height:1.13;letter-spacing:-.06em}.auth-intro>p{max-width:480px;margin:0;color:#c7c2bb;font-size:16px;line-height:1.7}.auth-intro ul{display:grid;gap:13px;margin:44px 0 0;padding:0;list-style:none;color:#e7e3dd;font-size:13px}.auth-intro li{display:flex;align-items:center;gap:10px}.auth-intro li svg{color:#7db38a}.auth-card{align-self:center;width:min(390px,calc(100% - 48px));margin:40px auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:38px;border-bottom:1px solid var(--line)}.auth-tabs button{min-height:45px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.auth-tabs button[aria-selected=true]{border-bottom-color:var(--coral);color:var(--coral)}.auth-card h2,.onboarding-card h1{margin:0;font-size:27px;letter-spacing:-.04em}.auth-card>p,.onboarding-card>p{margin:8px 0 26px;color:var(--muted);font-size:13px;line-height:1.6}.auth-card form,.onboarding-card form{display:grid;gap:16px}.auth-card label,.onboarding-card label{display:grid;gap:7px}.auth-card label span,.onboarding-card label span{font-size:11px;font-weight:700}.auth-card input,.onboarding-card input{height:48px;padding:0 13px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-size:13px}.auth-submit{width:100%;min-height:48px;margin-top:5px}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-resend{justify-self:center;display:inline-flex;align-items:center;gap:6px;min-height:30px;color:#68625c}.auth-resend:hover{color:var(--coral)}.auth-resend:disabled{cursor:wait;opacity:.65}.auth-forgot{justify-self:end;margin-top:-10px;color:#68625c}.auth-forgot:hover{color:var(--coral)}.auth-back{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:0 0 28px;color:#68625c}.auth-back:hover{color:var(--coral)}.form-error,.form-success{margin:-3px 0 0;padding:10px 12px;border-radius:6px;font-size:11px;line-height:1.5}.form-error{background:#fff0ee;color:#a9372e}.form-success{background:#edf7ef;color:#347247}.spin{animation:spin .85s linear infinite}.loading-screen,.onboarding-page{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;background:var(--bg);text-align:center}.loading-screen p{margin:0;color:var(--muted);font-size:13px}.error-screen h1{margin:12px 0 0;font-size:23px}.error-screen p{max-width:520px}.onboarding-card{width:min(520px,calc(100vw - 32px));padding:38px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);text-align:left}.onboarding-card .auth-brand{margin-bottom:38px}.onboarding-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.onboarding-choice button{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left;cursor:pointer}.onboarding-choice button[aria-selected=true]{border-color:var(--coral);background:var(--coral-soft)}.onboarding-choice button>span{display:grid;gap:3px}.onboarding-choice strong{font-size:12px}.onboarding-choice small{color:var(--muted);font-size:9px}.onboarding-restriction{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#f8f6f3}.onboarding-restriction svg{color:var(--coral)}.onboarding-restriction span{display:grid;gap:4px}.onboarding-restriction strong{font-size:12px}.onboarding-restriction small{color:var(--muted);font-size:10px}.invite-input{text-transform:uppercase;letter-spacing:.18em;font-weight:800}.invite-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;margin-bottom:14px;padding:15px;border:1px solid #f0c4bf;border-radius:7px;background:#fff8f7}.invite-panel strong{font-size:13px}.invite-panel p{margin:4px 0 0;color:var(--muted);font-size:10px}.invite-panel code{padding:8px 10px;border:1px dashed #dd8e86;border-radius:5px;color:#a9352c;background:#fff;font-family:ui-monospace,monospace;font-size:14px;font-weight:800;letter-spacing:.12em}.text-button{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(25px);opacity:0}}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.brief-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brief-panel>h2{grid-column:1 / -1}.brief-section{border-bottom:0;border-right:1px solid var(--line);padding:5px 20px 8px 0}.brief-section:last-child{border-right:0}}@media(max-width:820px){.app-shell{display:block;padding-bottom:72px}.sidebar{inset:auto 0 0;width:100%;height:68px;display:block;padding:0;border:0;border-top:1px solid var(--line);background:#fffffff0}.brand,.profile{display:none}.primary-nav{height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.nav-item{min-height:68px;flex-direction:column;justify-content:center;gap:4px;padding:0;border-radius:0;font-size:11px}.nav-item.active:before{left:28%;right:28%;top:0;bottom:auto;width:auto;height:2px}.main-area{padding:0 16px 24px}.topbar{min-height:112px;padding-top:12px}.mobile-brand{display:block;margin-bottom:14px;color:var(--coral);font-size:23px;line-height:1;font-weight:850;letter-spacing:-.08em}.topbar h1{font-size:23px}.header-actions .icon-button:first-child{display:none}.mobile-signout{display:grid}.quick-capture{margin-top:14px;padding:14px}.quick-capture form{gap:7px}.quick-capture input{height:48px}.quick-capture .primary-button{min-width:74px;min-height:48px;padding:0 11px}.clear-input,.section-heading p{display:none}.summary-strip{margin:14px 0 20px}.metric{min-height:76px;gap:8px;padding:12px 10px}.metric-icon{width:36px;height:36px}.metric small{font-size:10px}.metric strong{font-size:21px}.task-board{border:0;background:transparent;overflow:visible}.mobile-status-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.mobile-status-tabs button{min-height:52px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:14px;font-weight:750;cursor:pointer}.mobile-status-tabs button span{margin-left:8px;color:var(--muted);font-size:11px;font-weight:500}.mobile-status-tabs button.active{color:var(--coral);border-bottom-color:var(--coral)}.board-grid{display:block}.board-column{display:none;border:0}.board-column.mobile-active{display:block}.board-column>header,.column-labels{display:none}.task-list{min-height:0;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:#fff}.task-row{min-height:84px;grid-template-columns:minmax(0,1fr) 170px;padding:12px 13px 12px 16px}.task-copy strong{font-size:13px}.task-copy small{font-size:11px}.task-meta{grid-template-columns:84px 42px 18px 17px;font-size:10px}.task-chevron{display:block}.brief-panel{display:block;margin-top:14px}.brief-panel>h2{margin-bottom:0}.brief-section{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}.brief-section:last-child{border-bottom:0}.modal-layer{align-items:flex-end;background:#1e1b1847}.task-drawer{width:100%;height:auto;max-height:88vh;padding:18px 16px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation-name:sheet-in}.task-drawer:before{content:"";display:block;width:44px;height:4px;margin:-7px auto 14px;border-radius:3px;background:#c9c5c0}.task-drawer>header{padding-bottom:14px}.task-drawer header p{display:none}.task-drawer form{grid-template-columns:1fr;gap:9px;padding-top:14px}.task-drawer .field{gap:5px}.task-drawer .field input,.task-drawer .field select{height:40px}.task-drawer .field textarea{min-height:58px;max-height:72px}.completion-proof-preview{grid-template-columns:1fr}.completion-proof-preview>a{height:112px}.proof-remove{justify-self:start}.field-wide,.form-actions{grid-column:auto}.page-view{padding-top:18px}.all-tasks-list .task-row{grid-template-columns:minmax(0,1fr) 170px}.all-tasks-list .task-meta{grid-template-columns:84px 42px 18px 17px}.project-row{grid-template-columns:42px minmax(0,1fr) 22px}.project-progress{display:none}.project-management{grid-template-columns:1fr}.project-task-panel{position:static}.member-management{grid-template-columns:1fr}.member-task-panel{position:static}.member-task-detail-list{max-height:none}.member-row{grid-template-columns:48px minmax(0,1fr) 66px}.member-row .member-stat:nth-of-type(3),.member-row>svg{display:none}.toast{bottom:84px;width:calc(100% - 32px);justify-content:center}.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-card{width:min(390px,calc(100% - 32px))}.onboarding-card{padding:28px 20px}.invite-panel{grid-template-columns:1fr auto}.invite-panel>div{grid-column:1 / -1}.invite-panel .text-button{grid-column:1 / -1}}@keyframes sheet-in{0%{transform:translateY(35px);opacity:0}}@media(max-width:520px){.topbar{min-height:105px}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{justify-content:center}.metric-icon{display:none}.task-row,.all-tasks-list .task-row{grid-template-columns:minmax(0,1fr) 146px}.task-meta,.all-tasks-list .task-meta{grid-template-columns:68px 38px 15px 14px;gap:3px}.assignee>span:last-child{display:none}.assignee{justify-content:flex-end}.page-title-row{align-items:center}.page-title-row .primary-button{padding:0 12px}.filter-bar{flex-direction:column}.filter-bar select{height:42px}.task-scope-tabs{display:grid;grid-template-columns:1fr 1fr}.task-scope-tabs button{justify-content:center;padding:0 8px}.inline-create,.member-create{flex-wrap:wrap}.inline-create input,.member-create input{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
