:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#17243e;background:#f7f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.muted{color:#8792a5}.subtle{font-size:12px;color:#9aa4b3}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#9faab8;margin:0 0 5px}.topbar{height:84px;background:white;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.3vw,76px)}.brand{display:flex;gap:14px;align-items:center}.brand h1{font-size:19px;letter-spacing:-.04em;margin:0}.brand-mark{width:56px;height:56px;background:#4354d8;border-radius:16px;color:white;display:grid;place-items:center;font-weight:800;font-size:28px;box-shadow:0 8px 18px #4a59c82b;letter-spacing:-.08em}.brand-mark span{color:#a5e8ff}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:19px}.top-actions{display:flex;align-items:center;gap:18px}.sync{font-size:12px;color:#67778d;display:flex;align-items:center;gap:7px;white-space:nowrap}.sync:before{content:'';width:7px;height:7px;background:#5bc39d;border-radius:50%}.sync.busy:before{background:#f1b24b}.sync.error:before{background:#e06b6b}.button{border:0;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.text-button:focus-visible,.task-card:focus-visible,.member-card:focus-visible,.add-cell:focus-visible,.mobile-nav button:focus-visible{outline:3px solid #7484ed;outline-offset:2px}.primary{background:#4658d9;color:white;box-shadow:0 4px 12px #5364d82c}.primary:hover{background:#3547c7}.secondary{background:#e9ecff;color:#3f4fc7}.quiet{background:#f1f3f8;color:#69758a}.danger{background:#fff1f0;color:#ce5555}.icon-button{border:0;background:#f4f5f9;border-radius:10px;padding:10px 13px;color:#7c8999}.text-button{border:0;background:none;color:#5365da;font-weight:700;font-size:12px;padding:7px 2px}main{max-width:1740px;padding:38px clamp(18px,4.3vw,76px) 80px;margin:auto}.board-heading,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.board-heading h2,.section-head h2{font-size:28px;letter-spacing:-.045em;margin:0 0 4px}.board-heading .muted,.section-head .muted{margin:0;font-size:13px}.board{background:white;border:1px solid #e8ebf2;border-radius:18px;margin-top:27px;overflow:hidden;box-shadow:0 14px 40px #19294a09}.board-grid{display:grid;grid-template-columns:minmax(190px,1.05fr) repeat(4,minmax(170px,1fr))}.column-head{height:57px;display:flex;align-items:center;gap:8px;padding:0 20px;background:#fcfcfe;border-bottom:1px solid #e9edf2;border-right:1px solid #eff1f5;color:#44516a;font-size:12px;font-weight:800}.staff-head{font-size:10px;color:#9aa6b6;letter-spacing:.12em}.head-dot{width:8px;height:8px;border-radius:50%}.head-dot.todo{background:#8a9bad}.head-dot.progress{background:#6f7cfa}.head-dot.input{background:#e9ae64}.head-dot.complete{background:#63c39b}.board-rows{display:contents}.member-cell,.task-cell{min-height:178px;border-right:1px solid #eff1f5;border-bottom:1px solid #eff1f5;padding:16px}.board-rows>div:nth-last-child(-n+5){border-bottom:0}.member-card{width:100%;min-height:132px;text-align:left;background:var(--member-color);border:0;border-radius:13px;padding:18px;display:flex;flex-direction:column;position:relative;color:#25324c;box-shadow:inset 0 0 0 1px #ffffff9c}.member-card .initials{width:34px;height:34px;border-radius:10px;background:#ffffff92;display:grid;place-items:center;font-weight:800;font-size:13px;margin-bottom:12px}.member-card strong{font-size:15px;line-height:1.1}.member-card .goal{font-size:11px;color:#5f6b7d;line-height:1.35;margin-top:5px}.member-card .edit{position:absolute;right:13px;top:13px;font-size:17px;opacity:.64}.task-cell{display:flex;flex-direction:column;gap:9px;transition:background .15s}.task-cell.over{background:#e9edff}.task-card{border:1px solid #e9edf2;background:#fff;border-radius:12px;padding:12px 13px;text-align:left;box-shadow:0 3px 10px #2639570c;display:block;width:100%;min-height:70px;color:#24334c;cursor:pointer}.task-card:hover{border-color:#b4bdf4;box-shadow:0 6px 16px #26395713}.task-title{display:block;font-size:12px;font-weight:700;line-height:1.35}.task-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;color:#8c97a8;font-size:10px}.pill{border-radius:5px;padding:3px 6px;background:#f4f5f9;font-weight:700}.pill.due{color:#ad7542;background:#fff5e9}.pill.needs{color:#b87244;background:#fff2e8}.card-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.move-select{flex:0 0 112px;width:112px;min-width:112px;max-width:100%;padding:6px 23px 6px 7px;color:#62718c;border:0;border-radius:6px;background:#f6f7fa;font-size:11px;cursor:pointer}.add-cell{align-self:flex-start;margin-top:auto;border:1px dashed #d6dceb;border-radius:8px;background:#fafbff;color:#7583ae;font-size:16px;width:29px;height:29px;line-height:1}.add-cell:hover{background:#edf0ff;color:#4b5bd1}.empty-board{margin-top:28px;text-align:center;padding:66px 20px;background:white;border:1px solid #e8ebf2;border-radius:17px}.empty-board h3{margin:9px 0 6px;font-size:22px}.empty-board p{color:#8792a5;font-size:13px}.empty-icon{font-size:29px;color:#6c7bea}.empty-board .button{margin-top:13px}.notes-section{margin-top:48px;scroll-margin-top:90px}.live-pill{font-size:11px;font-weight:700;color:#669781;background:#eaf8f0;border-radius:100px;padding:8px 12px}.live-pill span{display:inline-block;width:6px;height:6px;background:#55bd91;border-radius:50%;margin-right:4px}.notes-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:22px}.notes-panel,.links-panel{background:#fff;border:1px solid #e8ebf2;border-radius:15px;box-shadow:0 8px 28px #26395708;overflow:hidden;min-height:260px}.panel-title{min-height:60px;padding:0 20px;border-bottom:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between;font-size:13px}.panel-title>div{display:flex;align-items:center;gap:10px}.panel-icon{font-size:16px;color:#7786d8;background:#f0f2ff;border-radius:8px;width:27px;height:27px;display:grid;place-items:center}.notes-body{padding:17px 20px 20px}.notes-body textarea{border:0;outline:0;resize:vertical;width:100%;min-height:125px;color:#344158;font-size:13px;line-height:1.7}.notes-body textarea:focus-visible{outline:2px solid #8794ec;border-radius:8px}.notes-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #eef0f4;padding-top:12px}.links-list{padding:12px 20px}.link-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2f3f6}.link-item:last-child{border-bottom:0}.link-item a{font-size:12px;color:#3f4db1;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item a:hover{text-decoration:underline}.link-item .link-icon{background:#f2f4fc;border-radius:8px;color:#7382cc;padding:7px}.link-item button{margin-left:auto;border:0;background:none;color:#a2abb7;font-size:18px}.empty-links{font-size:12px;color:#9ba5b4;padding:18px 0}.mobile-only{display:none}dialog{border:0;border-radius:18px;padding:0;width:min(580px,calc(100vw - 28px));max-height:min(90vh,900px);box-shadow:0 30px 100px #18233c3d;color:#20304c}dialog::backdrop{background:#101c36a8}.dialog-form{padding:27px;overflow-y:auto;max-height:90vh}.dialog-form h2{font-size:23px;letter-spacing:-.04em;margin:0 0 24px}.dialog-form label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}.optional{color:#9aa5b5;font-weight:400}.dialog-form input,.dialog-form textarea,.dialog-form select,.login-card input{width:100%;border:1px solid #dfe4ed;border-radius:9px;padding:11px 12px;color:#25334e;background:white;outline:none;font-size:13px}.dialog-form :is(input,textarea,select):focus,.login-card input:focus{border-color:#7787e2;box-shadow:0 0 0 3px #7485e32b}.dialog-form textarea{resize:vertical}.close{float:right;background:#f3f4f8;color:#8590a1;border:0;border-radius:9px;font-size:21px;width:31px;height:31px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.needs-fields{margin-top:17px;padding:13px 15px 18px;border-radius:11px;background:#fff7ee}.checklist-head{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.checklist-line{display:flex;align-items:center;gap:9px;margin-top:7px}.checklist-line input[type=checkbox]{width:auto}.checklist-line input[type=text]{flex:1}.checklist-line button{border:0;background:none;color:#a9b0c0}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:25px;padding-top:18px;border-top:1px solid #edf0f4}.spacer{flex:1}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 35% 10%,#edf0ff,#f7f8fb 45%)}.login-card{background:white;width:min(420px,100%);min-height:405px;padding:38px;border-radius:20px;box-shadow:0 16px 55px #24315018;display:flex;flex-direction:column;justify-content:center}.login-card h1{font-size:27px;letter-spacing:-.045em;margin:0 0 38px}.login-card p.muted{font-size:13px;line-height:1.5;margin:0 0 30px}.login-card label{font-size:12px;font-weight:700;display:block;margin:0 0 7px}.login-card input{font-size:15px}.login-card .full{width:100%;margin-top:15px;display:flex;justify-content:space-between;padding:14px 17px}.error{font-size:12px;color:#c54d4d;min-height:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e2d4b;color:white;box-shadow:0 8px 30px #17264455;padding:13px 17px;border-radius:10px;font-size:13px;z-index:20;display:flex;gap:14px;align-items:center}.toast button{border:0;color:#b7c4ff;background:none;font-weight:800}.mobile-select{margin-top:23px}.member-tabs,.status-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.member-tabs button,.status-tabs button{border:0;white-space:nowrap;background:#fff;color:#7c8aa0;border-radius:100px;padding:11px 17px;font-size:12px;font-weight:700}.member-tabs button.selected{background:#4355d5;color:white}.status-tabs{margin-top:15px;border-bottom:1px solid #e4e8ef;gap:14px}.status-tabs button{background:none;border-radius:0;padding:10px 1px 12px}.status-tabs button.selected{color:#4355d5;border-bottom:2px solid #4355d5}.mobile-goal{display:none}
@media(max-width:1000px){.board-grid{grid-template-columns:180px repeat(4,minmax(180px,1fr));width:max(100%,900px)}.board{overflow-x:auto}.notes-layout{grid-template-columns:1.25fr 1fr}}
@media(max-width:700px){.desktop-only{display:none!important}.mobile-only{display:block}.topbar{height:68px;padding:0 18px}.brand h1{font-size:17px}.brand-mark.small{width:35px;height:35px}.top-actions{gap:0}main{padding:25px 17px 110px}.board-heading h2{font-size:25px}.board-heading .muted{max-width:240px;line-height:1.5}.board-heading>.button{display:none}.board{border:0;background:transparent;box-shadow:none;overflow:visible;margin-top:15px}.board-grid{display:block;width:auto}.column-head{display:none}.board-rows{display:block}.member-cell{display:none!important}.task-cell{border:0;padding:0;min-height:0;display:none}.task-cell.selected{display:flex;gap:11px}.task-card{padding:16px;min-height:91px;border-radius:13px}.task-title{font-size:14px}.task-meta{font-size:11px;margin-top:10px}.move-select{font-size:11px}.add-cell{align-self:stretch;width:100%;height:45px;border-radius:10px;margin-top:4px;font-size:13px}.add-cell:after{content:' Add task'}.mobile-goal{display:flex;margin-top:17px;background:#fff;border:1px solid #e9edf2;border-left:4px solid var(--member-color,#dce3ff);border-radius:11px;padding:13px 15px;justify-content:space-between;gap:10px;align-items:center}.mobile-goal strong{font-size:13px}.mobile-goal p{font-size:11px;color:#8792a5;margin:3px 0 0}.mobile-goal button{background:none;border:0;color:#6373d1;font-size:16px;padding:8px}.notes-section{margin-top:42px}.section-head h2{font-size:24px}.section-head .muted{max-width:270px;line-height:1.4}.live-pill{display:none}.notes-layout{grid-template-columns:1fr}.notes-panel,.links-panel{min-height:unset}.notes-footer .subtle{max-width:170px;line-height:1.3}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e7eaf1;height:calc(70px + env(safe-area-inset-bottom));padding:9px 25px env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:center;z-index:10}.mobile-nav button{border:0;background:none;color:#909bad;font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:3px;align-items:center}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:#4659d7}.mobile-nav .nav-add{width:46px;height:46px;border-radius:15px;color:white;background:#4759d6;font-size:30px;line-height:1;display:block;box-shadow:0 5px 13px #4456d74b;order:1}.mobile-nav #nav-notes{order:2}.mobile-nav #nav-board{order:0}.toast{bottom:86px;width:max-content;max-width:calc(100vw - 24px)}.dialog-form{padding:22px}.dialog-actions{flex-wrap:wrap}.task-actions .spacer{display:none}.task-actions .button{flex:1}.form-row{gap:10px}}
.member-card.color-0{background:#ecd9f4}.member-card.color-1{background:#d6e9ff}.member-card.color-2{background:#ffdfcb}.member-card.color-3{background:#daf0df}.member-card.color-4{background:#f6e3ae}.member-card.color-5{background:#dde2f7}.member-card.color-6{background:#f5dce6}
.notes-tools{display:flex;gap:6px;border-bottom:1px solid #eef0f4;padding-bottom:9px;margin-bottom:9px}.notes-tools button{border:0;background:#f4f5fa;border-radius:6px;color:#60708d;min-width:30px;min-height:28px;font-size:12px}.notes-tools button:last-child{margin-left:auto;padding:0 10px}.notes-preview{min-height:125px;padding:8px 0 15px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.notes-preview h3{font-size:15px;margin:4px 0}.notes-preview p{margin:3px 0}.notes-preview .list-line{padding-left:14px;position:relative}.notes-preview .list-line:before{content:'•';position:absolute;left:0}
.brand-icon{display:block;width:56px;height:56px;object-fit:cover;border-radius:16px;box-shadow:0 8px 18px #253c6b24}.brand-icon.small{width:39px;height:39px;border-radius:11px}.help-button{white-space:nowrap}.help-steps{padding-left:20px;margin:0 0 23px;color:#586782;line-height:1.55;font-size:14px}.help-steps li{padding:0 0 10px 3px}.help-steps strong{color:#24334c}.touch-drop{position:fixed;inset:0;z-index:60;background:#14213b8c;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto}.touch-drop-panel{background:#fff;border-radius:20px 20px 0 0;width:min(680px,100%);max-height:78dvh;overflow:auto;padding:18px 16px max(20px,env(safe-area-inset-bottom));box-shadow:0 -10px 35px #101c3640}.touch-drop-panel>strong{display:block;font-size:18px}.touch-drop-panel>p{font-size:12px;color:#62708a;margin:5px 0 15px}.touch-drop-row{margin:0 0 12px}.touch-drop-row>strong{display:block;font-size:12px;margin-bottom:6px}.touch-drop-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.touch-target{border:1px solid #e1e5ee;border-radius:9px;background:#f8f9fc;color:#35435f;min-height:49px;padding:6px 3px;font-size:11px;font-weight:700}.touch-target.active{border-color:#455bd1;background:#e5eaff;color:#293baf}.touch-ghost{position:fixed;z-index:70;pointer-events:none;width:min(260px,70vw);max-height:86px;overflow:hidden;border-radius:12px;background:white;border:2px solid #5265ce;padding:12px;box-shadow:0 14px 35px #15295059;font-size:13px;font-weight:700;transform:translate(-50%,-50%)}.task-card.dragging{opacity:.45}.task-card{user-select:none;-webkit-touch-callout:none}.task-cell.over{outline:2px solid #6574dd;outline-offset:-2px}.resource{color:#354eb6;text-decoration:none}.resource:hover{text-decoration:underline}@media(max-width:700px){.brand-icon.small{width:35px;height:35px}.help-button{min-width:38px;padding:7px 10px}.help-button span{display:none}.top-actions .sync{font-size:0}.top-actions .sync:before{width:9px;height:9px}.touch-drop-panel{max-height:73dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Compact task-first layout; keep the desktop Add member control. */
main{padding-top:20px}
.board-heading{justify-content:flex-end}
.board{margin-top:12px}
.empty-board{margin-top:12px}
@media(max-width:700px){main{padding-top:12px}.board-heading{display:none}.mobile-select{margin-top:0}.mobile-nav #nav-board svg{display:block;flex:none}}
/* Notes heading without its former eyebrow/description: reclaim that space. */
.notes-section{margin-top:28px}
.notes-section .section-head h2{margin:0}
.notes-layout{margin-top:12px}
@media(max-width:700px){.notes-section{margin-top:22px}.notes-layout{margin-top:12px}}

/* Appearance is local to each browser; member pastels stay unchanged. */
.theme-toggle,.topbar #logout{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;flex:none}
.theme-toggle .sun-icon{display:none}
:root[data-theme="dark"] .theme-toggle .sun-icon{display:block}
:root[data-theme="dark"] .theme-toggle .moon-icon{display:none}
@media(max-width:700px){.top-actions{gap:4px}.theme-toggle,.topbar #logout{width:36px;height:36px}.help-button{min-width:36px}}
@media(max-width:350px){.topbar{padding-inline:12px}.brand{gap:8px}.brand .eyebrow{display:none}}
:root[data-theme="dark"]{color-scheme:dark;--page:#000000;--surface:#08090b;--raised:#111318;--border:#292d36;--text:#f2f4f7;--muted:#b3bdcc;--accent:#b9c5ff;--accent-bg:#252e49;background:var(--page);color:var(--text)}
[data-theme="dark"] body{background:var(--page);color:var(--text)}
[data-theme="dark"] .topbar,[data-theme="dark"] .mobile-nav{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] :is(.eyebrow,.sync,.muted,.subtle,.optional,.mobile-goal p,.empty-board p,.empty-links){color:var(--muted)}
[data-theme="dark"] :is(.board,.notes-panel,.links-panel,.empty-board,.login-card,.mobile-goal){background:var(--surface);border-color:var(--border);box-shadow:none}
[data-theme="dark"] :is(.column-head,.member-cell,.task-cell){border-color:var(--border)}
[data-theme="dark"] .column-head{background:#0d0e11;color:#e1e5ec}
[data-theme="dark"] .staff-head{color:#b3bdcc}
[data-theme="dark"] .task-card{background:#101115;border-color:#30343e;color:var(--text);box-shadow:none}
[data-theme="dark"] .task-card:hover{background:#15171c;border-color:#7e90e8;box-shadow:0 3px 16px #000a}
[data-theme="dark"] .task-cell.over{background:#232a3f}
[data-theme="dark"] .task-meta{color:var(--muted)}
[data-theme="dark"] .pill{background:#303540;color:#d7dce7}
[data-theme="dark"] .pill.due{background:#3c3025;color:#ffca8f}
[data-theme="dark"] .pill.needs{background:#3b302d;color:#ffd0ad}
[data-theme="dark"] .move-select,[data-theme="dark"] .add-cell{background:#222630;border-color:#3a4050;color:#d9e0ed}
[data-theme="dark"] .add-cell:hover{background:#323a55;color:#fff}
[data-theme="dark"] .member-card .goal{color:#38465b}
[data-theme="dark"] .member-card .initials{color:#25324c}
[data-theme="dark"] .panel-title,[data-theme="dark"] .notes-tools,[data-theme="dark"] .notes-footer,[data-theme="dark"] .link-item,[data-theme="dark"] .dialog-actions,[data-theme="dark"] .status-tabs{border-color:var(--border)}
[data-theme="dark"] .notes-body textarea{background:transparent;color:var(--text)}
[data-theme="dark"] .notes-body textarea::placeholder,[data-theme="dark"] input::placeholder{color:#9da6b6}
[data-theme="dark"] .notes-tools button,[data-theme="dark"] .quiet,[data-theme="dark"] .icon-button,[data-theme="dark"] .close{background:#252a34;color:#e1e6f1}
[data-theme="dark"] .panel-icon,[data-theme="dark"] .link-item .link-icon{background:#252e48;color:#b5c1ff}
[data-theme="dark"] .text-button,[data-theme="dark"] .link-item a,[data-theme="dark"] .resource{color:#bac5ff}
[data-theme="dark"] .live-pill{background:#193127;color:#a7e1c0}
[data-theme="dark"] .secondary,[data-theme="dark"] .member-tabs button.selected{background:var(--accent-bg);color:#e6eaff}
[data-theme="dark"] .primary,[data-theme="dark"] .mobile-nav .nav-add{background:#485bd0;color:#fff}
[data-theme="dark"] .primary:hover{background:#5669e1}
[data-theme="dark"] :is(.member-tabs button,.status-tabs button){background:#1b1e26;color:#c3cbd8}
[data-theme="dark"] .status-tabs button{background:transparent}
[data-theme="dark"] .status-tabs button.selected,[data-theme="dark"] .mobile-nav button.active{color:var(--accent);border-color:var(--accent)}
[data-theme="dark"] .mobile-nav button{color:#b4bdca}
[data-theme="dark"] .mobile-goal{background:var(--surface)}
[data-theme="dark"] .mobile-goal button{color:var(--accent)}
[data-theme="dark"] dialog{background:var(--surface);color:var(--text);border:1px solid var(--border)}
[data-theme="dark"] .dialog-form :is(input,textarea,select),[data-theme="dark"] .login-card input{background:var(--raised);border-color:#414956;color:var(--text)}
[data-theme="dark"] .needs-fields{background:#2c251f}
[data-theme="dark"] .danger{background:#402329;color:#ffb7bd}
[data-theme="dark"] .help-steps,[data-theme="dark"] .touch-drop-panel>p{color:var(--muted)}
[data-theme="dark"] .help-steps strong{color:var(--text)}
[data-theme="dark"] .touch-drop-panel{background:var(--surface);color:var(--text)}
[data-theme="dark"] .touch-target{background:var(--raised);border-color:var(--border);color:var(--text)}
[data-theme="dark"] .touch-target.active{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}
[data-theme="dark"] .touch-ghost{background:var(--raised);border-color:var(--accent);color:var(--text)}
[data-theme="dark"] .login-wrap{background:radial-gradient(circle at 35% 10%,#0d0e11,#000 52%)}
[data-theme="dark"] .login-card label{color:var(--text)}
[data-theme="dark"] .toast{background:#202632;border:1px solid #3b4557;color:var(--text)}
/* Highlight the active member with the same pastel as their board card. */
.member-tabs button.selected.color-0,[data-theme="dark"] .member-tabs button.selected.color-0{background:#ecd9f4;color:#25334b}
.member-tabs button.selected.color-1,[data-theme="dark"] .member-tabs button.selected.color-1{background:#d6e9ff;color:#25334b}
.member-tabs button.selected.color-2,[data-theme="dark"] .member-tabs button.selected.color-2{background:#ffdfcb;color:#25334b}
.member-tabs button.selected.color-3,[data-theme="dark"] .member-tabs button.selected.color-3{background:#daf0df;color:#25334b}
.member-tabs button.selected.color-4,[data-theme="dark"] .member-tabs button.selected.color-4{background:#f6e3ae;color:#25334b}
.member-tabs button.selected.color-5,[data-theme="dark"] .member-tabs button.selected.color-5{background:#dde2f7;color:#25334b}
.member-tabs button.selected.color-6,[data-theme="dark"] .member-tabs button.selected.color-6{background:#f5dce6;color:#25334b}

/* Desktop user filters share the mobile member-chip styling. */
.board-heading{justify-content:space-between;gap:14px}
.desktop-member-tabs{flex:1;min-width:0}
@media(min-width:701px){.desktop-filter-hidden{display:none!important}}
@media(max-width:700px){.login-card{min-height:455px}}
/* eyup. wordmark and login-page appearance controls */
.login-card{text-align:center}
.login-card .eyup-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:68px;font-weight:900;font-style:italic;letter-spacing:-.095em;line-height:1;color:#0a0d18;margin:0 0 42px}
.login-card .eyup-dot{color:#59e7e2}
.login-card label{text-align:center}
.login-card input{text-align:center}
.login-card .full{justify-content:center;gap:8px}
:root[data-theme="dark"] .login-card .eyup-wordmark{color:#fff}
.login-theme-toggle{position:fixed;top:20px;right:20px;z-index:5}
:root[data-theme="dark"] .login-theme-toggle{background:#08090b;color:#f2f4f7;border:1px solid #292d36}
:root[data-theme="light"] .login-theme-toggle{background:#fff;color:#25334b;border:1px solid #dfe4ed}
.app-footer{max-width:1740px;margin:0 auto;padding:0 clamp(18px,4.3vw,76px) 24px;text-align:center;font-size:11px}
.app-footer a{color:#657084;text-decoration:none}
.app-footer a:hover,.app-footer a:focus-visible{color:#5468d8;text-decoration:underline}
:root[data-theme="dark"] .app-footer a{color:#8e99aa}
:root[data-theme="dark"] .app-footer a:hover,:root[data-theme="dark"] .app-footer a:focus-visible{color:#b9c5ff}
.code-change-warning{font-size:13px;line-height:1.5;color:#68758a;margin:0 0 10px}
:root[data-theme="dark"] .code-change-warning{color:var(--muted)}
@media(max-width:700px){.login-card .eyup-wordmark{font-size:60px;margin-bottom:38px}.login-theme-toggle{top:14px;right:14px}.app-footer{padding-bottom:26px}}
/* Keep member labels readable while move controls wrap at narrow card widths. */
.card-bottom>.subtle{flex:1 1 60px;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Member avatars can be chosen as emoji while old members keep initials until updated. */
.member-card .initials.emoji-avatar{font-size:23px;font-weight:400;line-height:1}
.emoji-field{min-width:0;border:0;margin:2px 0 18px;padding:0}
.emoji-field legend{padding:0;margin:0 0 9px;font-size:12px;font-weight:700}
.member-emoji-picker{display:grid;grid-template-columns:repeat(7,38px);gap:7px}
.emoji-choice{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #e2e6ef;border-radius:10px;background:#f6f7fa;color:#24334c;font-size:20px;line-height:1}
.emoji-choice[aria-pressed="true"]{border-color:#4b5cd2;box-shadow:0 0 0 2px #4b5cd2;background:#edf0ff}
.emoji-choice:focus-visible{outline:3px solid #7484ed;outline-offset:2px}
[data-theme="dark"] .emoji-choice{background:#1d222b;border-color:#39404d;color:var(--text)}
[data-theme="dark"] .emoji-choice[aria-pressed="true"]{background:#252e49;border-color:#8999f0;box-shadow:0 0 0 2px #8999f0}
@media(max-width:420px){.member-emoji-picker{grid-template-columns:repeat(7,36px);gap:6px}.emoji-choice{width:36px;height:36px}}
/* Shared accounts stay below Useful links and reveal details only on demand. */
.app-footer{display:flex;justify-content:center;align-items:center;gap:10px}
.accounts-section{margin-top:18px;padding-top:15px;border-top:1px solid #e8ebf2}
.accounts-title{border:0;padding:0;margin:0 0 5px}
.accounts-title .panel-icon.account-icon{background:#e5f5f3;color:#168b86}
.accounts-note,.account-form-note{margin:4px 0 12px;font-size:11px;line-height:1.5;color:#657084}
.empty-accounts{margin:10px 6px;color:#657084;font-size:12px}
.accounts-list{display:grid;gap:8px}
.account-item{overflow:hidden;border:1px solid #e8ebf2;border-radius:10px;background:#fff}
.account-summary{display:flex;align-items:center;gap:8px;padding:7px 8px}
.account-reveal{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:5px 6px;border:0;background:transparent;color:inherit;text-align:left}
.account-reveal strong{min-width:0;overflow-wrap:anywhere;font-size:13px}
.account-hint{flex:none;color:#657084;font-size:11px}
.account-actions{display:flex;flex:none;gap:2px}
.account-actions button{width:40px;height:40px;border:0;border-radius:7px;background:transparent;color:#758199;font-size:16px}
.account-actions button:hover,.account-actions button:focus-visible{background:#f1f3f8;color:#394968}
.account-details{display:grid;gap:9px;padding:11px 14px 13px;border-top:1px solid #e8ebf2}
.account-field{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:start}
.account-label{font-size:11px;font-weight:700;color:#657084}
.account-value{min-width:0;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#26334b}
a.account-value{color:#4b5cd2}
.account-form-note{margin:0 0 15px;padding:10px 12px;border-radius:9px;background:#f4f6fa;color:#59677d}
[data-theme="dark"] .accounts-section,[data-theme="dark"] .account-item,[data-theme="dark"] .account-details{border-color:var(--border)}
[data-theme="dark"] .account-item{background:var(--raised)}
[data-theme="dark"] .account-reveal{color:var(--text)}
[data-theme="dark"] .account-hint,[data-theme="dark"] .account-label,[data-theme="dark"] .accounts-note,[data-theme="dark"] .empty-accounts{color:var(--muted)}
[data-theme="dark"] .account-actions button{color:#aab4c6}
[data-theme="dark"] .account-actions button:hover,[data-theme="dark"] .account-actions button:focus-visible{background:#2a303b;color:#f4f6fb}
[data-theme="dark"] .account-value{color:#e4e9f1}
[data-theme="dark"] a.account-value{color:#b9c5ff}
[data-theme="dark"] .account-form-note{background:#1e2530;color:#c3ccda}
@media(max-width:420px){.account-summary{gap:3px;padding-inline:6px}.account-hint{font-size:10px}.account-actions button{width:40px;height:40px}.account-field{grid-template-columns:62px minmax(0,1fr)}}
/* Repeat each assignee's pastel color as a clear task-card edge. */
.task-card.color-0{border-left:4px solid #ecd9f4}
.task-card.color-1{border-left:4px solid #d6e9ff}
.task-card.color-2{border-left:4px solid #ffdfcb}
.task-card.color-3{border-left:4px solid #daf0df}
.task-card.color-4{border-left:4px solid #f6e3ae}
.task-card.color-5{border-left:4px solid #dde2f7}
.task-card.color-6{border-left:4px solid #f5dce6}