:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203c34;background:#f7f8f3;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400}*{box-sizing:border-box}body{margin:0}.topbar{max-width:1200px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2d8}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-symbol{background:#194c40;color:#fff;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-family:Georgia,serif;font-size:26px;position:relative}.brand-symbol span{position:absolute;font-size:14px;right:7px;bottom:7px}.profile{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3e9d8}.profile small{display:block;font-size:11px;color:#5c6b63;font-weight:400;margin-top:2px}main{max-width:1200px;padding:0 40px;margin:auto}.intro{padding:57px 0 30px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:750;color:#54705d;margin:0 0 14px}h1{font-size:clamp(38px,5vw,58px);line-height:1.12;letter-spacing:-2px;margin:0;font-weight:650}h1 span{color:#657f60}.description{font-size:17px;color:#52665c;line-height:1.6;margin:20px 0 0}.demo{display:flex;align-items:center;gap:11px;padding:15px 18px;border:1px solid #d9dfcb;background:#edf0e3;border-radius:10px;color:#455739;font-size:13px}.demo p{margin:0;line-height:1.6}.demo-dot{width:7px;height:7px;background:#667c3d;border-radius:50%;flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:42px 0 21px;gap:15px}.section-heading .eyebrow{font-size:10px;margin-bottom:8px}h2{font-size:29px;letter-spacing:-.9px;margin:0;font-weight:650;display:flex;align-items:center;gap:10px}.count{font-size:12px;letter-spacing:0;background:#e6ebdf;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.sample-label{font-size:12px;color:#5d6f63;padding-bottom:5px}.tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.task{padding:24px;background:#fff;border:1px solid #dce3d9;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 4px 9px #203c3403}.task-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.task-number{font-size:13px;color:#62745d;background:#f0f3eb;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-weight:600}.status{font-size:11px;font-weight:700;padding:6px 10px;border-radius:6px}.unclaimed{background:#faf0d7;color:#71500e}.accepted{background:#e9edf9;color:#3e5388}.completed{background:#e8f2e9;color:#356343}h3{font-size:20px;letter-spacing:-.5px;line-height:1.35;margin:0 0 10px}.task-note{color:#627066;font-size:14px;line-height:1.65;margin:0 0 23px;flex:1}.schedule{font-size:12px;color:#3b5145;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;padding:16px 0;line-height:1.6}.schedule span{padding:0 5px}.owner{font-size:12px;color:#647165;margin:18px 0 15px;min-height:18px}.owner strong{color:#344f3d}button,.done{width:100%;min-height:48px;border-radius:8px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;font-family:inherit}button{border:1px solid #194c40;color:#fff;background:#194c40;cursor:pointer}button:hover{background:#103c31}button.secondary{background:#fff;color:#194c40;border-color:#aabcae}button.secondary:hover{background:#edf3eb}button:focus-visible{outline:3px solid #a66111;outline-offset:4px}.done{background:#f1f5ed;color:#56704b;justify-content:center;gap:9px}.footnote{text-align:center;color:#61715e;font-size:13px;margin:33px 0 55px}footer{max-width:1120px;margin:0 auto;padding:22px 0;border-top:1px solid #dce2d8;font-size:12px;font-weight:700;display:flex;justify-content:space-between;color:#52664f}footer span{font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.tasks{grid-template-columns:1fr}.task-top,.task-note{margin-bottom:17px}footer{margin:0 40px}}@media(max-width:520px){.topbar{padding:20px}.brand{font-size:21px}main{padding:0 20px}.intro{padding-top:38px}h1{letter-spacing:-1.5px}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-top:32px}.task{padding:22px}.sample-label{font-size:12px}.footnote{line-height:1.7;margin-bottom:35px}footer{margin:0 20px;gap:16px;font-size:11px}.demo{align-items:start}.demo-dot{margin-top:7px}}.task-tools{display:flex;align-items:center;gap:20px}.add-task-button{width:auto;gap:24px}.task-form{background:#fff;border:1px solid #dce3d9;border-radius:15px;padding:24px;margin-bottom:24px}.form-help{font-size:13px;color:#52665c;margin:0 0 20px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:700px}.form-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650;min-width:0}.full-width{grid-column:1/-1}.form-fields input,.form-fields textarea{font:inherit;font-weight:400;font-size:16px;color:#203c34;background:#fff;border:1px solid #859b8b;border-radius:8px;padding:12px;min-height:48px;width:100%;min-width:0}.form-fields textarea{resize:vertical}.form-fields input:focus-visible,.form-fields textarea:focus-visible{outline:3px solid #a66111;outline-offset:3px}.form-actions{display:flex;gap:12px;margin-top:22px;max-width:340px}.task h3{overflow-wrap:anywhere}.task-note{white-space:pre-wrap;overflow-wrap:anywhere}.task .schedule{margin-top:auto}.count{min-width:24px;width:auto;padding:0 6px}@media(max-width:700px){.task-tools{align-items:end;flex-direction:column;gap:10px}}@media(max-width:520px){.task-tools{width:100%;align-items:stretch;gap:12px}.task-form{padding:20px}.form-fields{grid-template-columns:1fr}.form-actions{max-width:none}.add-task-button{justify-content:center}}.field-error{color:#963525;font-size:13px;line-height:1.5;font-weight:600}.duplicate-warning{margin-top:24px;padding:20px;background:#faf0d7;border:1px solid #cbb67a;border-radius:10px;color:#61450e;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.duplicate-warning p{margin:0 0 12px}.duplicate-warning .warning-title{font-weight:700}.duplicate-warning ul{padding-left:20px}.duplicate-warning li{margin-bottom:12px}.duplicate-warning li span{display:block;font-size:13px}.duplicate-warning .form-actions{margin-top:16px}@media(max-width:520px){footer{flex-wrap:wrap}.duplicate-warning .form-actions{flex-direction:column}}.duplicate-warning{scroll-margin-block-start:7rem;max-block-size:calc(100vh - 9rem);max-block-size:calc(100dvh - 9rem);overflow:auto}.duplicate-warning:focus-visible{outline:3px solid #a66111;outline-offset:4px}.duplicate-warning .form-actions{position:sticky;bottom:0;background:#faf0d7;padding-block:8px}.release-action{margin-top:10px;justify-content:center}.delete-action{margin-top:10px;justify-content:center;color:#963525;border-color:#c4a49c}.delete-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce3d9;border-radius:15px;padding:24px;color:#203c34;background:#fff;box-shadow:0 15px 60px #203c3440}.delete-dialog::backdrop{background:#142c2599}.delete-dialog h2{font-size:25px}.delete-dialog p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.delete-dialog .form-actions{max-width:none}.danger-button{background:#963525;border-color:#963525}.danger-button:hover{background:#75271b}.empty-tasks{padding:32px 20px;text-align:center;color:#52665c;border:1px solid #dce3d9;border-radius:15px;background:#fff}@media(max-width:380px){.delete-dialog .form-actions{flex-direction:column}}.header-actions{display:flex;align-items:center;gap:20px}.workspace-link{width:auto;justify-content:center;gap:8px}.shared-workspace{padding-top:48px;padding-bottom:60px}.shared-workspace h1{font-size:clamp(32px,5vw,48px)}.shared-workspace .description{max-width:650px;margin-bottom:28px}.auth-panel{max-width:560px;line-height:1.65;margin-top:24px}.auth-panel .form-fields{margin-bottom:22px}.auth-panel .form-help{margin-top:18px}.auth-display-name{overflow-wrap:anywhere}button:disabled{cursor:wait;opacity:.65}@media(max-width:520px){.header-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.topbar{gap:12px;flex-wrap:wrap}.workspace-link{font-size:12px;padding:10px}.shared-workspace{padding-top:32px}}.shared-tasks{margin:28px 0}.shared-task-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-task-heading h3{margin:0}.shared-task-list{display:grid;gap:16px}.shared-task-list .task p{overflow-wrap:anywhere}.shared-delete-notice{position:fixed;inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:20;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin-inline:auto;padding:16px;display:flex;align-items:flex-start;gap:12px;color:#203c34;background:#fff;border:2px solid #52665c;border-radius:12px;box-shadow:0 6px 28px #203c3440}.shared-delete-notice p{flex:1;min-width:0;max-height:calc(100dvh - 84px);overflow:auto;overflow-wrap:anywhere;margin:0}.shared-delete-notice button{width:auto;flex-shrink:0}.people-list{padding-left:1.5rem}.people-list li{margin-block:1rem}.people-list h4,.people-list p{margin-block:.4rem;overflow-wrap:anywhere}.zone-confirmation{display:flex;align-items:flex-start;gap:.75rem}.zone-confirmation input[type=checkbox]{width:1.5rem;min-height:1.5rem;height:1.5rem;flex-shrink:0;margin:0}.form-fields select{width:100%;min-height:3rem;padding:.65rem;font:inherit;color:inherit;background:#fff;border:1px solid #747e7a;border-radius:.5rem}.family-invitations{margin-block:1rem}.family-invitations form,.family-invite-share{display:grid;gap:.65rem;margin-block:.75rem}.family-invite-whatsapp{display:inline-block;justify-self:start;color:inherit;font-weight:700}
