:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24332e;background:#f6f5f0;font-size:16px}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #dedfd6}a{color:#2b6553;text-decoration:none}a:hover{text-decoration:underline}.brand{font-weight:750;font-size:27px;letter-spacing:-1px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#758078;margin-top:5px}nav{display:flex;gap:22px;align-items:center;font-size:14px}main{max-width:900px;margin:50px auto;padding:0 28px}h1{font-family:Georgia,serif;font-size:46px;font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:15px 0 22px}h2{font-size:18px;letter-spacing:-.3px;margin-top:35px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#6b7c6f}.muted,small,.empty{color:#748078;font-size:14px}small{display:block;margin-top:7px;line-height:1.6}.task{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #e0e3da;border-radius:12px;padding:22px;margin:10px 0;color:inherit}.task:hover{border-color:#6c927e;text-decoration:none}.badge{font-size:13px;background:#edf3eb;padding:9px 12px;border-radius:7px;white-space:nowrap}.urgent{background:#fce9dd;color:#9b4526}.panel{background:#fff;padding:24px;border:1px solid #e0e3da;border-radius:12px;margin:18px 0}label{display:block;margin-bottom:18px;font-size:14px}input,select,textarea{display:block;width:100%;font:inherit;background:#fff;border:1px solid #cdd5cb;border-radius:6px;padding:11px;margin-top:8px;color:inherit}textarea{min-height:80px}button,.button{display:inline-block;background:#2c624e;color:white;border:0;border-radius:7px;padding:12px 18px;font:inherit;font-size:14px;cursor:pointer}button:hover,.button:hover{background:#204b3b;text-decoration:none}.secondary{background:#e9eee7;color:#345143}.actions{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}fieldset{border:1px solid #dde2d7;border-radius:8px;margin:20px 0}summary{cursor:pointer;color:#2b6553}.pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.activity{padding:16px 0;border-bottom:1px solid #dce1d6}.activity strong{display:block;margin-top:6px}.flash{background:#e7efda;border-radius:8px;padding:16px}.search{display:flex;gap:10px}.search input{margin:0}footer{max-width:900px;margin:55px auto;padding:25px 28px;border-top:1px solid #dedfd6;color:#748078;font-size:12px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;padding:22px}nav{gap:18px;flex-wrap:wrap}main{margin-top:32px;padding:0 20px}h1{font-size:36px}.task{padding:17px;align-items:flex-start;flex-direction:column;gap:12px}.panel{padding:18px}}
/* Scheduling controls */
[hidden]{display:none!important}main:has([data-schedule]){max-width:1150px}.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:30px;margin:25px 0}.snapshot{align-self:start;position:sticky;top:20px;background:#f4f6ef;border:1px solid #dce3d4;border-radius:10px;padding:20px}.snapshot h3{margin:0;font-size:17px}.day-event{padding:15px 0;border-bottom:1px solid #dce3d4}.day-event strong{display:block;font-size:12px;color:#68766c;margin-bottom:5px}.day-event a{display:block;font-weight:600;overflow-wrap:anywhere}.calendar{border:1px solid #dce3d4;border-radius:10px;padding:12px;margin:12px 0 20px;max-width:430px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-heading button{padding:7px 14px}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-days small{font-size:10px;margin:2px 0 8px}.calendar-date{color:#344f3e;background:transparent;padding:10px 2px;border-radius:50%;font-size:14px}.calendar-date:hover{background:#e4eddd;color:#253d2f}.calendar-date[aria-pressed=true]{background:#2c624e;color:white}.calendar-date:disabled{cursor:default;opacity:.7}.time-row{display:flex;align-items:center;gap:12px}.time-row label{width:85px}.time-row input{font-size:24px;text-align:center;font-variant-numeric:tabular-nums}.time-row small{margin-left:6px}.repeat-row{display:flex;gap:15px}.repeat-row>label{flex:1}input[type=range]{accent-color:#2c624e;border:0;padding:4px 0;cursor:pointer}output{font-weight:700}.reminder-toggles{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reminder-toggle{position:relative;margin:0;cursor:pointer}.reminder-toggle input{position:absolute;opacity:0;width:1px;height:1px}.reminder-toggle span{display:block;border:1px solid #cad5c6;border-radius:20px;padding:9px 14px;font-size:13px;background:#fff}.reminder-toggle input:checked+span{background:#dcecd9;color:#234833;border-color:#5b8461;font-weight:600}.reminder-toggle input:focus-visible+span{outline:3px solid #5688ad;outline-offset:2px}.reminder-toggle input:disabled+span{opacity:.5}.deadline-warning{background:#fff0dd;border-left:4px solid #c16a21;padding:15px;line-height:1.6}dialog{border:3px solid #bd6536;border-radius:14px;max-width:550px;padding:28px;color:#3f3027;background:#fff9f0}dialog::backdrop{background:#17241acc}dialog h2{margin-top:0;font-size:24px}dialog p{line-height:1.6}dialog [data-confirm-defer]{background:#994923}.badge{line-height:1.6}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #65917a;outline-offset:2px}@media(max-width:740px){.schedule-layout{grid-template-columns:1fr;gap:20px}.snapshot{position:static}.calendar{max-width:none}.time-row label{width:80px}.panel{padding:18px}.repeat-row{flex-wrap:wrap}.reminder-toggle span{padding:9px 12px}}
.reminder-toggle{text-align:center}.reminder-toggle small{font-size:10px;margin:3px 3px 0;line-height:1.4;color:#657569}.reminder-toggles{align-items:flex-start}
/* Event Types: tangerine deadlines, blue tasks, violet maintenance, teal someday. */
.type-deadline{--type-color:#f47721;--type-ink:#903b08;--type-tint:#fff0e3;--type-wash:#fffaf5}
.type-task{--type-color:#3f86c5;--type-ink:#225d8b;--type-tint:#e6f1fc;--type-wash:#fafcff}
.type-maintenance{--type-color:#9670b9;--type-ink:#67418d;--type-tint:#f0e8f8;--type-wash:#fdfaff}
.type-someday{--type-color:#589a87;--type-ink:#2f6859;--type-tint:#e5f3ed;--type-wash:#f9fdfb}
.type-label{display:inline-block;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:650;line-height:1.4;color:var(--type-ink);background:var(--type-tint);letter-spacing:.2px}
.type-dot{display:inline-block;background:var(--type-color);width:9px;height:9px;border-radius:50%;margin-right:9px}.home-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 28px}.display-options{display:flex;gap:3px;border:1px solid #d9dfd4;background:#ecefe7;border-radius:8px;padding:3px;font-size:12px;flex-shrink:0}.display-options a{padding:8px 11px;border-radius:5px;color:#657467}.display-options a[aria-current=page]{background:white;color:#284d39;box-shadow:0 1px 3px #2b47231a;font-weight:650}.event-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #e0e3da;border-left:5px solid var(--type-color);border-radius:11px;padding:20px;margin:11px 0;background:var(--type-wash)}.event-title{font-weight:650;color:#263a2f;font-size:16px;overflow-wrap:anywhere}.event-description{min-width:0;flex:1}.event-meta{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}.event-meta small{margin:0;font-size:12px}.event-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.event-date{background:var(--type-tint);color:var(--type-ink);padding:10px 13px;border-radius:7px;text-align:center;font-size:12px;min-width:105px}.event-date strong,.event-date span{display:block;line-height:1.65}.done-combo{display:flex;align-items:stretch;border:1px solid #cfd9cd;border-radius:7px;background:white;position:relative}.done-combo form{margin:0}.done-check{display:flex;align-items:center;gap:7px;margin:0;padding:12px 10px;font-size:12px;cursor:pointer;color:#3f5845}.done-check input{width:17px;height:17px;padding:0;margin:0;accent-color:var(--type-color);cursor:pointer}.event-menu{border-left:1px solid #dbe2d6;position:relative}.event-menu>summary{list-style:none;padding:13px 10px;color:#4b654e;font-size:12px;line-height:17px}.event-menu>summary::-webkit-details-marker{display:none}.event-menu>summary:hover{background:#f0f4ec}.event-menu[open]{z-index:20}.event-menu-options{position:absolute;right:-1px;top:calc(100% + 7px);width:240px;padding:6px;background:white;border:1px solid #d8e0d2;border-radius:9px;box-shadow:0 9px 25px #233d2424;z-index:20}.event-menu-options button,.event-menu-options a{display:block;width:100%;border:0;background:transparent;color:#34533e;text-align:left;font-size:13px;padding:10px 12px;border-radius:5px;text-decoration:none;line-height:1.3}.event-menu-options button:hover,.event-menu-options a:hover{background:#edf3e7}.event-menu summary:focus-visible,.done-check input:focus-visible{outline:2px solid #5a8670;outline-offset:2px}.day-event[class*=type-]{border-left:3px solid var(--type-color);padding-left:12px}#quick-action-dialog{border:1px solid #d3ddcd;background:#fff;max-width:560px;width:calc(100% - 40px)}#quick-action-dialog.deadline-modal{border:3px solid #f47721;background:#fff9f1}#quick-action-dialog textarea{min-height:90px}#quick-action-dialog [data-quick-event-title]{font-weight:600;overflow-wrap:anywhere}
@media(max-width:720px){.home-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.event-card{align-items:flex-start;flex-direction:column;gap:15px;padding:17px}.event-controls{width:100%;justify-content:space-between}.event-date{text-align:left;flex:1}.event-menu-options{width:230px}.display-options{font-size:12px}}
.event-menu.opens-up .event-menu-options{top:auto;bottom:calc(100% + 7px)}
/* Matching dark split buttons and larger, easier-to-read menus. */
.add-combo,.done-combo{display:inline-flex;align-items:stretch;border:1px solid #2c624e;border-radius:8px;background:#2c624e;color:white;position:relative}.add-primary.button{border-radius:7px 0 0 7px;font-size:16px;font-weight:600;display:flex;align-items:center;padding:12px 16px;white-space:nowrap}.add-menu{position:relative;border-left:1px solid #ffffff45}.add-menu>summary,.done-combo .event-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:37px;height:100%;padding:12px 10px;color:white;background:transparent;cursor:pointer}.add-menu>summary::-webkit-details-marker{display:none}.add-menu>summary:hover,.done-combo .event-menu>summary:hover,.done-check:hover{background:#214e3d}.add-menu[open]{z-index:50}.add-menu.opens-up .event-menu-options{top:auto;bottom:calc(100% + 7px)}.down-triangle{width:0;height:0;display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}.done-check{color:white;font-size:16px;font-weight:600;padding:12px;min-height:46px;border-radius:7px 0 0 7px}.done-check input{width:18px;height:18px;accent-color:#e0eee4}.done-combo .event-menu{border-left:1px solid #ffffff45}.event-menu-options{width:280px;max-height:min(75vh,520px);overflow-y:auto}.event-menu-options button,.event-menu-options a{font-size:16px;padding:12px 14px;line-height:1.4}.event-menu-options .add-type-option{display:flex;align-items:center;gap:9px}.add-type-option .type-dot{flex-shrink:0;margin:0}.add-menu summary:focus-visible{outline:2px solid #9fcab4;outline-offset:2px}.done-badge{display:inline-block;background:#2c624e;color:white;padding:12px 20px;border-radius:8px;font-size:17px;font-weight:700;white-space:nowrap}.archive-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.archive-card .done-badge{align-self:center}.event-card{transform-origin:center center}.event-controls .done-combo{align-self:center}@media(max-width:720px){.event-menu-options{width:260px}.archive-card{flex-direction:row;align-items:center}.done-badge{font-size:16px;padding:10px 15px}header nav{gap:15px}}@media(prefers-reduced-motion:reduce){.event-card{animation:none!important;transition:none!important}}
/* Softer Done controls; the Add task split button keeps its dark treatment. */
.done-combo{background:#e1ebe2;border-color:#aabfae;color:#294d37}
.done-check{color:#294d37}
.done-check:hover,.done-combo .event-menu>summary:hover{background:#ccdece}
.done-check input{accent-color:#477456}
.done-combo .event-menu{border-left-color:#aabfae}
.done-combo .event-menu>summary{color:#294d37}
.done-combo .down-triangle{border-left-width:7.2px;border-right-width:7.2px;border-top-width:9px}
.home-date{font-size:18px;font-weight:500;letter-spacing:.3px;color:#64776a;margin:0 0 17px}.date-group-label{font-size:13px;font-weight:650;letter-spacing:.7px;color:#66776a;margin:27px 0 10px}.date-group:first-child .date-group-label{margin-top:0}
.repeat-rule{font-size:13px;color:#52695a;margin-top:9px;line-height:1.5}.repeat-summary{background:#edf2e8;color:#395c46;border:1px solid #dce5d4;border-radius:7px;padding:11px 14px;font-size:14px;line-height:1.5;margin:12px 0 20px}.repeat-summary strong{font-weight:650;margin-right:4px}
.retire-button{background:#866078;color:#fff}.retire-button:hover{background:#6d4b61}.retired-status{background:#f2e9ef;border:1px solid #dac8d5;border-radius:7px;padding:12px;color:#6d4b61}
.finish-forever-panel{border-color:#d6c3d0;background:#fbf6fa}.finish-forever-panel>summary{color:#79516b;font-weight:600}.event-menu-options .finish-forever-option{color:#79516b}
/* Compact event editing: one calendar, one shared note, fewer panels. */
main{margin-top:30px}h1{font-size:39px;margin:10px 0 14px}h2{margin-top:22px;font-size:17px}.panel{padding:18px;margin:12px 0}label{margin-bottom:12px}input,select,textarea{padding:9px;margin-top:5px}textarea{min-height:58px}.schedule-layout{gap:20px;margin:12px 0}.calendar{padding:9px;margin:8px 0 12px;max-width:350px}.calendar-heading{margin-bottom:7px}.calendar-date{padding:7px 2px}.calendar-days small{margin:0 0 4px}.snapshot{padding:15px}.repeat-summary{margin:8px 0 12px;padding:8px 11px;font-size:13px}.selected-date{font-size:14px;font-weight:600;margin:0 0 8px;color:#405c48}.time-row label{width:72px}.time-row input{font-size:21px}.time-row small{font-size:12px}.reminder-toggles{gap:6px;margin:8px 0}.reminder-toggle span{padding:7px 10px}fieldset{margin:12px 0;padding:10px 12px}.compact-event h1{font-size:36px}.compact-event .eyebrow{margin-bottom:8px}.event-heading-meta{font-size:14px;line-height:1.6;margin:6px 0}.compact-event p{margin-top:8px;margin-bottom:10px}.completion-actions textarea{min-height:50px}.schedule-panel h2{margin-top:0;margin-bottom:12px}.inline-snooze{display:flex;align-items:center;gap:15px;margin:12px 0}.inline-snooze label{min-width:240px;margin:0}.inline-snooze small{font-size:12px;max-width:260px}.inline-details{border-top:1px solid #dbe1d4;margin:12px 0;padding:12px 0}.inline-details>summary{font-size:14px}.inline-details form{max-width:460px;margin-top:12px}.finish-button{background:#ad6565;color:white}.finish-button:hover{background:#945151}.event-menu-options .finish-button{color:#9b5353;background:transparent}.event-menu-options .finish-button:hover{background:#f8eaea}.archive-card{padding:16px}.event-card{margin:8px 0;padding:17px}.date-group-label{margin-top:20px}@media(max-width:740px){.inline-snooze{flex-direction:column;align-items:stretch;gap:3px}.inline-snooze label{min-width:0}.compact-event h1{font-size:30px}.calendar{max-width:none}.panel{padding:14px}.schedule-layout{gap:14px}}
.schedule-timing-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;margin:12px 0}.schedule-timing-row .inline-snooze{display:block;margin:0}.schedule-timing-row label{min-width:0;margin:0}.schedule-timing-row small{display:block;max-width:none;margin-top:5px;font-size:12px;line-height:1.5}.inline-defer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 9px;align-items:end}.inline-defer>small{grid-column:1/-1}.inline-defer>button{height:40px;white-space:nowrap}@media(max-width:650px){.schedule-timing-row{grid-template-columns:1fr;gap:14px}}

.repeat-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.repeat-presets button{padding:8px 14px;font-size:14px}.repeat-presets button[aria-pressed="true"]{background:#dcecd9;color:#234833;box-shadow:inset 0 0 0 1px #5b8461}

.push-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dce3d4}.push-device button{padding:7px 12px}

/* Anchor the Add menu to its whole button when the narrow header wraps. */
@media(max-width:650px){.add-combo .add-menu{position:static}.add-combo .event-menu-options{left:0;right:auto;max-width:calc(100vw - 32px)}}