:root{--background:#f4f6f1;--surface:#fff;--surface-soft:#eef1ea;--ink:#17312a;--muted:#68766f;--line:#dfe5dc;--brand:#173c32;--brand-hover:#214d41;--accent:#d9f99d;--accent-deep:#97bd4c;--danger:#b54b45;--shadow:0 16px 44px #18322a1a}*{box-sizing:border-box}html{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0}button,input,textarea,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #97bd4c8c}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.69rem;font-weight:750;line-height:1.3;display:block}.brand-lockup,.login-brand{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1rem;font-weight:780;display:flex}.brand-mark{background:var(--brand);color:var(--accent);border-radius:.68rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.85rem;padding:.72rem 1rem;font-weight:720;transition:background .15s,transform .15s,opacity .15s;display:inline-flex}.primary-button{background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-hover)}.secondary-button{background:var(--surface-soft);color:var(--ink)}.secondary-button:hover{background:#e6ebe3}.text-button{color:var(--muted);background:0 0;min-height:2.25rem;padding:.35rem}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.52}.icon-button{background:var(--surface-soft);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:inline-flex}.login-page,.setup-page{background:radial-gradient(circle at 8% 5%, #d9f99d6b, transparent 28rem), var(--background);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:1.25rem;display:flex}.login-card,.setup-card{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #dfe5dce6;border-radius:1.45rem;width:100%;max-width:28rem;padding:1.5rem}.login-copy{margin:3.5rem 0 2rem}.login-copy h1,.setup-card h1{letter-spacing:-.055em;margin:.55rem 0 .8rem;font-size:clamp(2rem,8vw,3rem);line-height:1.01}.login-copy p,.setup-card p{color:var(--muted);margin:0;line-height:1.55}.setup-card .eyebrow{margin-top:3.5rem}.login-form{gap:1rem;display:grid}.login-form label,.task-form label{gap:.48rem;display:grid}.login-form label>span,.task-form label>span{font-size:.79rem;font-weight:720}.task-form label small{color:var(--muted);margin-left:.25rem;font-weight:500}.login-form input,.task-form input,.task-form textarea,.task-form select{border:1px solid var(--line);background:#fbfcfa;border-radius:.85rem;width:100%;min-height:3.25rem;padding:.78rem .9rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.login-form input:focus,.task-form input:focus,.task-form textarea:focus,.task-form select:focus{border-color:var(--accent-deep);outline:0;box-shadow:0 0 0 4px #97bd4c1f}.task-form textarea{resize:vertical;min-height:7rem;line-height:1.5}.password-field{position:relative}.password-field input{padding-right:3.1rem}.password-field button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:3rem;height:100%;display:flex;position:absolute;top:0;right:0}.login-submit{justify-content:space-between;min-height:3.25rem;margin-top:.25rem;padding-inline:1.05rem}.form-message{color:#7f3d37;background:#f7eee9;border-radius:.75rem;margin:0;padding:.75rem .85rem;font-size:.83rem;line-height:1.45}.auth-switch{color:var(--brand);cursor:pointer;background:0 0;border:0;margin:1.25rem auto 0;font-size:.84rem;font-weight:700;display:block}.login-footnote{color:var(--muted);text-align:center;margin:1.35rem 0 0;font-size:.78rem;line-height:1.5}.login-aside{color:#76827c;letter-spacing:.08em;text-transform:uppercase;margin:1.2rem 0 0;font-size:.75rem}.app-page{background:radial-gradient(circle at 100% 0, #d9f99d40, transparent 24rem), var(--background);min-height:100svh}.app-shell{max-width:52rem;min-height:100svh;padding:0 1rem calc(7.5rem + env(safe-area-inset-bottom));margin:0 auto}.app-header{padding:calc(1rem + env(safe-area-inset-top)) 0 1rem;justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.calendar-shortcut,.people-shortcut{color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #dfe5dce6;border-radius:.75rem;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;display:flex}.calendar-shortcut span,.people-shortcut span{display:none}.people-shortcut{position:relative}.people-shortcut i{background:var(--danger);border:2px solid var(--background);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .2rem;font-size:.58rem;font-style:normal;font-weight:800;display:flex;position:absolute;top:-.35rem;right:-.35rem}.profile-wrap{position:relative}.avatar-button{background:var(--ink);color:#fff;cursor:pointer;letter-spacing:.02em;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;font-size:.7rem;font-weight:780;display:flex}.profile-menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:.95rem;min-width:min(19rem,100vw - 2rem);padding:.65rem;position:absolute;top:calc(100% + .55rem);right:0}.profile-menu>div{align-items:center;gap:.7rem;padding:.65rem;display:flex}.profile-menu>div>span{gap:.12rem;min-width:0;display:grid}.profile-menu strong,.profile-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu small{color:var(--muted);font-size:.72rem}.profile-menu button{background:var(--surface-soft);color:var(--ink);cursor:pointer;border:0;border-radius:.7rem;align-items:center;gap:.55rem;width:100%;padding:.7rem;font-size:.82rem;font-weight:700;display:flex}.profile-menu button+button{margin-top:.35rem}.day-navigation{grid-template-columns:2.65rem 1fr 2.65rem;align-items:center;margin:.65rem 0 1.25rem;display:grid}.day-arrow{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:flex}.selected-day{cursor:pointer;background:0 0;border:0;justify-items:center;gap:.18rem;padding:.25rem;display:grid}.selected-day>span{letter-spacing:-.035em;font-size:1.25rem;font-weight:780}.selected-day small{color:var(--muted);font-size:.72rem}.progress-card{background:var(--brand);color:#fff;border-radius:1.3rem;justify-content:space-between;align-items:center;padding:1.25rem;display:flex;position:relative;overflow:hidden}.progress-card:before{content:"";background:#d9f99d14;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-7rem;right:-6rem}.progress-copy{z-index:1;min-width:0;position:relative}.progress-copy .eyebrow{color:#aebeb8}.progress-copy p{letter-spacing:-.025em;margin:.45rem 0 .25rem;font-size:1.25rem}.progress-copy p strong{color:var(--accent)}.progress-copy>span:last-child{color:#aebeb8;font-size:.77rem}.progress-ring{background:conic-gradient(var(--accent) var(--progress), #ffffff24 0);z-index:1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.55rem;height:4.55rem;margin-left:1rem;display:flex;position:relative}.progress-ring:before{background:var(--brand);content:"";border-radius:50%;position:absolute;inset:.34rem}.progress-ring>div{align-items:baseline;display:flex;position:relative}.progress-ring strong{font-size:1.2rem}.progress-ring small{color:#b9c7c2;font-size:.62rem}.tasks-section{margin-top:2rem}.sent-section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.sent-section .section-heading h2{letter-spacing:-.035em;margin:.28rem 0 0;font-size:1.12rem}.section-heading{justify-content:space-between;align-items:end;margin-bottom:.9rem;display:flex}.section-heading h1{letter-spacing:-.045em;margin:.3rem 0 0;font-size:1.5rem}.today-button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:.45rem;font-size:.78rem;font-weight:750}.task-list{gap:.65rem;display:grid}.task-card{background:var(--surface);border:1px solid #dfe5dcdb;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1rem;transition:border-color .16s,opacity .16s,transform .16s;display:grid}.task-card:hover{border-color:#cbd5c7}.task-card.completed{background:#fff9}.task-card.read-only{background:#ffffffb8}.task-check{color:var(--brand);cursor:pointer;background:#fff;border:1.5px solid #aebbb2;border-radius:.48rem;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;margin-top:.02rem;transition:background .15s,border-color .15s,transform .15s;display:flex}.task-check:active{transform:scale(.9)}.task-check[aria-pressed=true]{background:var(--accent);border-color:var(--accent-deep)}.task-check:disabled{background:var(--surface-soft);color:#87948e;cursor:default;border-color:#0000}.task-body{min-width:0}.task-body h2{letter-spacing:-.014em;margin:0;font-size:.96rem;line-height:1.45}.task-context{color:#527166;align-items:center;gap:.28rem;margin:0 0 .25rem;font-size:.67rem;font-weight:720;line-height:1.35;display:flex}.task-context.suggested{color:#75643a}.completed-by{color:var(--muted);margin-top:.35rem;font-size:.68rem;display:block}.completed .task-body h2{color:#85918b;-webkit-text-decoration:line-through #aeb7b2;text-decoration:line-through #aeb7b2}.task-notes{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:.35rem 0 0;font-size:.8rem;line-height:1.5}.task-notes a{color:#3b6658;text-underline-offset:.18em;align-items:center;gap:.22rem;font-weight:650;text-decoration-color:#3b665859;display:inline-flex}.task-actions{gap:.1rem;margin:-.25rem -.35rem 0 0;display:flex}.task-actions button{color:#87948e;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.task-actions button:last-child:hover{color:var(--danger)}.empty-state{text-align:center;background:#ffffff9e;border:1px dashed #cbd4c8;border-radius:1.1rem;flex-direction:column;align-items:center;padding:2.6rem 1.4rem;display:flex}.empty-check{background:var(--surface-soft);color:#8b9b93;border-radius:50%;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.empty-state h2{margin:1rem 0 .35rem;font-size:1.2rem}.empty-state p{color:var(--muted);margin:0 0 1.2rem;font-size:.85rem}.empty-state .secondary-button{min-height:2.65rem}.add-task-button{background:var(--brand);bottom:calc(1rem + env(safe-area-inset-bottom));color:#fff;cursor:pointer;z-index:12;border:0;border-radius:999px;align-items:center;gap:.5rem;min-height:3.35rem;padding:.8rem 1.3rem;font-weight:750;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 26px #173c3240}.add-task-button:hover{background:var(--brand-hover)}.toast{bottom:calc(5.25rem + env(safe-area-inset-bottom));box-shadow:var(--shadow);color:#fff;z-index:60;background:#442e2c;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .8rem .75rem 1rem;font-size:.8rem;line-height:1.4;display:flex;position:fixed;left:1rem;right:1rem}.toast button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.task-skeletons{gap:.65rem;display:grid}.task-skeleton{background:#ffffffb3;border-radius:1rem;align-items:start;gap:.8rem;padding:1rem;animation:1.6s ease-in-out infinite pulse;display:flex}.task-skeleton>span{background:#e1e6de;border-radius:.45rem;width:1.55rem;height:1.55rem}.task-skeleton div{flex:1;gap:.55rem;display:grid}.task-skeleton i{background:#e1e6de;border-radius:999px;width:60%;height:.7rem;display:block}.task-skeleton i:last-child{width:38%;height:.55rem}@keyframes pulse{50%{opacity:.55}}.modal-backdrop{z-index:50;background:#0a1b1766;justify-content:center;align-items:end;padding:0;display:flex;position:fixed;inset:0}.task-sheet,.calendar-sheet,.people-sheet{background:var(--surface);box-shadow:var(--shadow);max-width:40rem;max-height:calc(100svh - 1rem);padding:.65rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));border-radius:1.4rem 1.4rem 0 0;width:100%;animation:.22s cubic-bezier(.2,.8,.2,1) sheet-in;overflow:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(1.5rem)}}.sheet-handle{background:#d9dfd7;border-radius:999px;width:2.6rem;height:.27rem;margin:0 auto .75rem}.sheet-heading,.calendar-header{justify-content:space-between;align-items:center;display:flex}.sheet-heading h2,.calendar-header h2{letter-spacing:-.04em;margin:.25rem 0 0;font-size:1.45rem}.task-form{gap:1rem;margin-top:1.35rem;display:grid}.assignment-picker{border:0;margin:0;padding:0}.assignment-picker legend{margin-bottom:.48rem;padding:0;font-size:.79rem;font-weight:720}.assignment-options{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.assignment-options>button{border:1px solid var(--line);cursor:pointer;background:#fbfcfa;border-radius:.85rem;flex-direction:column;align-items:center;gap:.35rem;min-height:5.2rem;padding:.7rem .35rem;display:flex}.assignment-options>button.selected{border-color:var(--accent-deep);background:#f2f9df;box-shadow:0 0 0 3px #97bd4c1a}.assignment-options>button:disabled{cursor:not-allowed;opacity:.4}.assignment-options span{gap:.12rem;display:grid}.assignment-options strong{font-size:.74rem}.assignment-options small{color:var(--muted);margin:0;font-size:.61rem;font-weight:520}.assignment-picker>p{color:var(--muted);margin:.55rem 0 0;font-size:.73rem;line-height:1.45}.assignment-picker>p button{color:var(--brand);cursor:pointer;text-underline-offset:.16em;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.editor-assignment{background:var(--surface-soft);color:var(--muted);border-radius:.8rem;align-items:center;gap:.55rem;margin:0;padding:.7rem .8rem;font-size:.76rem;line-height:1.4;display:flex}.editor-assignment>span{color:var(--brand);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:flex}.sheet-actions{grid-template-columns:1fr 1.4fr;gap:.6rem;margin-top:.3rem;display:grid}.people-sheet{max-width:36rem}.people-intro{color:var(--muted);margin:1rem 0 1.2rem;font-size:.84rem;line-height:1.55}.invite-form{background:var(--surface-soft);border-radius:1rem;gap:.48rem;padding:.85rem;display:grid}.invite-form>label{font-size:.75rem;font-weight:720}.invite-form>div{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.invite-form input{border:1px solid var(--line);background:#fff;border-radius:.75rem;width:100%;min-width:0;padding:.75rem .8rem}.invite-form .primary-button{min-height:2.8rem;font-size:.78rem}.invite-form>small{color:var(--muted);font-size:.66rem;line-height:1.4}.people-group{margin-top:1.35rem}.people-list{gap:.5rem;margin-top:.55rem;display:grid}.people-row{border:1px solid var(--line);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.7rem;display:grid}.people-avatar{color:#7b6631;background:#fbf3dc;border-radius:50%;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:flex}.people-avatar.connected{color:#50723d;background:#edf5df}.people-avatar.waiting{background:var(--surface-soft);color:var(--muted)}.people-row>div:not(.people-actions){gap:.12rem;min-width:0;display:grid}.people-row strong,.people-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-row strong{font-size:.79rem}.people-row small{color:var(--muted);font-size:.65rem}.people-actions{grid-column:2;gap:.35rem;display:flex}.people-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.3rem .2rem;font-size:.69rem;font-weight:720}.people-actions button.accept{color:var(--brand)}.people-actions button:disabled{cursor:wait;opacity:.45}.people-empty{color:var(--muted);margin:.65rem 0 0;font-size:.78rem}.setup-notice{color:#6e5b2d;background:#fbf3dc;border-radius:1rem;align-items:flex-start;gap:.75rem;margin-top:1.1rem;padding:.9rem;display:flex}.setup-notice>svg{flex:none}.setup-notice strong{font-size:.82rem}.setup-notice p{margin:.25rem 0 0;font-size:.75rem;line-height:1.5}.calendar-sheet{padding-inline:.8rem}.calendar-header{text-align:center;padding:0 .25rem 1rem}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays span{color:var(--muted);text-align:center;text-transform:uppercase;padding:.45rem 0;font-size:.65rem;font-weight:750}.calendar-grid{gap:.18rem}.calendar-day{aspect-ratio:.9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:.28rem;display:flex}.calendar-day:hover{background:var(--surface-soft)}.calendar-day.outside{opacity:.32}.calendar-day.selected{background:var(--brand);color:#fff}.calendar-day.today:not(.selected){border-color:#9eafa5}.calendar-number{font-size:.77rem;font-weight:700}.calendar-status{background:#d8ded5;border-radius:999px;width:min(1.6rem,70%);height:.22rem;margin-top:.38rem;display:block;overflow:hidden}.calendar-status>span{background:var(--accent-deep);height:100%;display:block}.calendar-status.complete>span{background:#4f7c61}.selected .calendar-status{background:#fff3}.selected .calendar-status>span{background:var(--accent)}.calendar-status.empty{background:0 0}.calendar-footer{justify-content:space-between;align-items:center;padding:1.1rem .25rem .2rem;display:flex}.calendar-footer .secondary-button{min-height:2.5rem;font-size:.74rem}.calendar-legend{color:var(--muted);gap:.75rem;font-size:.65rem;display:flex}.calendar-legend span{align-items:center;gap:.3rem;display:flex}.calendar-legend i{background:#d8ded5;border-radius:50%;width:.45rem;height:.45rem;display:inline-block}.calendar-legend .legend-done{background:#4f7c61}@media (min-width:640px){.app-shell{padding-inline:1.5rem}.app-header{padding-top:1.5rem}.calendar-shortcut,.people-shortcut{gap:.45rem;width:auto;padding:0 .8rem}.calendar-shortcut span,.people-shortcut span{font-size:.75rem;font-weight:700;display:inline}.progress-card{padding:1.45rem 1.6rem}.progress-ring{width:5rem;height:5rem}.task-card{padding:1.05rem 1.15rem}.modal-backdrop{align-items:center;padding:1.5rem}.task-sheet,.calendar-sheet,.people-sheet{border-radius:1.4rem;padding:1.15rem 1.35rem 1.35rem}.calendar-sheet{max-width:36rem}.people-row{grid-template-columns:auto minmax(0,1fr) auto}.people-actions{grid-column:auto}.calendar-day{aspect-ratio:1.05}.sheet-handle{display:none}.toast{width:calc(100vw - 2rem);max-width:30rem;left:50%;right:auto;transform:translate(-50%)}.login-card,.setup-card{padding:2rem}}@media (min-width:900px){.app-shell{padding-bottom:4rem}.add-task-button{bottom:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
