@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#23302c;background:#f4f0e8;font-synthesis:none;--ink: #23302c;--muted: #78817b;--line: #ded9cf;--paper: #faf8f3;--accent: #d06a4d;--accent-dark: #ad5038;--sage: #dce5d9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -20%,#fffdf8 0,transparent 40%),var(--paper)}button{border:0;font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #c27a55;outline-offset:3px}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;min-height:100vh;padding:34px 22px 24px;background:#e8ede6;display:flex;flex-direction:column;border-right:1px solid #d7dfd5}.brand-lockup{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em}.brand-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:21px;line-height:1}.sidebar-promise{color:#68766d;font-size:13px;line-height:1.5;margin:17px 20px 48px 0}nav{display:grid;gap:7px}.nav-item{min-height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:8px;background:transparent;color:#65726b;text-align:left;font-size:14px}.nav-item span{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:#ffffff9e;color:var(--ink)}.nav-item.active{font-weight:600;box-shadow:0 1px #1e32280a}.sidebar-footer{margin-top:auto;display:flex;gap:8px;align-items:center;color:#7a877e;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#89a980}.main-content{flex:1;min-width:0}.topbar{height:100px;padding:30px 6vw 20px;display:flex;justify-content:space-between;align-items:center}.eyebrow{display:block;font:11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.household-name{padding:4px 0;background:transparent;font-size:14px;font-weight:600}.household-name span{color:var(--muted);margin-left:7px}.avatar{width:34px;height:34px;border-radius:50%;background:#d5bfae;font-size:13px;font-weight:700}.content-column{width:min(760px,calc(100% - 12vw));margin:35px auto 80px}.today-column{width:min(920px,calc(100% - 12vw))}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.today-heading{padding-bottom:28px;border-bottom:1px solid var(--line)}.today-heading p{margin:12px 0 0;font:12px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:600 clamp(35px,5vw,54px)/1.05 Fraunces,serif;letter-spacing:-.04em}h2{margin-bottom:8px;font:600 22px Fraunces,serif;letter-spacing:-.025em}p{color:var(--muted);line-height:1.55}.quiet-button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:13px;font-weight:600}.quiet-button span{color:var(--accent);margin-left:10px;font-size:18px}.quiet-button:hover{background:#fff}.danger-button{min-height:42px;padding:0 13px;border:1px solid #e5b8aa;border-radius:6px;background:transparent;color:#a84d37;font-size:12px;font-weight:700}.danger-button:hover{background:#fff3ef}.danger-button:disabled{cursor:wait;opacity:.55}.stale-banner{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #d4dfd1;border-radius:7px;background:#f0f5ee;color:#627067;font-size:13px;margin-bottom:36px}.stale-banner strong{color:var(--ink)}.today-section{margin:0 0 45px}.tag-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-18px 0 28px}.tag-filter{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#ffffff8f;color:#59635d;font-size:12px;white-space:nowrap}.tag-filter:hover,.tag-filter.active{border-color:var(--tag-color, #9aa49b);background:color-mix(in srgb,var(--tag-color, #dce5d9) 17%,white);color:var(--ink)}.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color, #aab3aa)}.ritual-tag{display:inline-flex;align-items:center;min-height:23px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--tag-color) 32%,white);border-radius:999px;background:color-mix(in srgb,var(--tag-color) 15%,white);color:#39433e;font:10px DM Mono,monospace;letter-spacing:.02em;white-space:nowrap}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.finished-section{padding-top:4px}.finished-empty{padding:20px;border:1px dashed var(--line);border-radius:8px;text-align:center}.section-label{display:flex;justify-content:space-between;color:var(--muted);font:11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.section-count{color:#a8b0a9}.empty-card{min-height:245px;padding:38px 30px;border:1px solid var(--line);border-radius:8px;background:#ffffff8f;text-align:center}.empty-card p{max-width:410px;margin:0 auto 24px;font-size:14px}.empty-orbit{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #ddc6b9;border-radius:50%;color:var(--accent);background:#fbf1ec}.primary-button{min-height:46px;padding:0 18px;border-radius:6px;background:var(--accent);color:#fff;font-size:13px;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.primary-button span{margin-left:15px;font-size:17px}.muted-copy{font-size:14px}.simple-screen .empty-card{margin-top:25px}.settings-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;border:1px solid var(--line);border-radius:8px;background:#ffffff94;margin-bottom:13px}.settings-card h2{margin:8px 0 4px}.settings-card p{margin-bottom:0;font-size:14px}.badge{padding:5px 8px;border-radius:4px;color:#678060;background:var(--sage);font:10px DM Mono,monospace;text-transform:uppercase}.muted-card{background:transparent}.notification-card{align-items:flex-start}.notification-copy{flex:1}.install-guidance{padding:12px 14px;border-left:3px solid var(--accent);background:#fbf1ec;color:#765142}.notification-options{display:grid;gap:10px;margin-top:18px}.notification-options label{display:flex;align-items:center;gap:10px;font-size:13px}.notification-options input{width:17px;height:17px;accent-color:var(--accent)}.loading-state{min-height:100vh;display:grid;place-content:center;padding:30px;color:var(--muted);text-align:center}.auth-gate{max-width:560px;margin:auto;justify-items:center}.auth-gate .brand-lockup{margin-bottom:35px}.auth-gate h1{margin-bottom:16px}.auth-gate p{margin-bottom:28px}.occurrence-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:8px;background:#ffffff9e;margin-bottom:10px}.occurrence-details{min-width:0}.occurrence-card h2{margin:7px 0 5px;font-size:20px}.occurrence-card p{margin:0;font-size:13px}.occurrence-card.resolved{background:#e6efe373}.occurrence-card.tagged{border-left:4px solid var(--tag-color);background:color-mix(in srgb,var(--tag-color) 10%,white)}.occurrence-card.tagged.resolved{background:color-mix(in srgb,var(--tag-color) 12%,white)}.routine-card-copy{flex:1;min-width:0}.routine-card-actions{display:flex;align-items:flex-start;gap:8px}.tag-editor{display:grid;gap:5px;max-width:390px;margin-top:14px}.tag-editor>label{color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.tag-editor-row{display:flex;align-items:center;gap:8px}.tag-editor-row input{width:min(100%,280px);min-width:0;padding:9px 10px;border:1px solid #cbc7be;border-radius:6px;background:#fffc;color:var(--ink);font:13px DM Sans,sans-serif}.tag-editor-row .quiet-button{min-height:37px;padding:0 10px;white-space:nowrap}.tag-editor-row .quiet-button:disabled{cursor:default;opacity:.5}.tag-editor .form-error{margin-top:3px}.outcome-copy{color:#627b62!important;text-transform:capitalize}.completion-column{align-self:stretch;min-width:128px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:18px}.completion-time{display:grid;justify-items:end;gap:5px;font:600 15px DM Mono,monospace;white-space:nowrap}.schedule-delta{padding:4px 7px;border-radius:999px;font-size:10px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.schedule-delta.early{color:#477052;background:#dcebdd}.schedule-delta.on-time{color:#5c6962;background:#e4e7e3}.schedule-delta.late{color:#9b4d39;background:#f6ded5}.occurrence-actions{width:min(320px,48%);display:grid;gap:10px;justify-items:stretch}.option-picker{display:grid;gap:5px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.option-picker select{width:100%;min-width:200px;padding:9px 10px;border:1px solid #cbc7be;border-radius:6px;background:#fff;color:var(--ink);font:13px DM Sans,sans-serif;text-transform:none;letter-spacing:normal}.measurement-picker{display:grid;gap:5px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.measurement-picker div{display:flex;align-items:center;gap:8px}.measurement-picker input{width:125px;padding:9px 10px;border:1px solid #cbc7be;border-radius:6px;background:#fff;color:var(--ink);font:13px DM Sans,sans-serif}.measurement-picker span{color:var(--ink);font:13px DM Sans,sans-serif;letter-spacing:normal;text-transform:none}.performed-time-picker{display:grid;gap:5px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.performed-time-picker input{width:100%;padding:9px 10px;border:1px solid #cbc7be;border-radius:6px;background:#fff;color:var(--ink);font:13px DM Sans,sans-serif}.option-summary,.measurement-summary{color:#627b62!important}.routine-steps{display:grid;gap:5px;margin:12px 0 0;padding-left:22px;color:#526259;font-size:13px}.routine-steps li.step-complete{color:#688368;text-decoration:line-through}.step-picker{display:grid;gap:9px;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:6px}.step-picker legend{padding:0 4px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.step-picker label{display:flex!important;align-items:center;gap:9px;color:var(--ink);font-size:13px;font-weight:500}.step-picker input{width:17px;height:17px;margin:0;accent-color:#6c8b69}.action-row{display:flex;gap:8px;align-items:center}.action-row .skip-button{margin-right:auto}.action-row .primary-button{min-height:42px}.completion-button{position:relative;display:inline-grid;grid-template-columns:1fr 0fr;align-items:center;gap:0;min-width:92px;overflow:hidden;transition:background-color .18s ease,transform .12s ease,grid-template-columns .2s ease,gap .2s ease}.completion-button:active:not(:disabled){transform:scale(.97)}.completion-button:disabled{cursor:wait;opacity:.82}.completion-button.is-submitting{grid-template-columns:1fr 18px;gap:8px;background:#678060}.completion-check{width:18px;margin:0;opacity:0;transform:scale(.4) rotate(-20deg);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1.4)}.completion-button.is-submitting .completion-check{opacity:1;transform:scale(1) rotate(0)}.completion-button-label{margin:0;font-size:inherit}.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}.error-banner{padding:12px 14px;margin:-16px 0 20px;border:1px solid #e5b8aa;border-radius:6px;background:#fff3ef;color:#954b37;font-size:13px}.dialog-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#212d2852}.dialog{display:flex;flex-direction:column;width:min(500px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:25px;border-radius:10px;background:var(--paper);box-shadow:0 18px 70px #1e282247}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{margin:0}.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#b8b9ae transparent;scrollbar-width:thin}.dialog-body::-webkit-scrollbar{width:6px}.dialog-body::-webkit-scrollbar-thumb{border-radius:999px;background:#b8b9ae}.dialog-body::-webkit-scrollbar-track{background:transparent}.dialog form{display:grid;gap:16px}.dialog label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:600}.dialog input,.dialog select,.dialog textarea{width:100%;padding:11px 12px;border:1px solid #cbc7be;border-radius:6px;background:#fff;color:var(--ink);font:14px DM Sans,sans-serif}.dialog textarea{min-height:88px;resize:vertical}.dialog label{line-height:1.35}.optional-label{color:var(--muted);font-size:12px;font-weight:400}.option-fields{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:6px}.option-fields legend{padding:0 5px;color:var(--ink);font-size:13px;font-weight:600}.option-fields legend span{color:var(--muted);font-weight:400}.option-fields p{margin:-2px 0 1px;font-size:12px}.measurement-fields{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:6px}.measurement-fields legend{padding:0 5px;color:var(--ink);font-size:13px;font-weight:600}.measurement-fields p{margin:-2px 0 1px;font-size:12px}.time-fields{padding:0;border:0}.time-fields legend{margin-bottom:7px;color:var(--ink);font-size:13px;font-weight:600}.time-fields legend span{color:var(--muted);font-weight:400}.time-fields div{display:grid;grid-template-columns:1fr auto 1fr 1fr;align-items:center;gap:8px}.time-fields select:disabled{color:#9aa09c;background:#efede8}.option-row{display:flex;gap:7px}.option-row input{flex:1}.remove-option{min-height:42px;padding:0 12px;color:var(--accent-dark);font-size:18px}.add-option{justify-self:start;min-height:36px;padding:0 10px;font-size:12px}.form-error{margin:0;color:#a84d37;font-size:13px}@media(max-width:700px){.app-shell{display:block;padding-bottom:72px}.sidebar{width:100%;min-height:auto;height:72px;padding:0 14px;position:fixed;z-index:2;bottom:0;left:0;right:0;flex-direction:row;align-items:center;border-right:0;border-top:1px solid #d7dfd5}.brand-lockup,.sidebar-promise,.sidebar-footer{display:none}nav{width:100%;display:flex;justify-content:space-around;gap:3px}.nav-item{min-width:60px;min-height:52px;padding:5px;flex-direction:column;justify-content:center;gap:2px;font-size:10px}.nav-item span{font-size:17px}.topbar{height:82px;padding:20px 6vw 12px}.content-column{width:calc(100% - 12vw);margin-top:28px}.page-heading{align-items:start;flex-direction:column;margin-bottom:28px}.page-heading .quiet-button{align-self:stretch}.empty-card{padding:30px 18px}.settings-card{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.occurrence-card{align-items:stretch;flex-direction:column}.occurrence-actions{width:100%}.option-picker select{min-width:0}.action-row{justify-content:flex-end}.completion-column{min-width:0;flex-direction:row;align-items:flex-end}.completion-time{justify-items:start}.tag-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 6px;margin-right:-5vw}.tag-filter{flex:0 0 auto}.tag-editor{max-width:none}.tag-editor-row input{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.day-timeline{position:relative;padding-left:30px}.day-timeline:before{content:"";position:absolute;top:22px;bottom:22px;left:8px;width:1px;background:#cdd4cc}.timeline-entry{position:relative;padding-top:var(--timeline-gap)}.timeline-entry:first-child{padding-top:0}.timeline-entry .occurrence-card{margin-bottom:0}.timeline-entry+.timeline-entry{margin-top:10px}.timeline-node{position:absolute;top:calc(var(--timeline-gap) + 24px);left:-27px;width:11px;height:11px;border:3px solid var(--paper);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #c98570}.timeline-gap-label{position:absolute;top:calc(var(--timeline-gap) / 2 - 7px);left:-30px;padding:2px 5px;background:var(--paper);color:#8a938d;font:9px DM Mono,monospace;letter-spacing:.04em;white-space:nowrap;transform:translate(-50%) rotate(-90deg)}.member-settings{display:block}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.member-list{display:grid;margin:22px 0 0;padding:0;list-style:none}.member-list li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.member-list img,.member-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.member-avatar{display:grid;place-items:center;background:#e1d5c9;color:#694d40;font-weight:700}.member-list strong,.member-list div span{display:block}.member-list strong{font-size:14px}.member-list div span{margin-top:2px;color:var(--muted);font-size:12px}@media(max-width:560px){.day-timeline{padding-left:22px}.timeline-node{left:-19px}.timeline-gap-label{display:none}.member-heading{align-items:flex-start;flex-direction:column}.member-heading .primary-button{width:100%}}