@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#30272a;--muted:#8d7d7d;--rose:#b96768;--rose-dark:#944d52;--rose-soft:#f5e5e2;--rose-pale:#fbf3f0;--paper:#fffefd;--line:#eee4df;--green:#758b73;--shadow:0 18px 48px rgba(76,46,43,.07);font-family:'DM Sans','Noto Serif SC',sans-serif;color:var(--ink);background:#fbf7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 3% 0%,#f9ece7 0,transparent 30rem),#fbf7f4}.topbar{height:76px;padding:0 max(28px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,253,.86);border-bottom:1px solid rgba(238,228,223,.8);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e8c9c1;background:#fbf1ed;color:var(--rose);font-family:'Noto Serif SC',serif;font-size:23px;border-radius:14px}.brand b,.brand small{display:block}.brand b{font-family:'Noto Serif SC',serif;font-size:16px;letter-spacing:.06em}.brand small{font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:24px}.back-link{color:#76676a;text-decoration:none;font-size:13px}.back-link span{color:var(--rose);margin-left:4px}.manage-toggle,.submit-add{border:0;border-radius:9px;background:var(--rose);color:white;padding:11px 17px;font:600 13px 'DM Sans','Noto Serif SC',sans-serif;cursor:pointer;box-shadow:0 7px 16px rgba(185,103,104,.17);transition:.2s}.manage-toggle:hover,.submit-add:hover{background:var(--rose-dark);transform:translateY(-1px)}.manage-toggle span,.submit-add span{font-size:17px;vertical-align:-1px;margin-right:3px}.save-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.save-state i{width:7px;height:7px;border-radius:50%;background:#d0aa70}.save-state.online i{background:#7b9d76}.save-state.error i{background:#c54e4e}.page-shell{max-width:1260px;margin:0 auto;padding:52px 28px 26px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:3px 10px 28px}.eyebrow{margin:0 0 13px;color:#ad7373;font-size:10px;font-weight:700;letter-spacing:.17em}.eyebrow-line{display:inline-block;width:22px;height:1px;background:#c58a87;vertical-align:middle;margin-right:8px}.welcome h1{margin:0;font-family:'Noto Serif SC',serif;font-weight:500;font-size:34px;letter-spacing:.025em}.welcome h1 em{font-style:normal;color:var(--rose)}.welcome-copy{margin:12px 0 0;color:#958587;font-size:13px;letter-spacing:.02em}.welcome-stamp{width:86px;height:86px;border:1px solid #ead2ca;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#bd807c;transform:rotate(9deg);margin-right:22px;position:relative}.welcome-stamp:before{content:'';position:absolute;inset:5px;border:1px dashed #e8d1ca;border-radius:50%}.welcome-stamp span{font-family:'Noto Serif SC',serif;font-size:34px;line-height:1}.welcome-stamp small{font-size:9px;letter-spacing:.12em;margin-top:4px}.summary{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:14px;margin-bottom:21px}.summary-card{min-height:91px;background:rgba(255,254,253,.9);border:1px solid var(--line);border-radius:13px;padding:17px 20px;display:flex;align-items:center;gap:14px}.summary-icon{width:35px;height:35px;border-radius:11px;background:#faf0ed;color:var(--rose);display:grid;place-items:center;font-size:16px}.summary-done .summary-icon{background:#eef2eb;color:#7d957a}.summary-card small{display:block;color:#9c8c8b;font-size:11px;margin-bottom:3px}.summary-card strong{font-size:23px;font-family:'Noto Serif SC',serif;font-weight:600}.summary-note{font-size:11px;color:#b1a3a0;margin:14px 0 0 -8px}.summary-progress{display:block;padding:16px 20px}.progress-heading{display:flex;align-items:center;justify-content:space-between}.progress-heading strong{font-family:'DM Sans',sans-serif;font-size:17px;color:var(--rose)}.progress-track{height:6px;background:#f2e8e4;border-radius:9px;overflow:hidden;margin:11px 0 6px}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,#d29188,#b86167);border-radius:inherit;transition:width .3s}.progress-foot{font-size:10px;color:#a49594}.board{display:grid;grid-template-columns:257px minmax(0,1fr);min-height:550px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.category-sidebar{padding:24px 15px 18px;background:#fffdfa;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-heading{padding:0 10px 14px;display:flex;align-items:center;justify-content:space-between;color:#9c8585;font-size:11px;letter-spacing:.07em}.category-count{border:1px solid #efe5e0;border-radius:20px;padding:2px 8px;color:#a38b88;font-size:10px}.category-filter,.category-row,.group-row{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;cursor:pointer;color:#6f6263;border-radius:8px;padding:9px 10px;font:500 12px 'DM Sans','Noto Serif SC',sans-serif;transition:.15s}.category-filter{margin-bottom:6px}.category-filter:hover,.category-row:hover,.group-row:hover{background:#faf3f0}.category-filter.active,.category-row.active,.group-row.active{color:#a9585b;background:#f8eae7}.category-symbol{width:15px;text-align:center;font-size:14px;color:#c2827d}.category-label{flex:1}.category-badge{color:#ab9998;font-size:10px}.category-row .cat-index{width:17px;color:#bf9a94;font-size:10px;font-variant-numeric:tabular-nums}.category-row .category-label{line-height:1.4}.tree-group{margin:0 0 3px}.group-row{padding:6px 8px 6px 36px;font-size:11px;color:#938182}.group-row:before{content:'↳';font-size:12px;color:#c89c94}.category-tree{display:flex;flex-direction:column;gap:2px}.sidebar-foot{margin-top:auto;padding:18px 9px 2px;border-top:1px solid #f1e8e4;color:#ae9895;font-size:10px}.sidebar-foot span{color:#c78380;margin-right:5px}.task-content{padding:27px 30px 20px;min-width:0}.list-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.list-title .eyebrow{margin-bottom:6px;font-size:9px}.list-title h2{font:600 21px 'Noto Serif SC',serif;margin:0}.list-title p:last-child{font-size:11px;color:#a08f8e;margin:6px 0 0}.list-tools{display:flex;gap:8px}.search-box{height:36px;border:1px solid #eee5e0;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#b9918d}.search-box span{font-size:20px;line-height:1}.search-box input{width:150px;border:0;outline:0;background:transparent;font:11px 'DM Sans','Noto Serif SC',sans-serif;color:var(--ink)}.search-box input::placeholder{color:#b9aead}.status-filter{height:36px;border:1px solid #eee5e0;border-radius:8px;padding:0 9px;background:white;color:#877879;font:11px 'DM Sans','Noto Serif SC',sans-serif}.list-progress{padding:17px 0 14px;border-bottom:1px solid #f1e8e4;margin-bottom:13px}.list-progress-copy{display:flex;justify-content:space-between;color:#a28f8f;font-size:10px}.list-progress-copy b{color:#8c7c7c;font-weight:500}.list-progress .progress-track{height:4px;margin:9px 0 0}.group-section{margin:0 0 15px}.group-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 3px 8px}.group-heading h3{margin:0;display:flex;align-items:center;gap:8px;font:600 13px 'Noto Serif SC',serif}.group-heading h3:before{content:'';height:14px;width:3px;border-radius:3px;background:#cf8d87}.group-heading small{color:#aa9b9a;font-size:10px}.task-card{min-height:62px;border:1px solid #f0e8e4;border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:12px;margin-bottom:7px;transition:.16s;background:#fff}.task-card:hover{border-color:#e6cbc4;box-shadow:0 5px 14px rgba(105,71,66,.05);transform:translateY(-1px)}.task-card.is-done{background:#fdfcfb}.task-check{appearance:none;width:17px;height:17px;flex:0 0 auto;margin:0;border:1.5px solid #d8c8c3;border-radius:50%;cursor:pointer;position:relative;transition:.15s}.task-check:checked{background:#82947a;border-color:#82947a}.task-check:checked:after{content:'✓';position:absolute;color:white;font-size:11px;left:2px;top:0}.task-body{min-width:0;flex:1}.task-title{font-size:12px;color:#54494a;line-height:1.5;overflow-wrap:anywhere}.is-done .task-title{color:#a89d9b;text-decoration:line-through;text-decoration-color:#c9bfbd}.task-note{font-size:10px;color:#aa9997;margin-top:4px;line-height:1.45}.task-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}.amount{font-size:11px;color:#af7772;white-space:nowrap}.done-tag,.todo-tag{font-size:9px;padding:4px 7px;border-radius:12px;white-space:nowrap}.done-tag{background:#edf2ea;color:#758a70}.todo-tag{background:#faf2ef;color:#b88980}.delete-item,.delete-node{border:0;background:transparent;color:#c2aaa5;cursor:pointer;font-size:15px;padding:5px;border-radius:6px}.delete-item:hover,.delete-node:hover{color:#b44e52;background:#fae9e8}.category-row-wrap{position:relative}.delete-node{display:none;position:absolute;right:2px;top:2px;z-index:2;font-size:13px}.managing .delete-node{display:block}.managing .category-row,.managing .group-row{padding-right:29px}.managing .task-card{padding-right:7px}.empty-state{text-align:center;padding:60px 20px;color:#aa9895}.empty-state>span{font-size:30px;color:#cc9b94}.empty-state h3{font:500 16px 'Noto Serif SC',serif;color:#776668;margin:12px 0 6px}.empty-state p{font-size:11px;margin:0 0 14px}.empty-state button{border:1px solid #ebd7d1;background:#fff9f7;color:#a45e5f;border-radius:8px;padding:8px 12px;cursor:pointer;font:12px 'DM Sans','Noto Serif SC',sans-serif}.list-footer{padding:15px 1px 0;border-top:1px solid #f1e8e4;color:#b0a2a0;font-size:10px;display:flex;justify-content:space-between}.page-footer{text-align:center;color:#b09c99;font-size:10px;padding:21px 0 8px;letter-spacing:.04em}.page-footer span{padding:0 6px;color:#d1a39b}.manage-panel{background:#fffefd;border:1px solid #eadbd5;border-radius:13px;margin:0 0 17px;padding:22px 24px 17px;box-shadow:0 13px 30px rgba(92,58,53,.06)}.manage-heading{display:flex;align-items:flex-start;justify-content:space-between}.manage-kicker{color:#b97974;font-size:9px;letter-spacing:.15em;font-weight:700}.manage-heading h2{font:600 17px 'Noto Serif SC',serif;margin:5px 0}.manage-heading p{color:#9d8c8c;font-size:11px;margin:0}.icon-close{border:0;background:transparent;color:#a89593;font-size:23px;cursor:pointer}.manage-form{display:grid;grid-template-columns:130px 1fr 1fr 1.2fr 120px auto;gap:10px;align-items:end;margin-top:17px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:10px;color:#948282}.field small{color:#b1a3a1}.field select,.field input{height:36px;min-width:0;border:1px solid #eee3df;border-radius:7px;background:#fff;padding:0 9px;font:11px 'DM Sans','Noto Serif SC',sans-serif;color:#55494a;outline-color:#d7a39b}.field-amount input{width:100%}.submit-add{height:36px;padding:0 13px;font-size:11px;white-space:nowrap}.manage-tip{margin:11px 0 0;color:#b4a4a0;font-size:9px}.task-card[hidden],.group-section[hidden]{display:none!important}.category-row-wrap[hidden],.tree-group[hidden]{display:none}.no-category{padding:18px 9px;color:#af9c9b;font-size:11px}.save-state.error{color:#b45658}
@media(max-width:900px){.page-shell{padding:36px 20px 20px}.board{grid-template-columns:220px minmax(0,1fr)}.task-content{padding:24px 20px 18px}.manage-form{grid-template-columns:130px 1fr 1fr}.field-name{grid-column:span 2}.field-notes{grid-column:span 2}.submit-add{grid-column:3}.list-toolbar{align-items:flex-start;flex-direction:column}.list-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}}
@media(max-width:640px){.topbar{height:64px;padding:0 15px}.top-actions{gap:10px}.back-link{display:none}.save-state{font-size:9px}.manage-toggle{padding:9px 11px;font-size:11px}.brand-mark{width:36px;height:36px;border-radius:12px;font-size:19px}.brand b{font-size:14px}.page-shell{padding:27px 12px 18px}.welcome{padding:0 5px 20px}.welcome h1{font-size:25px}.welcome-copy{font-size:11px}.welcome-stamp{width:65px;height:65px;margin-right:2px}.welcome-stamp span{font-size:26px}.welcome-stamp small{font-size:8px}.summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.summary-card{min-height:76px;padding:12px;gap:9px}.summary-icon{width:29px;height:29px}.summary-card strong{font-size:19px}.summary-note{font-size:9px;margin-top:12px}.summary-progress{grid-column:span 2;min-height:73px;padding:12px}.board{display:block;border-radius:12px;min-height:0}.category-sidebar{padding:13px 11px 11px;border:0;border-bottom:1px solid var(--line);display:block}.sidebar-heading{padding:0 2px 8px}.category-filter{display:inline-flex;width:auto;margin:0 4px 4px 0;padding:7px 9px}.category-tree{display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:2px;scrollbar-width:thin}.category-row-wrap{flex:0 0 auto}.category-row{width:auto;white-space:nowrap;border:1px solid #f0e6e2;padding:7px 9px}.category-row .cat-index{display:none}.tree-group{display:none}.sidebar-foot{display:none}.category-count{display:none}.task-content{padding:18px 13px 14px}.list-title h2{font-size:18px}.list-title p:last-child{font-size:10px}.list-tools{gap:6px}.search-box{height:34px}.status-filter{height:34px}.task-card{gap:9px;padding:10px}.task-meta{gap:5px}.task-title{font-size:11px}.task-note{font-size:9px}.done-tag,.todo-tag{font-size:8px;padding:4px 6px}.amount{font-size:10px}.manage-panel{padding:16px 13px}.manage-form{grid-template-columns:1fr 1fr}.field-type,.field-name,.field-notes{grid-column:span 2}.submit-add{grid-column:span 2}.field-amount{grid-column:span 2}.welcome .eyebrow{font-size:8px}}

/* Readability pass: stronger text contrast while keeping the soft wedding palette. */
:root{--ink:#282123;--muted:#625356;--rose:#98464b;--rose-dark:#76383e;--rose-soft:#f3dfdc;--rose-pale:#fbf1ee;--line:#e3d7d1;--green:#526d4e}
.brand small,.save-state{color:#5f5254;font-weight:500}.welcome-copy{color:#5f5254;font-weight:500}.eyebrow{color:#884b50}.eyebrow-line{background:#965b5d}.welcome-stamp{color:#8d514e;border-color:#d9bdb4}.welcome-stamp:before{border-color:#d9bdb4}.welcome-stamp small{color:#704a49;font-weight:600}
.summary-card small{color:#625456;font-size:12px;font-weight:500}.summary-note{color:#67585a;font-weight:500}.progress-foot{color:#665759;font-size:11px}.progress-heading strong{color:#8c3f45}
.sidebar-heading{color:#665456;font-size:12px;font-weight:600}.category-count{color:#655456}.category-filter,.category-row,.group-row{color:#4d4143;font-weight:600}.category-filter.active,.category-row.active,.group-row.active{color:#7c353d;background:#f4e3df}.category-badge{color:#625356;font-size:11px}.category-row .cat-index{color:#885b59;font-weight:600}.group-row{font-size:12px;color:#625255}.group-row:before{color:#9c635e}.sidebar-foot{color:#69595b;font-size:11px}.category-symbol{color:#965653}
.list-title p:last-child{color:#69595b;font-size:12px}.search-box{color:#89514e}.search-box input::placeholder{color:#6c6061;opacity:1}.status-filter{color:#514648;font-size:12px}.list-progress-copy{color:#68595a;font-size:11px}.list-progress-copy b{color:#504345;font-weight:600}.group-heading small{color:#66575a;font-size:11px}
.task-title{color:#3c3033;font-size:13px;font-weight:500}.is-done .task-title{color:#6d6263;text-decoration-color:#a99c9c}.task-note{color:#625456;font-size:11px;font-weight:500}.amount{color:#884044;font-size:12px;font-weight:600}.done-tag,.todo-tag{font-size:10px;font-weight:600}.done-tag{background:#e6eee3;color:#405d3e}.todo-tag{background:#f5e6e1;color:#83483d}.task-check{border-color:#9c8581}.task-check:checked{background:#56744f;border-color:#56744f}
.list-footer,.page-footer{color:#68595b;font-size:11px}.manage-heading p,.field>span{color:#665658}.field small,.manage-tip{color:#695b5c}.manage-tip{font-size:10px}.field select,.field input{color:#3e3335}.empty-state,.empty-state p{color:#665759}.empty-state h3{color:#44373a}.empty-state button{color:#7a363e}
.search-box:focus-within,.status-filter:focus,.field select:focus,.field input:focus{outline:2px solid #9a4b50;outline-offset:2px}
@media(max-width:640px){.task-title{font-size:12px}.task-note{font-size:10px}.done-tag,.todo-tag{font-size:9px}.category-row,.category-filter{font-size:11px}.search-box input::placeholder{color:#65595a}}

/* Sidebar: show category names only, without count statistics. */
.sidebar-heading .category-count,.category-badge{display:none!important}

.manage-toggle{text-decoration:none;display:inline-flex;align-items:center;gap:4px}.empty-manage-link{display:inline-flex;margin-top:12px;padding:9px 13px;border:1px solid #dfc9c4;border-radius:8px;color:#78383e;text-decoration:none;font-size:11px}.empty-manage-link:hover{background:#f7e8e4}

/* Mobile checklist layout */
@media(max-width:640px){.welcome{align-items:flex-start}.welcome h1{font-size:22px;line-height:1.45}.welcome-copy{max-width:28em;line-height:1.7}.list-tools{width:100%;min-width:0}.search-box{flex:1;min-width:0}.search-box input{width:100%;min-width:0}.status-filter{flex:0 0 auto;max-width:108px}.task-card{align-items:flex-start;flex-wrap:wrap}.task-body{flex:1;min-width:0}.task-title{overflow-wrap:anywhere;line-height:1.55}.task-meta{width:calc(100% - 27px);margin-left:27px;flex-wrap:wrap;justify-content:flex-end}.task-note{overflow-wrap:anywhere;line-height:1.6}.amount{font-size:10px}.empty-manage-link{min-height:40px;align-items:center}.manage-toggle{min-height:38px}.list-progress-copy{gap:8px;flex-wrap:wrap}}@media(max-width:380px){.topbar{padding:0 10px}.top-actions{gap:6px}.manage-toggle{padding:8px 9px;font-size:10px}.brand{gap:7px}.brand b{font-size:13px}.welcome-stamp{display:none}.page-shell{padding-left:9px;padding-right:9px}.task-content{padding-left:10px;padding-right:10px}.admin-actions button{padding:0 8px;font-size:11px}}

/* Mobile: use a clear category picker instead of a clipped horizontal chip row. */
.mobile-category-picker{display:none}
@media(max-width:640px){
  .category-sidebar{padding:14px 13px;background:#fff}
  .sidebar-heading,.category-tree{display:none}
  .mobile-category-picker{display:flex;flex-direction:column;gap:7px}
  .mobile-category-picker>span{font-size:12px;font-weight:700;color:#4d4143}
  .mobile-category-picker select{width:100%;height:46px;padding:0 38px 0 13px;border:1px solid #d9c5be;border-radius:9px;background:#fffaf8;color:#33282b;font:600 15px 'DM Sans','Noto Serif SC',sans-serif}
  .mobile-category-picker select:focus{outline:2px solid #98464b;outline-offset:2px}
  .list-toolbar{gap:13px}
  .group-heading{margin:0 0 8px;padding:10px 11px;border:1px solid #ead9d3;border-radius:8px;background:#fbf2ef}
  .group-heading h3{font-size:14px;color:#54383a}
  .group-heading small{color:#5b4b4d}
  .task-card{border-color:#e5dcd8;border-radius:9px;min-height:68px;padding:12px 11px}
  .task-check{width:20px;height:20px;border-color:#89716e}
  .task-title{font-size:13px;color:#30272a}
  .task-meta{justify-content:space-between}
}

/* High contrast neutral + deep teal palette for quicker scanning. */
:root{--ink:#202b33;--muted:#4d5a61;--rose:#28645f;--rose-dark:#1e4d49;--rose-soft:#e2eeeb;--rose-pale:#f2f6f4;--line:#d8e0dd;--green:#356747;background:#f3f5f4}
body{background:#f3f5f4}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:#dbe2df}
.brand-mark{background:#e7f0ed;border-color:#bed2cd;color:#205b55}
.brand small,.save-state{color:#4c5c60}
.save-state.online i{background:#3c8157}
.manage-toggle,.submit-add{background:#28645f;box-shadow:0 5px 12px rgba(40,100,95,.16)}
.manage-toggle:hover,.submit-add:hover{background:#1e4d49}
.eyebrow,.list-title .eyebrow{color:#28645f}
.welcome h1 em{color:#28645f}
.welcome-copy{color:#4d5a61}
.welcome-stamp{color:#28645f;border-color:#bfd2ce}
.welcome-stamp:before{border-color:#bfd2ce}
.welcome-stamp small{color:#3d615c}
.board{background:#fff;border-color:#d8e0dd;box-shadow:0 14px 36px rgba(37,54,51,.07)}
.category-sidebar{background:#fafcfb;border-right-color:#d8e0dd}
.sidebar-heading,.category-filter,.category-row,.group-row{color:#35454a}
.category-filter:hover,.category-row:hover,.group-row:hover{background:#eef4f2}
.category-filter.active,.category-row.active,.group-row.active{color:#174e49;background:#e2eeeb}
.category-symbol,.category-row .cat-index{color:#28645f}
.task-content{background:#fff}
.list-title p:last-child,.list-progress-copy,.list-progress-copy b{color:#46575d}
.search-box,.search-box input{color:#26363b}
.search-box,.status-filter{border-color:#cbd6d2}
.status-filter{color:#34454a}
.progress-track{background:#e5ebe8}
.progress-track span{background:#28645f}
.group-heading h3:before{background:#28645f}
.group-heading small{color:#536267}
.task-card{background:#fff;border-color:#d6dfdc}
.task-card:hover{border-color:#8eaaa3;box-shadow:0 5px 14px rgba(37,70,65,.08)}
.task-card.is-done{background:#f7faf8}
.task-title{color:#202b33;font-size:14px;font-weight:600}
.task-note{color:#4c5b60;font-size:12px;font-weight:500}
.task-check{border-color:#60736e}
.task-check:checked{background:#356747;border-color:#356747}
.todo-tag{background:#fff0d5;color:#714c13}
.done-tag{background:#e3f1e6;color:#285c36}
.amount{color:#354f4a}
.list-footer,.page-footer{color:#536267}
.empty-state,.empty-state p{color:#536267}
.empty-state h3{color:#25353a}
@media(max-width:640px){
  .category-sidebar{background:#fff}
  .mobile-category-picker>span{color:#35454a}
  .mobile-category-picker select{border-color:#bdcfca;background:#f8fbfa;color:#202b33}
  .group-heading{border-color:#cbdad5;background:#edf4f1}
  .group-heading h3{color:#1d4541}
  .task-card{border-color:#d1dbd7}
  .task-title{color:#202b33;font-size:14px}
  .task-note{color:#4c5b60;font-size:12px}
  .task-check{border-color:#536b65}
}
@media(max-width:640px){
  .task-card{flex-wrap:nowrap;align-items:flex-start}
  .task-body{flex:1 1 auto;min-width:0}
  .task-meta{width:auto;flex:0 0 auto;margin:0 0 0 auto;justify-content:flex-end;align-self:flex-start}
  .done-tag,.todo-tag{white-space:nowrap}
  .mobile-category-picker>span,.list-title p:last-child{display:none}
}
.category-heading{display:none!important}

/* Replace green accents with a clearer blue palette. */
:root{--rose:#2458c5;--rose-dark:#193f98;--rose-soft:#e4ecff;--rose-pale:#f3f6ff;--green:#2458c5}
.manage-toggle,.submit-add{background:#2458c5;box-shadow:0 5px 12px rgba(36,88,197,.2)}
.manage-toggle:hover,.submit-add:hover{background:#193f98}
.eyebrow,.list-title .eyebrow,.welcome h1 em,.category-symbol,.category-row .cat-index{color:#2458c5}
.eyebrow-line{background:#527bd3}
.brand-mark{background:#edf2ff;border-color:#c6d5fa;color:#2458c5}
.welcome-stamp{color:#2458c5;border-color:#c6d5fa}
.welcome-stamp:before{border-color:#c6d5fa}
.welcome-stamp small{color:#31529b}
.category-filter.active,.category-row.active,.group-row.active{color:#183f91;background:#e5edff}
.group-heading h3:before{background:#2458c5}
.progress-track span{background:#2458c5}
.task-check:checked{background:#2458c5;border-color:#2458c5}
.done-tag{background:#e6edff;color:#173f99}
.task-card.is-done{background:#f7f9ff}
.mobile-category-picker select:focus,.search-box:focus-within,.status-filter:focus,.field select:focus,.field input:focus{outline-color:#2458c5}
@media(max-width:640px){
  .mobile-category-picker select{border-color:#b9c9ec;background:#f8faff}
  .group-heading{border-color:#c7d5f2;background:#edf2ff}
  .group-heading h3{color:#183f91}
  .task-check:checked{background:#2458c5;border-color:#2458c5}
}

/* Keep the existing card layout; change only its colors. */
.task-card{background:#fff;border-color:#dce6fa}
.task-card:hover{border-color:#b6caf2;box-shadow:0 5px 14px rgba(46,83,157,.08)}
.task-card.is-done{background:#f4f7ff;border-color:#d8e3f7}
.task-title{color:#202b33}
.task-note{color:#58677b}
.task-check{border-color:#8a9bb7}
.task-check:checked{background:#2458c5;border-color:#2458c5}
.done-tag{background:#e6edff;color:#173f99}
.todo-tag{background:#fff0d5;color:#714c13}

/* Darker blue-gray surfaces make the white task cards stand apart. */
:root{background:#e3e9f2}
body{background:#e3e9f2}
.topbar{background:rgba(248,250,253,.97)}
.board{background:#e7edf6;border-color:#c7d2e2}
.category-sidebar{background:#e1e8f2;border-color:#c7d2e2}
.task-content{background:#e8edf5}
.task-card{background:#fff;border-color:#c7d4e8}
.task-card:hover{border-color:#8faade}
.task-card.is-done{background:#f5f8ff;border-color:#c5d4ef}
@media(max-width:640px){
  .category-sidebar{background:#e7edf6}
  .task-content{background:#e8edf5}
}
.board{border:0;border-radius:0;box-shadow:none;overflow:visible}
/* Neutral light-gray page surface with white task cards. */
:root{background:#f3f4f6}
body{background:#f3f4f6}
.topbar{background:rgba(255,255,255,.97)}
.board{background:#f0f1f3}
.category-sidebar{background:#f0f1f3}
.task-content{background:#f2f3f5}
.task-card{background:#fff;border-color:#d9dde3}
.task-card:hover{border-color:#aebedb}
.task-card.is-done{background:#f5f8ff;border-color:#d1dcf2}
@media(max-width:640px){
  .category-sidebar{background:#f0f1f3}
  .task-content{background:#f2f3f5}
}
.task-content{background:#f5f6f8}
.group-heading{padding:8px 2px 7px;border:0;border-radius:0;background:transparent}
.group-heading h3{color:#263449;font-family:'DM Sans','Noto Serif SC',sans-serif;font-size:13px;font-weight:700}
.group-heading h3:before{width:3px;height:12px;border-radius:2px}
.group-heading small{color:#7b8795}
.task-card,.task-card.is-done{background:#fff;border:1px solid #e3e7ed;box-shadow:0 3px 12px rgba(36,55,85,.045)}
.task-card:hover{border-color:#b9c9e4;box-shadow:0 5px 14px rgba(36,55,85,.08)}
.task-title{color:#263449;font-weight:600}
.task-note{color:#768292}
.task-check{border-radius:6px;border-color:#98a4b4}
.task-check:checked{border-radius:6px;background:#2458c5;border-color:#2458c5}
.done-tag{background:#e8f0ff;color:#2859ac}
.todo-tag{background:#f1f5fb;color:#536783}
/* Compact task rows with content vertically centered. */
.task-card{min-height:54px;padding:9px 13px;align-items:center}
.task-body,.task-meta{align-self:center}
@media(max-width:640px){
  .task-card{min-height:54px;padding:8px 11px;align-items:center}
  .task-body,.task-meta{align-self:center}
}
/* Soft blush surfaces with white cards retained for separation. */
:root{background:#faedef}
body{background:#faedef}
.board{background:#f7e8eb}
.category-sidebar{background:#f7e8eb}
.task-content{background:#f8e9ec}
.task-card,.task-card.is-done{background:#fff;border-color:#ead9dd}
.task-card:hover{border-color:#dcb8c1}
@media(max-width:640px){
  .category-sidebar{background:#f7e8eb}
  .task-content{background:#f8e9ec}
  .task-card,.task-card.is-done{background:#fff}
}
/* Very light blush page, without a tinted wrapper or divider around the list. */
:root{background:#fffafb}
body{background:#fffafb}
.board,.category-sidebar,.task-content{background:transparent}
.category-sidebar{border:0}
@media(max-width:640px){.category-sidebar{border:0;border-bottom:0}}
/* Harmonize accents with the light blush background. */
:root{--rose:#b94c6b;--rose-dark:#963953;--rose-soft:#f7e1e7;--rose-pale:#fff5f7;--green:#8b4960}
.save-state.online i{background:#b94c6b}
.manage-toggle,.submit-add{background:#b94c6b;box-shadow:0 5px 12px rgba(185,76,107,.18)}
.manage-toggle:hover,.submit-add:hover{background:#963953}
.eyebrow,.list-title .eyebrow,.welcome h1 em,.category-symbol,.category-row .cat-index{color:#a63e5d}
.eyebrow-line,.group-heading h3:before{background:#c56b83}
.brand-mark{background:#fff1f4;border-color:#efcbd5;color:#a63e5d}
.welcome-stamp{color:#a63e5d;border-color:#efcbd5}
.welcome-stamp:before{border-color:#efcbd5}
.welcome-stamp small{color:#874657}
.category-filter.active,.category-row.active,.group-row.active{color:#8b304e;background:#f8e5ea}
.progress-track span{background:#bd5572}
.task-check:checked{background:#b94c6b;border-color:#b94c6b}
.done-tag{background:#f8e3e9;color:#8e304e}
.todo-tag{background:#f1f1f3;color:#5e5962}
.mobile-category-picker select:focus,.search-box:focus-within,.status-filter:focus,.field select:focus,.field input:focus{outline-color:#b94c6b}
@media(max-width:640px){
  .group-heading h3{color:#633844}
  .mobile-category-picker select{border-color:#e5c4ce}
}
#selectedTitle{display:none}
@media(max-width:640px){
  .group-heading{background:transparent;border:0;padding:8px 2px 7px}
  .group-heading h3{color:#263449}
  .task-card,.task-card.is-done{background:#fff;border-color:#e3e7ed}
}
/* Use a sans-serif Chinese typeface throughout instead of Song/serif fonts. */
*,*::before,*::after{font-family:"Microsoft YaHei","Noto Sans SC","PingFang SC",Arial,sans-serif!important}
.task-note-inline{display:inline;margin-left:.35em;color:#697586;font-size:.9em;font-weight:400;line-height:inherit;overflow-wrap:anywhere}