:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink:#173832;--ink-soft:#34564c;--muted:#70817b;--forest:#174b41;--forest-hover:#236e5d;--mint:#dcefe6;--paper:#f8f5ef;--card:#fffefd;--line:#e8e9e2;--peach:#efd8c6;--sand:#ebdfcf;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}.app-shell{max-width:760px;min-height:100dvh;margin:0 auto;position:relative;padding-bottom:122px;background:var(--paper)}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:17px;letter-spacing:-.7px;font-weight:800}.brand small{display:block;color:#8a958c;font-size:10px;font-weight:700;letter-spacing:.3px;margin-top:1px}.brand-symbol{background:var(--forest);color:#fff;font-size:19px;font-weight:800;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;transform:rotate(-5deg);box-shadow:0 5px 12px #1c514223}.avatar{border-radius:50%;width:39px;height:39px;display:grid;place-items:center;background:var(--sand);color:var(--forest);font-weight:800}.avatar.small{width:34px;height:34px;font-size:13px}.page{padding:33px 24px 42px}.eyebrow{color:#4f8574;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:15px}h1{font-size:clamp(33px,5.6vw,47px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 16px;font-weight:800}h1 span{color:#39846d}h2{font-size:18px;letter-spacing:-.5px;margin:0 0 16px;display:flex;align-items:center;gap:8px}h3{font-size:15px;margin:0 0 7px;letter-spacing:-.3px}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}.muted.big{font-size:15px;max-width:520px}.intro{font-size:13px;margin:0 0 26px;max-width:480px}.preview-banner{display:flex;gap:9px;align-items:center;padding:13px 24px;background:var(--mint);color:#29574a;font-size:12px;line-height:1.5}.overview{background:linear-gradient(120deg,#e2ede4,#e9e5dc);border:1px solid #dfe8dd;border-radius:23px;display:flex;padding:26px 15px;gap:14px;margin:23px 0 30px;box-shadow:0 8px 18px #254c4110}.overview>div{flex:1;text-align:center}.overview>div+div{border-left:1px solid #ccd9ce}.overview strong{display:block;font-size:34px;letter-spacing:-1px;color:var(--forest)}.overview span{font-size:11px;display:block;margin-top:4px;color:#53766a;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h2{margin-bottom:17px}.text-button{background:none;border:0;color:#246d57;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:0 0 14px}.pills{display:flex;gap:8px;margin-bottom:17px}.pills button{border:1px solid var(--line);border-radius:13px;padding:10px 17px;background:#fffefa;color:#73857b;font-size:12px;font-weight:700}.pills button.selected{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 4px 9px #173b3620}.task-list{display:grid;gap:12px}.task-item{display:flex;gap:14px;padding:20px 17px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:19px;min-height:103px;box-shadow:0 5px 20px #1c413b0a}.task-item.completed{opacity:.64}.task-item.completed h3{text-decoration:line-through}.task-tick{width:24px;height:24px;border:1.8px solid #c7d8cc;border-radius:8px;flex:none;margin-top:1px;color:transparent;display:grid;place-items:center}.task-tick.checked{color:#fff;background:#3c896e;border-color:#3c896e}.task-main{flex:1;min-width:0}.task-main h3{line-height:1.45}.task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#7e8e86;font-size:11px;font-weight:600}.meta-sep{color:#becbc1}.assignee{font-size:11px;color:#43816b;margin:8px 0 0;font-weight:700}.assignee span{font-weight:600;color:#8e755f}.task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.task-actions:empty{display:none}.task-actions button,.zone-actions button,.archive-row button{border:1px solid #c9dfd2;background:#f5f9f5;color:#28634e;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.empty{color:#819087;text-align:center;background:var(--card);border:1px dashed #cbd8cd;padding:35px 18px;border-radius:17px;font-size:13px}.week-group{margin-bottom:27px;display:grid;gap:9px}.week-date{display:flex;align-items:baseline;gap:12px;margin-bottom:3px;text-transform:capitalize}.week-date b{font-size:15px}.week-date span,.week-empty{font-size:12px;color:#8c998f}.week-empty{padding:10px 3px}.zone-list{display:grid;gap:13px}.zone-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;gap:15px;box-shadow:0 5px 20px #1c413b08}.zone-icon{display:grid;place-items:center;align-self:flex-start;width:45px;height:45px;flex:none;color:#2e7661;background:#e3eee7;border-radius:15px}.zone-color-1 .zone-icon{background:#f5e6d9;color:#997251}.zone-color-2 .zone-icon{background:#e4e9f4;color:#677d9e}.zone-color-3 .zone-icon{background:#f2e6e5;color:#a46d78}.zone-color-4 .zone-icon{background:#ede8de;color:#80725f}.zone-content{min-width:0;flex:1}.zone-content .muted{font-size:11px}.zone-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.new-zone{display:flex;gap:9px;margin-top:23px}.new-zone input{flex:1;min-width:0}.new-zone button,.invite-copy button,.inline-edit button{background:var(--mint);border:0;color:var(--forest);border-radius:11px;padding:10px 13px;font-size:11px;font-weight:800}.inline-edit{display:flex;gap:6px;flex-wrap:wrap}.inline-edit input{min-width:140px;margin:0;flex:1}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:23px;margin:22px 0;box-shadow:0 6px 22px #294d4309}.panel p{margin-top:0}.panel-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);color:var(--forest);border-radius:15px;margin-bottom:18px}.invite-panel{max-width:470px;padding:28px}.invite-panel h2{font-size:20px}label{display:block;font-size:12px;color:#5f7469;font-weight:800;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:13px 14px;border:1px solid #dae3d9;border-radius:12px;color:var(--ink);background:#fffefa;outline:none;margin-top:8px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#3b8d71;box-shadow:0 0 0 3px #3b8d7124}.primary{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--forest);border:0;color:#fff;border-radius:13px;font-size:13px;font-weight:800;padding:15px 18px;width:100%;margin-top:18px;box-shadow:0 7px 17px #174b4127}.primary:hover{background:var(--forest-hover)}.person{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #eff0eb;font-size:13px;font-weight:700}.person>span{flex:1}.person>svg{color:#3e9073}.empty-member{border-top:1px solid #edf0ea;padding:17px 0 0;display:flex;gap:9px;color:#829086;font-size:12px;align-items:center}.setting{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #eceee9;font-size:12px}.setting>span{color:#7b8b82}.setting strong{font-size:12px}.hint{font-size:11px;color:#7f8d83;line-height:1.65;margin:12px 0 0}.invite-copy{display:flex;gap:8px;margin-top:15px}.invite-copy input{margin:0;flex:1;min-width:0}.notice{margin:15px 24px 0;padding:13px 15px;border-radius:13px;display:flex;align-items:center;gap:10px;font-size:12px}.notice.error{background:#fff0e7;color:#994e37}.notice.success{background:#e2eee5;color:#286e51}.notice button{border:0;background:none;margin-left:auto;color:inherit}.toggle-line{display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);color:var(--ink)}.toggle-line input{width:20px;height:20px;margin:0;accent-color:var(--forest)}.archive-panel{background:#fbf8f3}.archive-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.bot-link{display:flex;align-items:center;gap:8px;color:#2b725d;text-decoration:none;font-size:12px;font-weight:800;margin-top:15px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);height:calc(77px + env(safe-area-inset-bottom));padding:10px 9px calc(12px + env(safe-area-inset-bottom));display:flex;background:var(--card);border-top:1px solid #e9e9df;z-index:10;box-shadow:0 -8px 24px #243f3412}.bottom-nav button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#9ca99f;background:none;border:0;font-size:10px;font-weight:800}.fab{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));right:max(20px,calc((100vw - 760px)/2 + 24px));width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--forest);border:0;color:#fff;box-shadow:0 8px 24px #103a3250}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102722b8;z-index:25;display:flex;justify-content:center;align-items:flex-end}.modal{width:100%;max-width:760px;max-height:90dvh;overflow:auto;background:var(--card);border-radius:26px 26px 0 0;padding:28px 24px calc(28px + env(safe-area-inset-bottom))}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0 0 18px;font-size:21px}.icon-button{border:0;background:none;color:#647d6e}.center-state{min-height:100dvh;display:flex;gap:15px;flex-direction:column;align-items:center;justify-content:center;color:#567569;padding:30px;text-align:center}.loader{width:32px;height:32px;border-radius:50%;border:3px solid #dbe5dc;border-top-color:var(--forest);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:750px){.page{padding:43px 50px}.topbar,.preview-banner{padding-inline:50px}}:root{--paper:#f7f6f2;--card:#ffffff;--ink:#22342f;--forest:#195f52;--forest-hover:#277866;--mint:#e7f3ef;--muted:#71827a;--line:#e4eae5;--sand:#f1e7d9}.header-right{display:flex;gap:10px;align-items:center}.refresh-button{width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:var(--card);display:grid;place-items:center;color:var(--forest)}.overview-3{gap:0;padding:20px 10px;border-radius:21px;background:linear-gradient(120deg,#e1f0e9,#f0eee5)}.overview-3>div{min-width:0;padding:2px 4px}.overview-3>div+div{border-left:1px solid #cdded5}.overview-3 strong{font-size:31px;font-variant-numeric:tabular-nums}.overview-3 span{font-size:10px;line-height:1.4;max-width:100px;margin:6px auto 0}.overview-3 .urgent-stat strong{color:#a65e39}.soft-alert{border-radius:14px;background:#fff1e6;padding:12px 16px;color:#9d5838;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;margin:0 0 23px}.approval-section{margin:26px 0 29px;padding:20px;border-radius:23px;border:1px solid #d9e5de;background:#f2f7f3;box-shadow:0 5px 20px #1c413b08}.approval-section .section-head h2{margin:0 0 13px;font-size:17px}.section-counter{padding:4px 9px;border-radius:10px;background:var(--forest);color:#fff;font-size:12px;font-weight:800;margin-bottom:14px}.approval-card{background:var(--card);border:1px solid #e0eae2;border-radius:17px;padding:17px;margin-bottom:10px;display:flex;align-items:flex-start;gap:13px}.approval-mark{background:#e6f1ec;border-radius:12px;padding:9px;display:grid;place-items:center;color:var(--forest)}.approval-info{min-width:0;flex:1}.approval-info strong{font-size:12px;color:var(--forest)}.approval-info p{font-size:14px;font-weight:800;line-height:1.4;margin:6px 0}.approval-info>span{font-size:11px;line-height:1.5;color:#78877e}.approval-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.approval-actions button{border-radius:11px;padding:9px 13px;background:var(--forest);border:1px solid var(--forest);color:#fff;font-weight:700;font-size:11px}.approval-actions button+button{background:#fff;color:var(--forest);border-color:#cadacf}.task-labels{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 3px}.task-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #e2ebe3;background:#f5f9f5;color:#5a766a;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.task-chip.duo-chip{background:#f2e9dc;color:#8a7057;border-color:#f0ddc5}.overdue-tag{border:1px solid #f0d1ba;border-radius:8px;padding:2px 5px;color:#a96133;background:#fff4e9}.dashboard-hint{display:flex;gap:6px;align-items:flex-start;margin:20px 0;color:#739084}.quiet-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.quiet-panel h3{display:flex;gap:8px;align-items:center;font-size:15px}.quiet-panel p{font-size:12px}.quiet-pills{margin-top:13px;flex-wrap:wrap}.quiet-pills button{flex:1;padding:10px 9px;white-space:nowrap}.quiet-custom{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.quiet-custom label{flex:1;min-width:95px}.quiet-custom input{font-size:13px;padding:11px;margin-top:6px;min-height:42px}.quiet-custom button{background:var(--mint);border:0;border-radius:11px;padding:12px 10px;font-size:11px;font-weight:800;color:var(--forest);margin-bottom:16px}.repeat-summary{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:19px;margin-bottom:26px}.repeat-summary h2{font-size:16px}.repeat-line{display:flex;align-items:baseline;gap:12px;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.repeat-line span:first-child{font-weight:800;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repeat-line span:last-child{color:#647a70;text-align:right;font-size:11px}@media(max-width:370px){.page{padding-left:17px;padding-right:17px}.approval-section{padding:13px}.overview-3 strong{font-size:25px}.overview-3 span{font-size:9px}}:root{--paper:#f5f7f6;--card:#ffffff;--ink:#1a3030;--ink-soft:#355b56;--forest:#126b5e;--forest-hover:#0c514a;--mint:#e4f4ef;--muted:#657b77;--line:#e2ebe7;--sand:#f3e9de;--accent-blue:#dfeaf8;--accent-peach:#fff1e9}html{scroll-behavior:smooth}body{background:var(--paper)}.app-shell{background:radial-gradient(ellipse at 94% 4%,#eaf4f0 0,transparent 26%),var(--paper)}.topbar{height:74px;position:sticky;top:0;z-index:12;background:#f8faf8ea;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #dce7e270;padding:12px 20px}.brand-symbol{background:linear-gradient(148deg,#198372,#0d574f);border-radius:15px;transform:none;box-shadow:0 7px 18px #0e6b5a23}.brand strong{font-size:17px;letter-spacing:-.55px}.brand small{font-size:10px;letter-spacing:.25px}.page{padding:29px 20px 46px}h1{font-size:clamp(31px,6vw,43px);line-height:1.16;letter-spacing:-1.55px}h1 span{color:#218674}.eyebrow{color:#348a79;font-size:10px;letter-spacing:2px}.intro{font-size:13px;line-height:1.75;margin-bottom:23px}.panel,.task-item,.zone-card{box-shadow:0 10px 26px #1b58490b;border:1px solid #e3ebe6}.panel{border-radius:23px}.task-item{border-radius:19px}.pills{flex-wrap:wrap}.pills button{background:#fff;border-color:#dce8e3;border-radius:14px}.pills button.selected{box-shadow:0 6px 17px #104b4223}.primary{border-radius:15px;box-shadow:0 8px 20px #0b65502b}.bottom-nav{background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #e5ebe7;box-shadow:0 -5px 30px #183b3512}.bottom-nav button{font-size:10px;letter-spacing:.1px}.bottom-nav button.current{color:var(--forest)}.fab{background:linear-gradient(155deg,#168978,#106759);border-radius:21px;box-shadow:0 10px 28px #11554b38}button:focus-visible,a:focus-visible{outline:3px solid #49b6a1;outline-offset:3px}.month-page{max-width:760px}.calendar-panel{background:#fff;border:1px solid #e1e9e6;box-shadow:0 13px 37px #1e51400e;padding:22px 17px 17px;border-radius:27px;margin:5px 0 28px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-toolbar h2{font-size:22px;text-transform:capitalize;letter-spacing:-.75px;margin:5px 0 0;line-height:1.25}.calendar-subtitle{color:#598d7f;font-weight:800;font-size:10px;letter-spacing:1.3px}.calendar-controls{display:flex;gap:7px}.calendar-controls button{border:1px solid #e1ebe6;background:#f7faf8;display:grid;place-items:center;color:#286d5e;width:37px;height:37px;border-radius:13px}.calendar-controls button:active{background:#e6f5ee}.calendar-highlights{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0 17px;margin-bottom:3px;font-size:11px;color:#6a8780}.calendar-highlights>span{display:flex;gap:7px;align-items:center;font-weight:700}.calendar-highlights button{border:0;background:#e5f4ee;color:#176858;border-radius:20px;font-weight:800;font-size:11px;padding:7px 11px;display:flex;align-items:center;gap:5px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{padding-bottom:8px;border-bottom:1px solid #eaf0eb;margin-bottom:6px}.calendar-weekdays span{text-align:center;color:#82958e;font-size:10px;font-weight:800}.calendar-day{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;width:100%;min-width:0;min-height:48px;gap:5px;border:0;background:transparent;border-radius:13px;color:#24463f;padding:6px 1px;transition:background .16s,color .16s,transform .16s}.day-fill{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:11px;opacity:.9;z-index:0;pointer-events:none}.day-fill-male{background:#dce9ff}.day-fill-female{background:#ffe1ef}.day-fill-both{background:linear-gradient(90deg,#dce9ff 0,#dce9ff 50%,#ffe1ef 50%,#ffe1ef)}.day-fill-none{background:transparent}.day-number,.calendar-dots{position:relative;z-index:1}.calendar-day.selected-day .day-fill{background:#ffffff24}.calendar-day.other-month{color:#bac8c2}.calendar-day.today-day:not(.selected-day){background:#edf5f2;box-shadow:inset 0 0 0 1px #d8e8df}.calendar-day.selected-day{background:var(--forest);color:#fff;box-shadow:0 7px 16px #136c5929}.day-number{font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.calendar-dots{display:flex;justify-content:center;gap:3px;align-items:center;min-height:4px}.calendar-dots i,.calendar-legend i{width:5px;height:5px;background:#d0ded4;border-radius:50%;display:inline-block}.calendar-dots i.dot-active,.calendar-legend i.dot-active{background:#36aa8e}.calendar-dots i.dot-complete,.calendar-legend i.dot-complete{background:#afc6bd}.calendar-day.selected-day .calendar-dots i{background:#c8efe4}.calendar-legend{display:flex;gap:17px;align-items:center;justify-content:flex-end;border-top:1px solid #eef1ef;margin-top:11px;padding-top:13px}.calendar-legend span{display:flex;align-items:center;gap:6px;font-size:10px;color:#799087}.selected-day-section{margin:30px 0 27px}.calendar-day-head{margin-bottom:17px;align-items:flex-end}.calendar-day-head h2{font-size:19px;text-transform:capitalize;letter-spacing:-.6px;margin:5px 0 0;line-height:1.3}.calendar-day-head .text-button{margin:0;padding:0 0 2px;white-space:nowrap}.calendar-empty{background:#fff;border:1px dashed #cce2d8;border-radius:22px;padding:30px 15px;color:#4b8071;display:flex;align-items:center;text-align:center;flex-direction:column;gap:8px}.calendar-empty strong{font-size:14px;color:var(--ink)}.calendar-empty span{font-size:12px;color:var(--muted)}.calendar-unscheduled{border:1px solid var(--line);border-radius:17px;padding:14px 16px;background:var(--card);margin-bottom:24px}.calendar-unscheduled summary{font-size:13px;color:var(--forest);font-weight:800;cursor:pointer}.calendar-unscheduled .task-list{margin-top:17px}.settings-title{display:flex;gap:13px;align-items:flex-start}.settings-title .panel-icon{flex:none;margin:0}.settings-title h2{margin:3px 0 6px}.settings-title .muted{margin:0 0 15px;line-height:1.6}.reminder-editor{margin:22px 0 12px;padding:20px 0 2px;border-top:1px solid var(--line)}.reminder-editor .section-head h3{margin:0;display:flex;align-items:center;gap:8px;font-size:15px}.reminder-editor .section-head .muted{white-space:nowrap;font-size:10px}.reminder-editor>p.muted{margin:10px 0 16px}.reminder-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:33px}.reminder-chip{display:inline-flex;align-items:center;gap:9px;background:#eaf6f0;color:#215f50;border:1px solid #cae7d9;border-radius:15px;padding:7px 7px 7px 12px;font-size:12px;font-weight:800}.reminder-chip button{border:0;background:#d8ede2;display:grid;place-items:center;border-radius:9px;color:#376d5e;width:25px;height:25px;padding:0}.reminder-empty{font-size:12px;color:#916c48;background:#fff3e6;padding:8px 11px;border-radius:11px}.reminder-add-row{display:grid;grid-template-columns:minmax(60px,1fr) minmax(100px,1.25fr) auto;gap:10px;align-items:end;margin:17px 0 10px}.reminder-add-row label{font-size:11px;min-width:0;margin:0;color:#54776c}.reminder-add-row input,.reminder-add-row select{font-size:12px;height:42px;margin-top:5px;padding:10px 9px}.reminder-add-row .small-add{height:42px;border:0;background:#e8f3ee;color:var(--forest);border-radius:12px;padding:0 11px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;justify-content:center}.reminder-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.reminder-presets button{font-size:11px;color:#486c61;border:1px solid #dde9e1;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}.reminder-save-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #bddfd0;background:#e4f6ee;padding:12px;border-radius:14px;margin:17px 0}.reminder-save-bar span{font-size:11px;color:#346453;line-height:1.4;flex:1}.reminder-save-bar button{border:0;color:#fff;background:var(--forest);padding:10px 11px;border-radius:11px;font-weight:800;font-size:11px;display:flex;align-items:center;gap:6px}@media(max-width:390px){.calendar-panel{padding:19px 11px 13px;border-radius:22px}.calendar-day{min-height:43px}.calendar-toolbar h2{font-size:20px}.day-number{font-size:12px}.reminder-add-row{grid-template-columns:minmax(55px,1fr) minmax(89px,1fr) auto;gap:6px}.reminder-add-row .small-add{padding:0 8px}.page{padding-inline:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.calendar-day{transition:none}}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:18px;padding:13px 16px;font-weight:800}.paywall-panel{display:flex;flex-direction:column;gap:14px}.paywall-actions{display:flex;flex-direction:column;gap:10px}.payment-methods{display:grid;gap:9px}.payment-methods button{border:1px solid var(--line);background:#f7faf8;color:var(--ink);border-radius:16px;padding:13px 14px;font-weight:700;text-align:left}.simple-list{margin:0;padding-left:18px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.member-role{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-top:2px}.member-remove{margin-left:auto;flex-shrink:0;font-size:12px;line-height:1.4;color:#b33c3c;background:transparent;border:1px solid rgba(180,60,60,.35);border-radius:9px;padding:8px 10px}.member-remove:disabled{opacity:.5}.bottom-nav button{min-width:0;font-size:9px;gap:4px;padding:0 2px}.bottom-nav button svg{width:19px;height:19px}.extras-page .panel{margin:17px 0}.extras-page .section-head .text-button{padding:0}.shopping-line,.family-event-line{display:flex;align-items:center;gap:12px;min-height:66px;padding:13px 0;border-top:1px solid var(--line)}.shopping-check{flex:none;width:32px;height:32px;border:2px solid #7eb19d;border-radius:11px;background:#fff;color:#fff;display:grid;place-items:center}.shopping-line.bought .shopping-check{background:var(--forest);border-color:var(--forest)}.shopping-line.bought .shopping-label strong{text-decoration:line-through;color:var(--muted)}.shopping-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.shopping-label strong{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.shopping-label small{font-size:11px;color:var(--muted);line-height:1.4}.shopping-remove{border:0;background:#f7f2ec;border-radius:11px;padding:10px;color:#9a6c55;flex:none}.event-icon{font-size:23px;background:var(--mint);padding:9px;border-radius:12px}.extras-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extras-two label{min-width:0}.extras-two input,.extras-two select{min-width:0;width:100%}.extras-checkbox{display:flex;align-items:center;gap:10px;margin-top:8px}.extras-checkbox input{width:21px;height:21px;margin:0;accent-color:var(--forest)}.extras-error{padding:14px;background:#fff1e8;color:#933b26;border-radius:12px;font-size:12px}.extras-success{padding:12px;background:#e7f4e9;color:#256a47;border-radius:12px;font-size:12px}@media(max-width:400px){.extras-two{grid-template-columns:1fr}.bottom-nav button{font-size:8px}.bottom-nav{padding-left:3px;padding-right:3px}}html,body,#root,.app-shell{width:100%;max-width:100%;min-width:0}.page,.panel,.calendar-panel,.repeat-summary,.zone-card,.task-item,.modal,.approval-section,.invite-panel,.settings-title{min-width:0;max-width:100%}.page>*,.panel>*,.task-form>*,.settings-title>div,.calendar-toolbar>div:first-child{min-width:0}label,form,input,select,textarea{max-width:100%;min-width:0}input:not([type=checkbox]),select,textarea{width:100%}input[type=date],input[type=time],input[type=datetime-local]{width:100%;min-width:0;max-width:100%;font-size:16px}.extras-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.extras-two>label{min-width:0;max-width:100%}.shopping-label strong,.shopping-label small,.zone-content h3,.task-main h3,.approval-info p,.person>span,.setting strong,.notice span{overflow-wrap:anywhere}.zone-content,.task-main,.shopping-label,.approval-info,.person>span,.setting>span,.setting strong,.notice span{min-width:0}.calendar-toolbar,.calendar-highlights,.calendar-day-head,.section-head,.reminder-save-bar,.setting,.archive-row{min-width:0}.calendar-controls{flex:none}.bottom-nav button{min-width:0;flex:1 1 0;overflow:hidden}.bottom-nav button span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-head{gap:8px}.modal-head h2{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.page{padding-inline:clamp(14px,4.5vw,22px)}.panel,.repeat-summary{padding:clamp(16px,4.2vw,22px)}.extras-two{grid-template-columns:minmax(0,1fr);gap:0}.extras-two>label{width:100%;min-width:0}.section-head{flex-wrap:wrap;align-items:center;row-gap:6px}.section-head h2{max-width:100%;min-width:0;margin-bottom:8px}.section-head .text-button{margin:0 0 8px}.calendar-highlights,.calendar-day-head,.calendar-legend{flex-wrap:wrap}.calendar-toolbar>div:first-child{min-width:0}.calendar-toolbar h2{overflow-wrap:anywhere}.calendar-day-head .text-button{padding:4px 0}.reminder-add-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reminder-add-row>label{min-width:0}.reminder-add-row .small-add{grid-column:1/-1;width:100%;min-width:0;margin:0}.quiet-custom{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.quiet-custom>label{min-width:0;width:100%}.quiet-custom>button{width:100%;min-width:0;margin:0}.person{flex-wrap:wrap}.person>span{overflow-wrap:anywhere}.person .member-remove{margin-left:0;width:100%;max-width:100%}.repeat-line{flex-wrap:wrap;row-gap:4px}.repeat-line span:first-child{max-width:100%;white-space:normal;overflow-wrap:anywhere}.repeat-line span:last-child{max-width:100%;text-align:left;overflow-wrap:anywhere}.setting{align-items:flex-start;flex-wrap:wrap}.setting strong{text-align:right;overflow-wrap:anywhere}.reminder-save-bar{flex-wrap:wrap}.reminder-save-bar button{max-width:100%}.notice{margin-inline:clamp(14px,4.5vw,22px)}.bottom-nav{max-width:100%;padding-left:3px;padding-right:3px}.bottom-nav button{padding-inline:1px;font-size:clamp(8px,2vw,10px)}.bottom-nav button svg{width:19px;height:19px}.modal{max-width:100%;padding-inline:clamp(16px,4.5vw,24px)}}@media(max-width:360px){.reminder-add-row{grid-template-columns:minmax(0,1fr)}.new-zone,.invite-copy{display:grid;grid-template-columns:minmax(0,1fr)}.new-zone button,.invite-copy button{width:100%}.overview-3 strong{font-size:26px}.calendar-panel{padding-inline:10px}}