:root{color:#20231f;font-synthesis:none;--page:#f4f3ed;--surface:#fffef9;--ink:#20231f;--muted:#74796f;--line:#dfdfd7;--accent:#c9f27b;--accent-dark:#45651f;--header:#171a18;--header-ink:#f7f7f0;--danger:#b84c45;background:#deddd6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page:#151715;--surface:#1d201d;--ink:#f2f2e9;--muted:#9da296;--line:#32362f;--accent:#b9e66d;--header:#0c0e0d;background:#0c0e0d}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #78a842}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-stage{background:radial-gradient(circle at 25% 10%,#eeede6 0,#0000 34%),#d7d6cf;place-items:center;min-height:100vh;padding:28px;display:grid}.phone-shell{background:var(--page);width:min(100%,430px);min-height:min(900px,100vh - 56px);color:var(--ink);border:1px solid #20231f1f;border-radius:34px;padding-bottom:84px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1c1f1b38}.app-header{color:var(--header-ink);background:var(--header);padding:24px 24px 30px}.brand-row{align-items:center;gap:10px;display:flex}.brand-mark{gap:3px;width:22px;display:grid}.brand-mark span{background:var(--header-ink);border-radius:9px;height:3px;display:block}.brand-mark span:nth-child(2){width:72%}.brand-mark span:nth-child(3){background:var(--accent);width:44%}.brand-name{letter-spacing:-.02em;font-weight:800}.plus-badge{border:1px solid color-mix(in srgb, var(--accent) 60%, #1f231e);color:var(--header-ink);background:color-mix(in srgb, var(--accent) 26%, transparent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:900}.privacy-pill{color:#adb4aa;border:1px solid #3d433e;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:700}.hero{padding-top:42px}.hero.compact{padding-top:34px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.045em;max-width:330px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:500;line-height:.98}.hero.compact h1{font-size:42px}.hero-copy{color:#aeb3aa;max-width:300px;margin:12px 0 0;font-size:14px;line-height:1.5}.progress-row{color:#9ea49b;align-items:center;gap:12px;margin-top:28px;font-size:11px;font-weight:700;display:flex}.progress-track{background:#333834;border-radius:8px;flex:1;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s;display:block}.content{padding:20px 20px 28px}.add-form{border:1px solid var(--line);background:var(--surface);border-radius:17px;align-items:center;gap:10px;padding:9px 10px 9px 15px;display:flex;box-shadow:0 6px 20px #1f231e0d}.plus{color:var(--accent-dark);font-size:24px;font-weight:400}.add-form input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.add-form input::placeholder{color:#a2a69e}.add-form .date-input{max-width:118px;color:var(--muted);font-size:11px}.add-button{color:#1d2713;background:var(--accent);border:0;border-radius:11px;padding:9px 13px;font-size:12px;font-weight:800}.add-button:disabled{cursor:default;opacity:.38}.task-options{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 4px 0;font-size:10px;font-weight:700;display:flex}.task-options label:first-of-type{margin-left:auto}.task-options select{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:10px}.task-options .time-input{border:1px solid var(--line);width:88px;color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:10px}.task-options .reminder-date-input{border:1px solid var(--line);width:104px;color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:10px}.repeat-custom-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, var(--page));border-radius:12px;margin-top:10px;padding:10px 11px}.repeat-custom-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.repeat-custom-row input{border:1px solid var(--line);width:52px;color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:10px}.repeat-custom-row select{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:10px}.weekday-picker{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.weekday-pill{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.weekday-pill.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:#1d2713;background:var(--accent)}.date-edit-form .weekday-pill{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.date-edit-form .weekday-pill.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:#1d2713;background:var(--accent)}.reminder-status{min-height:14px;color:var(--muted);margin:5px 4px 0;font-size:9px}.free-limit-status{color:var(--muted);text-align:right;margin:7px 4px 0;font-size:9px;font-weight:700}.plus-preview-pill{color:#33471e;background:color-mix(in srgb, var(--accent) 45%, transparent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.task-section{margin-top:27px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px}.section-heading span{color:var(--muted);font-size:11px}.task-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.task{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:flex-start;gap:12px;padding:15px;display:flex}.check-button{color:#172012;background:0 0;border:1.5px solid #aeb3a9;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;font-weight:900;display:grid}.check-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}.task-body{flex:1;min-width:0}.task-title{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.45;display:block}.task-date{color:var(--muted);margin-top:3px;font-size:10px;font-weight:700;display:block}.repeat-label{color:var(--accent-dark);text-transform:capitalize;margin-top:5px;font-size:9px;font-weight:800;display:inline-block}.reminder-label{color:var(--accent-dark);margin:5px 0 0 9px;font-size:9px;font-weight:800;display:inline-block}.completed .task-title{color:var(--muted);text-decoration:line-through}.task-actions{flex-wrap:wrap;gap:12px;margin-top:7px;display:flex}.task-actions button{color:var(--muted);background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.task-actions .danger-link{color:var(--danger)}.edit-form{gap:7px;display:flex}.edit-form input{border:0;border-bottom:1px solid var(--accent-dark);min-width:0;color:var(--ink);background:0 0;outline:0;flex:1}.edit-form button{color:#1d2713;background:var(--accent);border:0;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}.date-edit-form{flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;display:flex}.date-edit-form input{border:1px solid var(--line);min-width:132px;color:var(--ink);background:var(--page);border-radius:8px;flex:1;padding:6px 7px;font-size:10px}.date-edit-form button,.secondary-button{color:#1d2713;background:var(--accent);border:0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.date-edit-form .quiet-button{color:var(--muted);background:0 0}.completed-section{opacity:.72}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:20px;padding:36px 28px}.empty-check{color:#33471e;background:var(--accent);border-radius:50%;place-items:center;width:40px;height:40px;margin:0 auto 13px;font-weight:900;display:grid}.empty-state h3{margin:0;font-family:Georgia,serif;font-size:21px;font-weight:500}.empty-state p{max-width:260px;color:var(--muted);margin:7px auto 0;font-size:12px;line-height:1.55}.settings-stack{gap:12px;display:grid}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.settings-card h2{margin:0;font-size:14px}.settings-card p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.segmented{background:var(--page);border-radius:10px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.segmented .selected{color:#1d2713;background:var(--accent)}.routines-card{display:block}.routine-manager-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.routines-segmented{width:fit-content;margin-bottom:12px}.routine-list{gap:10px;display:grid}.routine-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--page));border-radius:14px;gap:12px;padding:13px;display:grid}.routine-card-main h3{margin:0;font-size:14px}.routine-card-main small{color:var(--muted);font-size:10px;font-weight:700}.routine-card-actions{flex-wrap:wrap;gap:8px;display:flex}.routine-editor{gap:12px;margin-top:8px;display:grid}.routine-form-header h3{margin:0;font-size:16px}.routine-field-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.routine-name-input{border:1px solid var(--line);background:var(--page);width:100%;color:var(--ink);border-radius:10px;padding:9px 10px}.routine-items-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.routine-item-list{gap:8px;display:grid}.routine-item-row{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.routine-item-order{width:28px;height:28px;color:var(--accent-dark);background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.routine-item-controls{gap:7px;display:grid}.routine-item-editor{align-items:center;gap:8px;display:flex}.routine-item-editor input{border:1px solid var(--line);background:var(--page);min-width:0;color:var(--ink);border-radius:10px;flex:1;padding:8px 10px}.routine-delete-item{padding:7px 9px}.routine-item-move-actions{gap:6px;display:flex}.small-button{padding:5px 8px}.routine-editor-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.routine-empty-items,.routine-empty-state{color:var(--muted);margin:0;font-size:11px}.routine-start-feedback{color:var(--accent-dark);margin:0 0 12px;font-size:11px;font-weight:800}.quiet-button{border:1px solid var(--line);color:var(--ink);background:var(--page);border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.quiet-button:disabled{opacity:.45}.routine-package{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px}.routine-package-header{margin-bottom:10px}.routine-package-header h3{margin:0;font-size:14px}.routine-package-header span{color:var(--muted);margin-top:4px;font-size:10px;font-weight:700;display:block}.routine-package-items{gap:8px;display:grid}.routine-package-item{border:1px solid var(--line);background:var(--page);width:100%;color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.routine-package-item .check-button{color:#172012;background:0 0;border:1.5px solid #aeb3a9;border-radius:50%;place-items:center;width:18px;height:18px;margin:0;font-size:12px;font-weight:900;display:grid}.routine-package-item.completed{background:color-mix(in srgb, var(--surface) 80%, var(--page))}.routine-package-item.completed .check-button{border-color:var(--accent);background:var(--accent)}.routine-package-item.completed span:last-child{color:var(--muted);text-decoration:line-through}.routine-package-finished{opacity:.82}.status-badge{white-space:nowrap;color:var(--accent-dark);background:color-mix(in srgb, var(--accent) 26%, transparent);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.status-stack{justify-items:end;gap:7px;display:grid}.status-stack small{color:var(--muted);text-align:right;font-size:9px}.cloud-backup-card{flex-wrap:wrap;align-items:flex-start}.cloud-restore-panel{border:1px solid var(--line);background:var(--page);border-radius:13px;flex:0 0 100%;padding:13px}.cloud-restore-panel h3{margin:0;font-size:13px}.cloud-restore-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.cloud-restore-panel dl div{min-width:0}.cloud-restore-panel dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.cloud-restore-panel dd{overflow-wrap:anywhere;color:var(--ink);margin:3px 0 0;font-size:10px;font-weight:750}.cloud-restore-actions{justify-content:flex-end;gap:7px;display:flex}.cloud-restore-actions button:disabled{opacity:.45}.plus-settings-card{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.plus-action-button,.plus-primary-button{white-space:nowrap;color:#1d2713;background:var(--accent);border:0;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:850}.settings-kicker{color:var(--accent-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:850;display:block}.danger-button{white-space:nowrap;border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);background:0 0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}.danger-button:disabled{opacity:.35}.backup-card{align-items:flex-start}.backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.secondary-button{white-space:nowrap;border:1px solid var(--line);color:var(--ink);background:var(--page)}.backup-status{min-height:14px;color:var(--muted);margin:-4px 6px 0;font-size:10px}.legal-card{align-items:flex-start}.legal-links{flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;display:flex}.legal-links a{color:var(--accent-dark);font-size:10px;font-weight:800;text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{text-decoration:underline}.promise-card{color:#e8f4d1;background:#26351d;border-radius:18px;padding:22px}.promise-card span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.promise-card p{margin:8px 0 0;font-family:Georgia,serif;font-size:20px}.bottom-nav{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--muted);background:0 0;border:0;justify-items:center;gap:3px;padding:7px;font-size:10px;font-weight:700;display:grid}.nav-icon{border-radius:10px;place-items:center;width:27px;height:23px;font-size:17px;display:grid}.nav-item.active{color:var(--ink)}.nav-item.active .nav-icon{color:#26351d;background:var(--accent)}.undo-toast{z-index:2;color:var(--header-ink);background:var(--header);border-radius:14px;justify-content:space-between;align-items:center;padding:13px 15px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:86px;left:18px;right:18px;box-shadow:0 12px 30px #1416143d}.undo-toast button{color:var(--accent);background:0 0;border:0;font-size:11px;font-weight:900}.plus-overlay{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0c0a9e;align-items:end;padding:18px;display:grid;position:absolute;inset:0}.plus-dialog{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));color:var(--ink);background:var(--surface);border-radius:24px;padding:25px;position:relative;box-shadow:0 24px 70px #00000052}.plus-dialog h2{letter-spacing:-.025em;max-width:310px;margin:8px 32px 9px 0;font-family:Georgia,serif;font-size:29px;font-weight:500;line-height:1.05}.plus-dialog>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.plus-dialog ul{color:var(--ink);gap:8px;margin:18px 0;padding:0;font-size:12px;font-weight:700;list-style:none;display:grid}.plus-dialog li:before{content:"✓";color:#26351d;background:var(--accent);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:8px;font-size:10px;display:inline-grid}.plus-close{width:32px;height:32px;color:var(--muted);background:var(--page);border:0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:15px;right:15px}.plus-price{align-items:baseline;gap:8px;margin:18px 0 12px;display:flex}.plus-price strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.plus-price span{color:var(--muted);font-size:10px;font-weight:700}.plus-primary-button{width:100%;padding:12px;font-size:12px}.plus-dialog .plus-test-note{text-align:center;margin-top:9px;font-size:9px}@media (width<=540px){.app-stage{background:var(--page);padding:0;display:block}.phone-shell{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}.bottom-nav,.undo-toast,.plus-overlay{position:fixed}}@media (width<=370px){.hero h1{font-size:40px}.add-form .date-input{max-width:102px}.content{padding-left:14px;padding-right:14px}}
