:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#33453a;background:#f8f6ef;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #33453a;--muted: #7f897d;--green: #527d5c;--green-deep: #3e684b;--green-soft: #e8eee3;--cream: #f8f6ef;--paper: #fffefa;--line: #e9e6da;--warm: #d5a876;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 8% 25%,rgba(227,231,211,.45),transparent 31rem),var(--cream)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(82,125,92,.42);outline-offset:3px}.page-shell{width:min(100% - 56px,1000px);min-height:100vh;margin:0 auto;padding:27px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:#4e7959;border:1px solid #dce4d6;border-radius:12px;background:#f0f3e9}.brand-mark svg{width:27px;height:27px}.top-note{display:flex;align-items:center;gap:8px;color:#7a8476;font-size:12px;font-weight:600;letter-spacing:.015em}.sun-dot{width:7px;height:7px;border-radius:50%;background:#d4a368;box-shadow:0 0 0 4px #f1e9d8}.welcome{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:258px;padding:37px 37px 26px;margin:23px 0 26px;overflow:hidden;border:1px solid #e9e7db;border-radius:22px;background:linear-gradient(112deg,#eeefe4,#f1f0e5 62%,#e7eadb)}.welcome-copy{position:relative;z-index:1}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;margin:0;color:#71836f;font-size:10px;font-weight:700;letter-spacing:.15em}.eyebrow-line{width:20px;height:1px;background:#a4b59b}h1{margin:16px 0 12px;color:#35473a;font-family:var(--serif);font-size:clamp(42px,6vw,59px);font-weight:500;line-height:.98;letter-spacing:-.055em}h1 span{color:#648565}.intro{margin:0;color:#727d71;font-size:13px;line-height:1.75}.welcome-art{position:absolute;right:6%;top:0;width:300px;height:100%;display:grid;place-items:center}.art-sun{position:absolute;width:155px;height:155px;right:48px;top:43px;border-radius:50%;background:#e4e7d4}.sprout{position:absolute;right:49px;bottom:26px;width:148px;height:164px;filter:drop-shadow(0 7px 5px rgba(82,103,70,.08))}.orbit{position:absolute;border:1px solid rgba(148,165,132,.26);border-radius:50%;transform:rotate(-25deg)}.orbit-one{right:11px;top:19px;width:262px;height:184px}.orbit-two{right:29px;top:37px;width:230px;height:156px;transform:rotate(45deg)}.art-label{position:absolute;right:3px;bottom:29px;color:#82907d;font-family:var(--serif);font-size:12px;font-style:italic}.planner{padding:27px 32px 24px;border:1px solid #e9e6dc;border-radius:20px;background:var(--paper);box-shadow:0 12px 35px #424a310b}.planner-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-kicker{font-size:9px;letter-spacing:.17em;color:#8b9883}h2{margin:5px 0 0;font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:-.035em;color:#36483b}.progress-summary{display:flex;align-items:baseline;gap:5px;padding-bottom:3px;color:#69816a}.progress-number{font-size:21px;font-weight:700;letter-spacing:-.06em}.progress-divider{color:#b4b9ac;font-size:14px}.total-number{color:#9ba396;font-size:16px;font-weight:500}.progress-label{margin-left:3px;color:#8a9187;font-size:11px}.progress-track{height:5px;overflow:hidden;margin:18px 0 22px;border-radius:99px;background:#eff0e9}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:#7da27a;transition:width .26s ease}.add-form{display:flex;align-items:center;min-height:55px;padding:5px 6px 5px 14px;border:1px solid #e5e7dd;border-radius:13px;background:#fcfcf8;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.add-form:focus-within{border-color:#a5b99f;background:#fff;box-shadow:0 0 0 4px #6b946617}.input-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;color:#8a9e84}.input-icon svg{width:20px;height:20px}.add-form input{width:100%;min-width:0;height:42px;padding:0 10px;border:0;outline:0;color:#3b4b3f;background:transparent;font-size:13px}.add-form input::placeholder{color:#a6aca1}.add-form input:focus-visible{outline:none}.add-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:0;border-radius:9px;color:#fffefa;background:#527d5c;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s ease,transform .15s ease}.add-button:hover{background:#416c4c}.add-button:active{transform:translateY(1px) scale(.985)}.add-button svg{width:16px;height:16px}.form-message{min-height:16px;margin:5px 0 0 4px;color:#a05f48;font-size:11px}.form-message:empty{visibility:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 1px 10px}.list-heading h3{margin:0;color:#536455;font-size:12px;font-weight:700;letter-spacing:.025em}.list-caption{color:#a0a69b;font-size:11px}.task-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.task-item{display:flex;align-items:center;gap:13px;min-height:57px;padding:8px 10px 8px 13px;border:1px solid #eeeee7;border-radius:12px;background:#fff;animation:task-arrive .24s ease both;transition:background .18s ease,border-color .18s ease,transform .18s ease}.task-item:hover{border-color:#e0e6d9;background:#fdfefb;transform:translateY(-1px)}@keyframes task-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.task-check-label{position:relative;display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;cursor:pointer}.task-checkbox{appearance:none;width:21px;height:21px;margin:0;border:1.5px solid #c9d2c3;border-radius:7px;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.task-checkbox:checked{border-color:#628969;background:#628969}.task-checkbox:checked:after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-checkbox:focus-visible{outline:3px solid rgba(82,125,92,.33);outline-offset:3px}.task-name{flex:1;min-width:0;color:#49564a;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.task-item.is-complete{background:#fafbf8}.task-item.is-complete .task-name{color:#9ba39a;text-decoration:line-through;text-decoration-color:#aab7a5}.delete-button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:9px;color:#a0a79e;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.delete-button:hover{color:#a65d4c;background:#f8eeea}.delete-button:active{transform:scale(.92)}.delete-button svg{width:17px;height:17px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:24px 12px 25px;text-align:center}.empty-state[hidden]{display:none}.empty-illustration{display:grid;place-items:center;width:72px;height:72px;margin-bottom:7px}.empty-illustration svg{width:72px;height:72px}.empty-state h3{margin:6px 0 5px;color:#50634f;font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:-.02em}.empty-state p{max-width:280px;margin:0;color:#92998f;font-size:12px;line-height:1.6}.storage-note{min-height:14px;margin:8px 0 0;color:#9b8060;font-size:10px;text-align:center}.storage-note:empty{display:none}.footer-note{display:flex;justify-content:center;align-items:center;gap:15px;padding:23px 0 0}.footer-note p{margin:0;color:#9a9e91;font-family:var(--serif);font-size:12px;font-style:italic}.footer-rule{width:30px;height:1px;background:#dfdfd2}.visually-hidden{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:650px){.page-shell{width:min(100% - 32px,500px);padding-top:18px}.welcome{min-height:230px;padding:29px 24px;margin:18px 0 17px;border-radius:18px}.welcome-art{right:-73px;opacity:.22;transform:scale(.77);transform-origin:center right}.welcome-copy{max-width:100%}h1{font-size:clamp(38px,10vw,48px)}.intro{max-width:250px;font-size:12px}.desktop-break{display:none}.planner{padding:22px 18px 18px;border-radius:17px}h2{font-size:26px}.add-form{padding-left:9px}.add-button{gap:5px;padding:0 11px}}@media(max-width:390px){.top-note{font-size:10px}.welcome{padding-left:19px}.welcome-art{right:-118px;opacity:.18}.add-form input{padding:0 5px;font-size:12px}.add-button{padding:0 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}