:root{--fb-bg:#f2f1ed;--fb-card:#fff;--fb-text:#1b1a18;--fb-hint:#6e6a63;--fb-accent:#2b6cd4;--fb-onAccent:#fff;--fb-urgent:#bf3f28;--line:#1b1a181a;--fill:#eae8e3;--urgentBg:#fbe7e2;--soon:#985a00;--soonBg:#faeed7;--done:#2b7a4d;--doneBg:#e1f0e6;--me:#4a50c4;--meBg:#e8e9fb;--home:#0e7560;--homeBg:#daefe8;--partner:#913e7c;--partnerBg:#f4e3ef;--toast:#1b1a18;--onToast:#fff;--bg:var(--tg-theme-secondary-bg-color,var(--fb-bg));--card:var(--tg-theme-section-bg-color,var(--fb-card));--text:var(--tg-theme-text-color,var(--fb-text));--hint:var(--tg-theme-hint-color,var(--fb-hint));--accent:var(--tg-theme-button-color,var(--fb-accent));--onAccent:var(--tg-theme-button-text-color,var(--fb-onAccent));--urgent:var(--tg-theme-destructive-text-color,var(--fb-urgent));--safe-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--tabbar:calc(50px + var(--safe-bottom))}:root[data-scheme=dark]{--fb-bg:#111110;--fb-card:#1d1d1b;--fb-text:#f2f0eb;--fb-hint:#a29e96;--fb-accent:#6aa3f5;--fb-onAccent:#0b1830;--fb-urgent:#ff876b;--line:#ffffff17;--fill:#2a2a27;--urgentBg:#3a211b;--soon:#f2b65a;--soonBg:#33281a;--done:#6ccb94;--doneBg:#1b2e23;--me:#9aa2ff;--meBg:#25274a;--home:#5acfaf;--homeBg:#173029;--partner:#e39ad2;--partnerBg:#3a2235;--toast:#f2f0eb;--onToast:#1b1a18}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:17px;line-height:1.3;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}input{font:inherit}.app{background:var(--bg);padding-top:var(--safe-top);flex-direction:column;display:flex;position:fixed;inset:0}.screen-header{flex:none;justify-content:space-between;align-items:flex-end;padding:12px 16px 14px;display:flex}.screen-header h1{letter-spacing:-.4px;margin:0;font-size:30px;font-weight:700;line-height:36px}.screen-header p{color:var(--hint);margin:2px 0 0;font-size:14px}.header-actions{gap:8px;display:flex}.round-btn{background:var(--card);width:44px;height:44px;color:var(--text);border:0;border-radius:22px;flex:none;justify-content:center;align-items:center;display:flex}.main{scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:0;padding:0 16px calc(var(--tabbar) + 26px);flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.main::-webkit-scrollbar{display:none}.main>*{flex-shrink:0}.main.nested{gap:16px;padding-top:8px}.tabbar{height:var(--tabbar);padding-bottom:var(--safe-bottom);background:var(--card);border-top:.5px solid var(--line);z-index:10;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:0;left:0;right:0}.tab{color:var(--hint);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex;position:relative}.tab.active{color:var(--accent);font-weight:600}.tab-badge{background:var(--urgent);min-width:18px;height:18px;color:var(--card);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;left:calc(50% + 6px)}.add-form{gap:8px;margin:0;display:flex}.add-field{background:var(--card);height:50px;color:var(--hint);border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.add-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.add-field input::placeholder{color:var(--hint)}.add-submit{background:var(--accent);width:50px;height:50px;color:var(--onAccent);border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.caption{color:var(--hint);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--card);height:40px;color:var(--text);border-radius:20px;flex:none;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:15px;font-weight:500;display:flex}.chip svg{color:var(--accent)}.chip.on{background:var(--doneBg);color:var(--done);border-color:#0000}.chip.on svg{color:var(--done)}.chip.plain{padding:0 14px;font-weight:400}.list{background:var(--line);border-radius:16px;flex-direction:column;gap:.5px;display:flex;overflow:hidden}.list.r18{border-radius:18px}.row{background:var(--card);width:100%;min-height:58px;color:var(--text);text-align:left;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;align-items:center;gap:12px;padding:8px 14px;display:flex}.row-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-title{font-size:17px;line-height:22px}.row-sub{color:var(--hint);font-size:13px;line-height:17px}.check{border:2px solid var(--hint);opacity:.7;border-radius:13px;flex:none;width:26px;height:26px}.check.done{opacity:1;background:var(--done);color:var(--card);border:0;justify-content:center;align-items:center;display:flex}.pill{white-space:nowrap;border-radius:11px;flex:none;height:22px;padding:0 8px;font-size:12px;font-weight:600;line-height:22px}.pill.me{background:var(--meBg);color:var(--me)}.pill.partner{background:var(--partnerBg);color:var(--partner)}.pill.done{background:var(--doneBg);color:var(--done);align-items:center;gap:4px;display:inline-flex}.pending{color:var(--soon);align-items:center;gap:4px;font-size:13px;display:flex}.footnote{color:var(--hint);margin:-4px 4px 0;font-size:13px}.swipe{background:var(--done);position:relative;overflow:hidden}.swipe-bg{color:#fff;align-items:center;gap:8px;padding-left:20px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.swipe>.row{transition:transform .2s;position:relative}.swipe.dragging>.row{transition:none}.bought{background:var(--card);border-radius:16px;overflow:hidden}.bought-head{align-items:center;display:flex}.bought-toggle{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0 14px;display:flex}.bought-icon{background:var(--doneBg);width:26px;height:26px;color:var(--done);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.bought-title{font-size:16px;font-weight:600}.bought-summary{color:var(--hint);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.link-btn{height:44px;color:var(--accent);background:0 0;border:0;margin-right:6px;padding:0 10px;font-size:15px}.bought-list{border-top:.5px solid var(--line);flex-direction:column;display:flex}.bought-row{width:100%;min-height:48px;color:var(--hint);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:6px 14px;display:flex}.bought-row .name{flex:1;font-size:16px;text-decoration:line-through}.bought-row .who{font-size:12px}.section-title{color:var(--hint);margin:8px 4px 0;font-size:15px;font-weight:700}.section-title.urgent{color:var(--urgent);align-items:center;gap:8px;margin:0;padding:0 4px;display:flex}.section-title.urgent:before{content:"";background:var(--urgent);border-radius:4px;width:8px;height:8px}.section-title.soon{color:var(--soon)}.chore-card{background:var(--card);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.chore-card.inline{flex-direction:row;align-items:center}.chore-top{align-items:flex-start;gap:12px;display:flex}.chore-link{text-align:left;min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:0}.chore-name{font-size:17px;font-weight:600;line-height:22px}.chore-name.regular{font-weight:400}.chore-meta{color:var(--hint);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:13px;display:flex}.chore-meta.dots{gap:2px 6px;margin-top:2px}.chore-meta span{align-items:center;gap:4px;display:flex}.chore-meta .strong{color:var(--text);font-weight:600}.due-pill{background:var(--urgentBg);height:28px;color:var(--urgent);border-radius:14px;flex:none;padding:0 10px;font-size:14px;font-weight:700;line-height:28px}.btn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.btn-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:50px;padding:0 16px;font-size:17px;font-weight:600;display:flex}.btn.primary{background:var(--accent);color:var(--onAccent)}.btn.secondary{background:var(--fill);color:var(--text)}.btn.big{gap:8px;height:54px}.btn.small{border-radius:12px;height:44px;font-size:15px}.btn.pillish{border-radius:22px;height:44px;font-size:15px}.btn.danger{background:var(--card);height:52px;color:var(--urgent);border-radius:16px;font-weight:400}.circle-btn{background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.circle-btn>span{border:2px solid var(--hint);opacity:.7;border-radius:14px;width:28px;height:28px}.compact-row{background:var(--card);align-items:center;gap:10px;padding:10px 8px 10px 14px;display:flex}.card-header{padding:0 4px}.card-header h1{letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700;line-height:32px}.card-header p{color:var(--hint);margin:4px 0 0;font-size:15px}.card-header button{text-align:left;color:var(--text);background:0 0;border:0;width:100%;padding:0}.status-card{background:var(--card);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.status-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.status-label{color:var(--hint);font-size:13px}.status-value{letter-spacing:-.3px;font-size:30px;font-weight:700;line-height:36px}.status-date{color:var(--hint);padding-bottom:4px;font-size:15px}.progress{background:var(--fill);border-radius:4px;height:8px;overflow:hidden}.progress>div{border-radius:4px;height:100%}.progress-note{color:var(--hint);margin-top:6px;font-size:13px}.group{flex-direction:column;gap:8px;display:flex}.group-head{justify-content:space-between;align-items:baseline;margin:0 4px;display:flex}.group-head .caption{margin:0}.group-head .aside{color:var(--hint);font-size:13px}.setting{background:var(--card);width:100%;min-height:52px;color:var(--text);text-align:left;border:0;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:17px;display:flex}.setting.tall{min-height:60px;padding:8px 12px 8px 16px}.setting .label{flex:1}.setting .value{color:var(--hint)}.setting .stack{flex-direction:column;flex:1;gap:2px;display:flex}.setting .stack small{color:var(--hint);font-size:14px}.setting input{min-width:0;color:var(--text);text-align:right;background:0 0;border:0;outline:none;flex:1;font-size:17px}.setting input.left{text-align:left}.setting input::placeholder{color:var(--hint)}.setting input[type=date],.setting input[type=time]{color:var(--hint);flex:none}.setting-block{background:var(--card);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.setting-switch{background:var(--card);align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.setting-switch .label{flex:1;font-size:17px}.note-line{color:var(--hint);align-items:center;gap:6px;margin:0 16px;font-size:13px;display:flex}.note-line svg{color:var(--done);flex:none}.note-line .link-btn{height:auto;margin:0 0 0 auto;padding:0;font-size:13px}.segmented{background:var(--fill);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.segmented button{height:40px;color:var(--text);background:0 0;border:0;border-radius:10px;font-size:15px}.segmented button[aria-checked=true]{background:var(--card);font-weight:600;box-shadow:0 1px 3px #0000001f}.switch{background:var(--fill);border:0;border-radius:16px;flex:none;justify-content:flex-start;width:51px;height:31px;padding:2px;transition:background .2s;display:flex}.switch[aria-checked=true]{background:var(--done);justify-content:flex-end}.switch span{background:#fff;border-radius:14px;width:27px;height:27px;box-shadow:0 2px 4px #0003}.history-row{background:var(--card);align-items:center;gap:10px;min-height:52px;padding:0 16px;display:flex}.history-row .date{flex:1;font-size:16px}.history-row .late{text-align:right;width:120px;font-size:14px}.sheet-backdrop{z-index:30;background:#00000059;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;padding:8px 16px calc(16px + var(--safe-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:14px;max-height:85%;animation:.2s rise;display:flex;overflow-y:auto}.sheet-grip{background:var(--line);border-radius:3px;width:36px;height:5px;margin:0 auto 4px}.sheet h2{text-align:center;margin:0;font-size:20px;font-weight:700}.sheet-field{background:var(--card);border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.sheet-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.sheet-field .label{flex:1}.stepper{align-items:center;gap:4px;display:flex}.stepper button{background:var(--fill);border:0;border-radius:12px;width:40px;height:40px;font-size:22px;line-height:1}.stepper output{text-align:center;min-width:36px;font-size:17px;font-weight:600}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.5;transform:translateY(40px)}}.toast{left:12px;right:12px;bottom:calc(var(--tabbar) + 12px);z-index:20;background:var(--toast);color:var(--onToast);border-radius:16px;align-items:center;gap:10px;padding:8px 8px 8px 16px;animation:.2s rise;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.toast .body{flex:1;min-width:0;padding:4px 0;line-height:1.25}.toast .title{font-size:15px;font-weight:600}.toast .text{opacity:.75;font-size:13px}.toast .action{background:var(--accent);height:40px;color:var(--onAccent);border:0;border-radius:12px;padding:0 14px;font-size:15px;font-weight:600}.toast .close{width:40px;height:40px;color:var(--onToast);opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 20px;display:flex}.empty-icon{background:var(--card);width:104px;height:104px;color:var(--hint);border-radius:52px;justify-content:center;align-items:center;display:flex}.empty h2{margin:0;font-size:21px;font-weight:700}.empty p{color:var(--hint);max-width:300px;margin:6px 0 0;font-size:16px;line-height:22px}.empty .btn{padding:0 22px}.templates{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.templates small{color:var(--hint);font-size:13px}.templates div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skel{background:var(--fill);border-radius:6px}.skel-line{background:var(--fill);border-radius:6px;height:12px}.loading-note{color:var(--hint);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.loading-note svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{background:var(--urgentBg);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.alert>svg{color:var(--urgent);flex:none;margin-top:1px}.alert .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert .title{color:var(--urgent);font-size:16px;font-weight:700}.alert .text{color:var(--text);font-size:14px;line-height:19px}.alert button{background:var(--card);height:40px;color:var(--text);border:0;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin-top:6px;padding:0 16px;font-size:15px;font-weight:600;display:flex}
