:root{--ink:#17312a;--muted:#6a756f;--green:#245f4d;--green-dark:#194737;--green-soft:#eaf3ee;--green-pale:#f5f9f7;--line:#ccd9d2;--line-light:#e3ebe7;--paper:#fff;--page:#f3f7f4;--danger:#9a382e}*{box-sizing:border-box}html{background:var(--page);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea,a{-webkit-tap-highlight-color:transparent;border-radius:0}[hidden]{display:none!important}.planner-page{border:1px solid var(--line);background:var(--paper);width:min(100% - 32px,780px);margin:28px auto;box-shadow:0 16px 44px #17312a14}.topbar{border-bottom:3px solid var(--green);background:var(--green-dark);justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";opacity:0;transition:opacity .2s;position:absolute;inset:0 0 3px}.topbar.has-photo:before{opacity:1;background:linear-gradient(#00000038, #00000038), var(--topbar-photo) center / cover no-repeat}.topbar>*{z-index:1;position:relative}.section-kicker{color:var(--green);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:750}.topbar h1{color:#fff;letter-spacing:-.035em;text-shadow:-1px -1px #000000b8,1px -1px #000000b8,-1px 1px #000000b8,1px 1px #000000b8;margin:0;font-size:26px;line-height:1.1}.topbar-action{color:#fff;text-shadow:0 1px 2px #000000e6;background:0 0;border:0;border-bottom:1px solid #ffffffb8;padding:4px 0;font-size:11px;font-weight:700}.topbar-action:hover,.topbar-action:focus-visible{border-bottom-color:#fff;outline:0}.offline-banner{color:#5e501c;background:#fff9df;border-bottom:1px solid #dccd91;align-items:center;gap:8px;min-height:34px;padding:7px 30px;font-size:10px;display:flex}.offline-banner strong{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.access-page{max-width:620px}.access-section{border-bottom:0;min-height:270px}.access-section h2{letter-spacing:-.03em;margin:0;font-size:21px}.access-copy{color:var(--muted);margin:10px 0 20px;font-size:13px;line-height:1.55}.access-form{gap:0;max-width:430px;margin-top:22px;display:grid}.access-form label,.pairing-copy label{color:var(--green-dark);letter-spacing:.07em;text-transform:uppercase;margin:15px 0 6px;font-size:10px;font-weight:750}.access-form input,.pairing-copy input{border:1px solid var(--line);width:100%;height:45px;color:var(--ink);background:var(--paper);outline:0;padding:0 12px}.access-form input:focus,.pairing-copy input:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.access-form button,.pairing-copy button,.add-device-heading>button{border:1px solid var(--green);color:#fff;background:var(--green);min-height:42px;margin-top:16px;padding:0 14px;font-size:12px;font-weight:700}.access-form button:hover:not(:disabled),.access-form button:focus-visible,.pairing-copy button:hover,.pairing-copy button:focus-visible,.add-device-heading>button:hover,.add-device-heading>button:focus-visible{background:var(--green-dark);outline:0}.access-form button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.access-error{color:var(--danger);margin:18px 0 0;font-size:12px;line-height:1.45}.device-section{border-bottom:0}.device-list{border-top:1px solid var(--line)}.device-row{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:10px 0;display:flex}.device-row>div{gap:4px;min-width:0;display:grid}.device-row strong{overflow-wrap:anywhere;font-size:13px}.device-row small{color:var(--muted);font-size:10px}.device-row button{border:0;border-bottom:1px solid var(--line);color:var(--danger);background:0 0;padding:5px 0;font-size:10px}.device-row button:hover,.device-row button:focus-visible{border-bottom-color:currentColor;outline:0}.device-row button.confirm-revoke{border:1px solid var(--danger);color:#fff;background:var(--danger);padding:6px 8px}.current-device{border:1px solid var(--line);color:var(--green-dark);background:var(--green-pale);text-transform:uppercase;padding:5px 7px;font-size:9px;font-weight:750}.add-device-heading{justify-content:space-between;align-items:center;gap:24px;margin-top:30px;display:flex}.add-device-heading h3,.pairing-copy h3{margin:0;font-size:15px}.add-device-heading>button{flex:none;margin:0}.pairing-card{border:1px solid var(--line);background:var(--green-pale);grid-template-columns:212px minmax(0,1fr);gap:24px;margin-top:18px;padding:22px;display:grid}.qr-code{background:#fff;place-items:center;min-height:212px;display:grid}.pairing-copy{align-self:center;min-width:0;display:grid}.pairing-copy p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.45}.pairing-copy input{font-size:10px}.pairing-copy button{justify-self:start}.notification-control{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:13px 0;display:flex}.notification-control>div:first-child{gap:4px;display:grid}.notification-control strong{font-size:13px}.notification-control small{color:var(--muted);text-transform:capitalize;font-size:10px}.notification-buttons{gap:8px;display:flex}.notification-buttons button{border:1px solid var(--green);color:#fff;background:var(--green);min-height:34px;padding:0 11px;font-size:10px;font-weight:700}.notification-buttons button:hover:not(:disabled),.notification-buttons button:focus-visible{background:var(--green-dark);outline:0}.notification-buttons button.secondary-button{color:var(--green-dark);border-color:var(--line);background:var(--paper)}.notification-buttons button.secondary-button:hover:not(:disabled),.notification-buttons button.secondary-button:focus-visible{border-color:var(--green);background:var(--green-soft)}.notification-buttons button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.settings-note{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.45}.settings-tabs{border-bottom:1px solid var(--line);background:var(--paper);min-height:48px;display:flex}.settings-tabs button{border:0;border-right:1px solid var(--line);min-width:0;color:var(--muted);background:var(--paper);flex:1;font-size:12px;font-weight:750}.settings-tabs button:last-child{border-right:0}.settings-tabs button:hover,.settings-tabs button:focus-visible{color:var(--green-dark);background:var(--green-soft);outline:0}.settings-tabs button[aria-selected=true]{color:#fff;background:var(--green)}.settings-panel[hidden]{display:none}.settings-panel>section{border-bottom:0;min-height:360px}.birthdays-section.is-embedded{border-top:0;padding-top:28px}.view-navigation{border-bottom:1px solid var(--line);background:var(--paper)}.primary-view-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));min-height:48px;display:grid}.primary-view-tabs button{border:0;border-right:1px solid var(--line);width:100%;min-width:0;color:var(--muted);background:var(--paper);font-size:12px;font-weight:750}.primary-view-tabs button:last-child{border-right:0}.primary-view-tabs button:hover,.primary-view-tabs button:focus-visible{color:var(--green-dark);background:var(--green-soft);outline:0}.primary-view-tabs button[aria-selected=true]{color:#fff;background:var(--green)}.task-view-tabs{border-bottom:1px solid var(--line);background:var(--paper);align-items:end;gap:18px;min-height:42px;padding:0 30px;display:flex;overflow-x:auto}.task-view-tabs button{height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px;font-size:11px;font-weight:700}.task-view-tabs button:hover,.task-view-tabs button:focus-visible{color:var(--green-dark);border-bottom-color:var(--line);outline:0}.task-view-tabs button[aria-selected=true]{color:var(--green-dark);border-bottom-color:var(--green)}section{border-bottom:1px solid var(--line);padding:28px 30px}section:last-child{border-bottom:0}.today-section.is-current-day{border-bottom:2px solid var(--green);background:var(--green-pale)}.today-section.is-current-day .section-heading h2{color:var(--green-dark)}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;min-height:34px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.2}.completed-section{padding-top:18px;padding-bottom:18px}.completed-toggle{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:0;display:flex}.completed-toggle h2{letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.2}.completed-toggle:hover h2,.completed-toggle:focus-visible h2{color:var(--green-dark)}.completed-toggle:focus-visible{outline:2px solid var(--green);outline-offset:6px}.completed-toggle-meta{align-items:center;gap:10px;display:flex}.completed-toggle-icon{width:16px;color:var(--green-dark);text-align:center;font-size:18px;font-weight:700;line-height:1}.completed-content{margin-top:18px}.completed-content>.empty-copy{margin-top:0}.calendar-heading-row{align-items:center}.count-badge{border:1px solid var(--line);min-width:27px;height:27px;color:var(--green-dark);background:var(--green-pale);place-items:center;font-size:11px;font-weight:700;display:grid}.calendar-actions{align-items:center;gap:10px;display:flex}.month-controls{grid-template-columns:34px minmax(142px,1fr) 34px;align-items:center;gap:8px;display:grid}.month-controls strong{text-align:center;font-size:13px}.month-controls button,.current-day-button{border:1px solid var(--line);width:34px;height:32px;color:var(--green-dark);background:var(--paper)}.current-day-button{width:auto;min-width:54px;padding:0 10px;font-size:10px;font-weight:750}.month-controls button:hover,.month-controls button:focus-visible,.current-day-button:hover,.current-day-button:focus-visible{border-color:var(--green);background:var(--green-soft);outline:0}.calendar{border:1px solid var(--line)}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row{border-bottom:1px solid var(--line);background:var(--green-pale)}.weekday-row span{color:var(--muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;padding:9px 4px;font-size:9px;font-weight:750}.date-grid{background:var(--line-light);gap:1px}.date-grid button{background:var(--paper);min-height:70px;color:var(--ink);text-align:left;border:0;padding:9px;display:block;position:relative}.date-grid button:hover,.date-grid button:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--green);outline:0}.date-grid button.outside{color:#aab4af;background:#fafcfb}.date-grid button.today{box-shadow:inset 0 -3px var(--green);font-weight:800}.date-grid button.selected{color:#fff;background:var(--green)}.date-grid button.selected.today{box-shadow:inset 0 -3px #fff}.calendar-cell-top{justify-content:space-between;align-items:flex-start;gap:4px;width:100%;display:flex}.calendar-date-label{align-items:center;min-height:20px;line-height:1;display:flex}.calendar-events{align-items:center;gap:3px;min-height:20px;margin-top:3px;display:flex}.calendar-birthday-marker{border:1px solid var(--green);min-width:18px;height:18px;color:var(--green-dark);background:var(--green-pale);place-items:center;padding:0 3px;font-size:8px;font-weight:750;line-height:1;display:inline-grid}.date-grid button.selected .calendar-birthday-marker{color:#fff;background:#ffffff29;border-color:currentColor}.calendar-birthday-marker.is-own-birthday{background:#fff4bf;border-color:#c39216;font-size:11px;animation:1.6s ease-in-out infinite birthday-pop}.date-grid button.selected .calendar-birthday-marker.is-own-birthday{background:#fff4bf33;border-color:#fff4bf}.calendar-holiday-marker{min-width:20px;height:20px;color:inherit;place-items:center;font-size:14px;line-height:1;display:inline-grid}.date-grid button.selected .calendar-holiday-marker{color:#fff}@keyframes birthday-pop{0%,to{transform:scale(1)}50%{transform:scale(1.13)rotate(-4deg)}}.calendar-counts{align-items:center;gap:4px;display:flex}.date-grid small{border:1px solid;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.date-grid .calendar-completed-count{border-color:var(--green);width:auto;color:var(--green-dark);background:var(--green-pale);grid-auto-flow:column;gap:3px;padding:0 4px;font-weight:800}.calendar-completed-count span{font-size:9px;line-height:1}.date-grid button.selected .calendar-completed-count{color:#fff;background:#ffffff29;border-color:currentColor}.calendar-weather{white-space:nowrap;align-items:center;gap:4px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:7px;left:8px;right:8px}.calendar-weather-icon{font-size:13px}.calendar-weather strong{font-size:11px}.calendar-weather-range{opacity:.72;margin-left:auto;font-size:7px;font-weight:650}.calendar-weather-loading{align-items:center;min-height:14px;display:flex}.calendar-weather-spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:12px;height:12px;animation:.75s linear infinite life-spin}.date-grid button.selected .calendar-weather-spinner{border-color:#fff #ffffff73 #ffffff73}.calendar-weather-unavailable{color:var(--muted);font-size:7px;font-weight:650}.date-grid button.selected .calendar-weather-unavailable{color:currentColor}.add-task-form{border:1px solid var(--ink);grid-template-columns:minmax(0,1fr) 132px 104px 38px 38px 70px;display:grid}.add-task-form input{min-width:0;height:47px;color:var(--ink);background:var(--paper);border:0;outline:0;padding:0 13px}.add-task-form input:focus{box-shadow:inset 0 0 0 2px var(--green)}.add-task-form .date-input,.add-task-form .time-input{border-left:1px solid var(--line);color:var(--green-dark);font-size:12px}.add-task-form .add-task-button{border:0;border-left:1px solid var(--ink);color:#fff;background:var(--green);font-weight:700}.add-task-form .add-task-button:hover:not(:disabled),.add-task-form .add-task-button:focus-visible{background:var(--green-dark);outline:0}.add-task-form .add-task-button:disabled{color:#87918c;cursor:not-allowed;background:#e9eeeb}.add-task-form .new-task-range-button,.add-task-form .new-task-reminder-button{color:var(--muted);background:var(--paper);opacity:.55;border:0;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.add-task-form .new-task-range-button:hover,.add-task-form .new-task-range-button.is-active,.add-task-form .new-task-reminder-button:hover,.add-task-form .new-task-reminder-button.is-active{color:var(--green-dark);background:var(--paper);opacity:1}.add-task-form .new-task-range-button:focus-visible,.add-task-form .new-task-reminder-button:focus-visible{outline:2px solid var(--green);outline-offset:-3px;opacity:1}.new-task-range-editor{border-top:1px solid var(--line);background:var(--green-pale);grid-column:1/-1;align-items:center;gap:10px;padding:9px 13px;display:flex}.new-task-range-editor strong{color:var(--green-dark);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.add-task-form .new-task-range-editor input{border:1px solid var(--line);width:142px;height:34px;padding:0 8px;font-size:11px}.new-task-range-editor>span{color:var(--muted);font-size:9px}.new-task-reminder-editor{border-top:1px solid var(--line);background:var(--green-pale);grid-column:1/-1;grid-template-columns:auto 142px 112px 1fr;align-items:center;gap:8px;padding:11px 13px;display:grid}.new-task-reminder-editor strong{color:var(--green-dark);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:10px}.add-task-form .new-task-reminder-editor input{border:1px solid var(--line);width:100%;height:34px;padding:0 8px;font-size:11px}.add-task-form .new-task-reminder-editor input:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.new-task-reminder-copy{color:var(--muted);font-size:10px}.task-list{border-top:1px solid var(--line-light)}.add-task-form+.task-list{margin-top:18px}.selected-day-birthdays{border:1px solid var(--line);background:var(--green-pale);gap:5px;margin:0 0 12px;padding:10px 12px;display:grid}.selected-day-birthdays>div{color:var(--green-dark);align-items:center;gap:8px;font-size:11px;display:flex}.selected-day-birthdays strong{font-size:12px}.selected-day-birthdays small{color:var(--muted);margin-left:auto;font-size:9px}.selected-day-birthdays>div.is-own-birthday{background:#fff9dc;border:1px solid #d1aa35;padding:7px 9px}.selected-day-holidays{border:1px solid var(--line);background:#f4f8f5;gap:5px;margin:0 0 12px;padding:10px 12px;display:grid}.selected-day-holidays>div{color:var(--green-dark);align-items:center;gap:8px;font-size:11px;display:flex}.selected-day-holidays strong{font-size:12px}.task-item{border-bottom:1px solid var(--line-light)}.task-row{justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:9px 0;display:flex}.task-row label{cursor:pointer;flex:1;align-items:center;gap:11px;min-width:0;display:flex}.task-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);flex:none;margin:0}.task-read-only-copy{flex:1;min-width:0}.task-copy{overflow-wrap:anywhere;align-items:baseline;gap:9px;min-width:0;font-size:14px;display:flex}.task-copy small{color:var(--muted);flex:none;font-size:10px}.task-actions{flex:none;align-items:center;gap:10px;display:flex}.task-actions button{background:0 0;border:0}.task-actions .reminder-button,.task-actions .edit-task-button{width:28px;height:28px;color:var(--muted);opacity:.55;background:0 0;border:0;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.task-actions .reminder-button:hover,.task-actions .edit-task-button:hover{color:var(--green-dark);opacity:1;background:0 0}.task-actions .reminder-button:focus-visible,.task-actions .edit-task-button:focus-visible{outline:2px solid var(--green);outline-offset:2px;opacity:1;background:0 0}.task-actions .reminder-button.has-reminder{opacity:1;background:0 0;border:0}.task-actions .delete-button{width:24px;height:24px;color:var(--muted);opacity:.5;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.task-actions .delete-button:hover{color:var(--danger);opacity:1}.task-actions .delete-button:focus-visible{color:var(--danger);outline:2px solid var(--danger);outline-offset:1px;opacity:1}.task-row.is-completed .task-copy>span{color:var(--muted);text-decoration:line-through}.task-item.is-completing .task-row{animation:.65s cubic-bezier(.22,1,.36,1) both task-complete}.task-item.is-completing .task-actions{opacity:0;transition:opacity .18s}@keyframes task-complete{0%{opacity:1;background:0 0;transform:translate(0)}38%{opacity:1;background:var(--green-pale);transform:translate(0)}68%{opacity:1;background:var(--green-pale);transform:translate(0)}to{opacity:0;background:var(--green-pale);transform:translate(16px)}}.delete-dialog{border:1px solid var(--ink);width:min(390px,100vw - 36px);color:var(--ink);background:var(--paper);padding:0;box-shadow:0 24px 70px #11231d3d}.delete-dialog::backdrop{background:#0d1b1685}.delete-dialog-content{padding:24px}.delete-dialog-content h2{margin:5px 0 10px;font-size:21px}.delete-dialog-content>p:not(.section-kicker){color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.delete-dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.delete-dialog-actions button{border:1px solid var(--line);min-width:82px;height:38px;color:var(--ink);background:var(--paper);padding:0 14px;font-size:11px;font-weight:700}.delete-dialog-actions button:hover:not(:disabled),.delete-dialog-actions button:focus-visible{border-color:var(--green);outline:0}.delete-dialog-actions .confirm-delete-button{color:#fff;border-color:var(--danger);background:var(--danger)}.delete-dialog-actions .confirm-delete-button:hover:not(:disabled),.delete-dialog-actions .confirm-delete-button:focus-visible{background:#7e291f;border-color:#7e291f}.delete-dialog-actions button:disabled{opacity:.55;cursor:not-allowed}.reminder-editor{border-top:1px solid var(--line-light);background:var(--green-pale);grid-template-columns:auto 142px 112px auto auto;align-items:center;gap:8px;padding:11px;display:grid}.reminder-editor strong{color:var(--green-dark);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:10px}.reminder-editor input{border:1px solid var(--line);width:100%;height:34px;color:var(--ink);background:var(--paper);outline:0;padding:0 8px;font-size:11px}.reminder-editor input:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.reminder-editor button{border:1px solid var(--green);color:#fff;background:var(--green);height:34px;padding:0 10px;font-size:10px;font-weight:700}.reminder-editor button:hover:not(:disabled),.reminder-editor button:focus-visible{background:var(--green-dark);outline:0}.reminder-editor button.remove-reminder{color:var(--danger);border-color:var(--line);background:var(--paper)}.reminder-editor button.remove-reminder:hover:not(:disabled),.reminder-editor button.remove-reminder:focus-visible{border-color:var(--danger);background:#fff6f4}.reminder-editor button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.reminder-editor p{color:var(--danger);grid-column:1/-1;margin:1px 0 0;font-size:10px}.task-editor{border-top:1px solid var(--line-light);background:var(--green-pale);grid-template-columns:minmax(150px,1fr) 126px 126px 104px auto auto;align-items:end;gap:8px;padding:11px;display:grid}.task-editor>strong{color:var(--green-dark);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:10px}.task-editor label{min-width:0;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:4px;font-size:8px;font-weight:750;display:grid}.task-editor label small{letter-spacing:0;text-transform:none;font-size:8px;font-weight:500}.task-editor input{border:1px solid var(--line);width:100%;min-width:0;height:34px;color:var(--ink);background:var(--paper);outline:0;padding:0 8px;font-size:11px}.task-editor input:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.task-editor button{border:1px solid var(--green);color:#fff;background:var(--green);height:34px;padding:0 10px;font-size:10px;font-weight:700}.task-editor button:hover:not(:disabled),.task-editor button:focus-visible{background:var(--green-dark);outline:0}.task-editor .cancel-task-edit{color:var(--muted);border-color:var(--line);background:var(--paper)}.task-editor .cancel-task-edit:hover:not(:disabled),.task-editor .cancel-task-edit:focus-visible{color:var(--green-dark);border-color:var(--green);background:var(--paper)}.task-editor button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.task-editor>small,.task-editor>p{grid-column:1/-1;margin:0;font-size:9px}.task-editor>small{color:var(--muted)}.task-editor>p{color:var(--danger)}.upcoming-groups,.month-groups{border-top:1px solid var(--line)}.upcoming-day,.month-day{padding:18px 0 0}.month-section{border-bottom:0}.day-heading{justify-content:space-between;gap:20px;margin-bottom:8px;display:flex}.day-heading h3{margin:0;font-size:12px;font-weight:750}.day-heading h3 button{color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;padding:0}.day-heading h3 button:hover,.day-heading h3 button:focus-visible{color:var(--green-dark);outline:0}.day-heading>span{color:var(--muted);font-size:10px}.day-empty{color:var(--muted);margin:0 0 14px;font-size:12px}.empty-copy{color:var(--muted);margin:18px 0 0;font-size:13px}.loading-indicator{min-height:42px;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.loading-indicator.is-compact{min-height:28px;font-size:10px}.loading-spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;flex:none;width:18px;height:18px;animation:.75s linear infinite life-spin}.loading-indicator.is-compact .loading-spinner{width:14px;height:14px}.access-section .loading-indicator{margin-top:12px}.device-list .loading-indicator{padding:12px 0}.notification-control>.loading-indicator{display:flex}@keyframes life-spin{to{transform:rotate(360deg)}}.habits-section{border-bottom:0;min-height:480px}.habits-heading{align-items:center}.habit-create-form{border:1px solid var(--ink);background:var(--paper);grid-template-columns:minmax(0,1fr) 150px 70px;width:min(100%,620px);margin:0 auto;display:grid}.habit-create-form>input,.habit-create-form>select,.habit-edit-form>input,.habit-edit-form>select{min-width:0;height:46px;color:var(--ink);background:var(--paper);border:0;outline:0;padding:0 12px}.habit-create-form>select,.habit-edit-form>select{border-left:1px solid var(--line);color:var(--green-dark);font-size:11px}.habit-create-form>input:focus,.habit-create-form>select:focus,.habit-edit-form>input:focus,.habit-edit-form>select:focus{box-shadow:inset 0 0 0 2px var(--green)}.habit-create-form>button{border:0;border-left:1px solid var(--ink);color:#fff;background:var(--green);font-size:11px;font-weight:750}.habit-create-form>button:hover:not(:disabled),.habit-create-form>button:focus-visible{background:var(--green-dark);outline:0}.habit-create-form>button:disabled{color:#87918c;cursor:not-allowed;background:#e9eeeb}.habit-frequency-details{border:0;border-top:1px solid var(--line);background:var(--green-pale);grid-column:1/-1;min-width:0;margin:0;padding:10px 12px}.habit-frequency-details legend,.habit-target-picker label{color:var(--green-dark);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.habit-day-picker{align-items:center;gap:6px;display:flex}.habit-day-picker legend{float:left;min-width:72px;padding:0;line-height:30px}.habit-day-picker button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:var(--paper);padding:0;font-size:9px;font-weight:800}.habit-day-picker button:hover,.habit-day-picker button:focus-visible{border-color:var(--green);color:var(--green-dark);outline:0}.habit-day-picker button[aria-pressed=true]{color:#fff;border-color:var(--green);background:var(--green)}.habit-target-picker{align-items:center;gap:12px;display:flex}.habit-target-picker select{border:1px solid var(--line);height:30px;color:var(--green-dark);background:var(--paper);padding:0 9px;font-size:10px}.habit-target-picker select:focus{border-color:var(--green);outline:0}.habit-reminder-field{border-top:1px solid var(--line);min-height:42px;color:var(--green-dark);background:var(--green-pale);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:10px;padding:6px 12px;font-size:9px;font-weight:800;display:flex}.habit-reminder-field>span{min-width:104px}.habit-reminder-field small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:8px;font-weight:600}.habit-reminder-field input{border:1px solid var(--line);width:112px;height:30px;color:var(--ink);background:var(--paper);font:inherit;letter-spacing:0;outline:0;padding:0 8px}.habit-reminder-field input:focus{border-color:var(--green)}.habit-reminder-field button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid;margin-left:auto;padding:2px 0;font-size:8px;font-weight:700}.habit-reminder-field button:hover,.habit-reminder-field button:focus-visible{color:var(--green-dark);outline:0}.habit-week-controls{grid-template-columns:34px minmax(120px,1fr) 34px auto;align-items:center;gap:8px;width:min(100%,620px);margin:28px auto 14px;display:grid}.habit-week-controls strong{text-align:center;font-size:12px}.habit-week-controls button{border:1px solid var(--line);height:32px;color:var(--green-dark);background:var(--paper);padding:0 10px;font-size:9px;font-weight:750}.habit-week-controls button:hover:not(:disabled),.habit-week-controls button:focus-visible{border-color:var(--green);background:var(--green-soft);outline:0}.habit-week-controls button:disabled{color:var(--muted);opacity:.45;cursor:default}.habit-list{border-top:1px solid var(--line);width:min(100%,620px);margin:0 auto}.habit-week-days,.habit-row{grid-template-columns:minmax(170px,1fr) repeat(7,34px);column-gap:7px;display:grid}.habit-week-days{color:var(--muted);align-items:end;padding:0 10px 7px}.habit-week-days>span:not(:first-child){justify-items:center;gap:1px;display:grid}.habit-week-days b,.habit-week-days small{font-size:8px}.habit-row{border-bottom:1px solid var(--line-light);align-items:center;padding:13px 10px;position:relative}.habit-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;min-width:0;padding-right:8px;display:grid}.habit-edit-link{min-width:0;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:750;overflow:hidden}.habit-edit-link:hover,.habit-edit-link:focus-visible{color:var(--green);outline:0}.habit-summary>small{min-width:0;color:var(--muted);white-space:nowrap;grid-column:1;align-items:center;gap:7px;font-size:9px;display:flex;overflow:hidden}.habit-summary>small>span{text-overflow:ellipsis;overflow:hidden}.habit-trend-toggle{color:var(--green);background:0 0;border:0;border-bottom:1px solid;flex:none;padding:0;font-size:8px;font-weight:750}.habit-trend-toggle:hover,.habit-trend-toggle:focus-visible{color:var(--green-dark);outline:0}.habit-scores{white-space:nowrap;grid-area:1/2/span 2;align-items:center;gap:9px;display:flex}.habit-scores>span{color:var(--muted);justify-items:end;gap:1px;font-size:9px;font-weight:750;display:grid}.habit-scores>span.is-met{color:var(--green)}.habit-scores small{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:7px;font-weight:600}.habit-days{display:contents}.habit-days button{border:1px solid var(--line);width:34px;height:34px;color:var(--green-dark);background:var(--paper);padding:0;font-size:13px;font-weight:850;position:relative}.habit-days button.is-scheduled:hover:not(:disabled),.habit-days button.is-scheduled:focus-visible{border-color:var(--green);background:var(--green-soft);outline:0}.habit-days button.is-complete{color:#fff;border-color:var(--green);background:var(--green)}.habit-days button.is-today{box-shadow:inset 0 -3px var(--green)}.habit-days button.is-complete.is-today{box-shadow:inset 0 -3px #fff}.habit-days button.is-unscheduled{border-color:var(--line-light);opacity:.34;background:#fafcfb}.habit-days button:disabled{cursor:default}.habit-days button.is-scheduled:disabled:not(.is-complete){opacity:.48}.habit-note-dot{background:#fff;border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.habit-mobile-day{display:none}.habit-check-in-form{border:1px solid var(--green);background:var(--green-pale);grid-column:1/-1;grid-template-columns:minmax(150px,auto) minmax(180px,1fr);align-items:center;gap:9px 12px;margin-top:12px;padding:11px 12px;display:grid}.habit-check-in-form>div:first-child{gap:2px;display:grid}.habit-check-in-form strong{font-size:10px}.habit-check-in-form small{color:var(--muted);font-size:8px}.habit-check-in-form input{border:1px solid var(--line);min-width:0;height:34px;color:var(--ink);background:var(--paper);outline:0;padding:0 9px;font-size:11px}.habit-check-in-form input:focus{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.habit-check-in-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.habit-check-in-actions button{border:1px solid var(--line);min-height:30px;color:var(--green-dark);background:var(--paper);padding:0 9px;font-size:9px;font-weight:750}.habit-check-in-actions button[type=submit]{border-color:var(--green);color:#fff;background:var(--green)}.habit-check-in-actions button:hover:not(:disabled),.habit-check-in-actions button:focus-visible{border-color:var(--green);background:var(--green-soft);outline:0}.habit-check-in-actions button[type=submit]:hover:not(:disabled),.habit-check-in-actions button[type=submit]:focus-visible{background:var(--green-dark)}.habit-check-in-actions .habit-remove-check-in{color:var(--danger);background:0 0;border:0;border-bottom:1px solid;margin-right:auto}.habit-check-in-actions button:disabled{opacity:.5;cursor:wait}.habit-trend-card{border:1px solid var(--line);background:var(--green-pale);grid-column:1/-1;margin-top:12px;padding:12px 13px 9px}.habit-trend-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:4px;display:flex}.habit-trend-heading>div{gap:2px;display:grid}.habit-trend-heading span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:750}.habit-trend-heading strong{font-size:12px}.habit-trend-heading b{color:var(--green-dark);font-size:17px}.habit-trend-chart{width:100%;height:auto;display:block;overflow:visible}.habit-trend-chart line{stroke:var(--line);stroke-width:1px}.habit-trend-chart text{fill:var(--muted);font-size:8px}.habit-trend-chart .habit-trend-line{fill:none;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.habit-trend-chart circle{fill:var(--paper);stroke:var(--green);stroke-width:2px}.habit-trend-chart .habit-trend-date{font-size:8px;font-weight:650}.habit-edit-form{border:1px solid var(--green);grid-column:1/-1;grid-template-columns:minmax(0,1fr) 150px;margin-top:12px;display:grid}.habit-edit-form .habit-frequency-details{grid-column:1/-1}.habit-edit-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;gap:8px;padding:9px 10px;display:flex}.habit-edit-actions button{border:1px solid var(--line);min-width:58px;height:31px;color:var(--green-dark);background:var(--paper);padding:0 9px;font-size:9px;font-weight:750}.habit-edit-actions button[type=submit]{color:#fff;border-color:var(--green);background:var(--green)}.habit-edit-actions button:hover:not(:disabled),.habit-edit-actions button:focus-visible{border-color:var(--green);background:var(--green-soft);outline:0}.habit-edit-actions button[type=submit]:hover:not(:disabled),.habit-edit-actions button[type=submit]:focus-visible{background:var(--green-dark)}.habit-edit-actions .habit-remove-button{color:var(--danger);border:0;border-bottom:1px solid;margin-right:auto}.habit-edit-actions button:disabled{opacity:.5;cursor:not-allowed}.habits-empty{color:var(--muted);text-align:center;margin:32px 0 0;font-size:12px}.habits-error{color:var(--danger);text-align:center;margin:16px 0 0;font-size:12px}.habit-heatmap-card{border-top:1px solid var(--line);width:min(100%,620px);margin:34px auto 0;padding-top:22px}.habit-heatmap-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.habit-heatmap-heading h3{letter-spacing:-.02em;margin:0;font-size:16px}.habit-heatmap-heading>strong{min-width:54px;color:var(--green-dark);text-align:right;font-size:22px;line-height:1}.habit-heatmap-card>.loading-indicator{min-height:112px}.habit-heatmap-wrap{border:1px solid var(--line);background:var(--green-pale);justify-content:center;gap:8px;padding:15px;display:flex;overflow-x:auto}.habit-heatmap-weekdays{color:var(--muted);grid-template-rows:repeat(7,12px);gap:4px;font-size:7px;line-height:12px;display:grid}.habit-heatmap-weekdays span:first-child{grid-row:1}.habit-heatmap-weekdays span:nth-child(2){grid-row:3}.habit-heatmap-weekdays span:nth-child(3){grid-row:5}.habit-heatmap-grid{grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:4px;width:max-content;display:grid}.habit-heatmap-grid>span,.habit-heatmap-footer i{border:1px solid #17312a14;width:12px;height:12px;display:block}.heatmap-level-0{background:#edf2ef}.heatmap-level-1{background:#c8ded3}.heatmap-level-2{background:#8cb8a5}.heatmap-level-3{background:#4f8873}.heatmap-level-4{background:var(--green)}.habit-heatmap-grid>span.is-future{background:0 0;border-color:#0000}.habit-heatmap-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:9px;font-size:8px;display:flex}.habit-heatmap-footer>div{align-items:center;gap:4px;display:flex}.habit-heatmap-footer i{width:9px;height:9px}.habit-heatmap-empty{border:1px solid var(--line);color:var(--muted);background:var(--green-pale);text-align:center;margin:0;padding:22px 14px;font-size:11px}.notes-section{border-bottom:0;min-height:480px}.notes-heading{align-items:center}.notes-search{width:min(100%,560px);margin:0 auto 12px}.notes-search input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:var(--green-pale);outline:0;padding:0 13px;font-size:12px}.notes-search input:focus{border-color:var(--green);background:var(--paper);box-shadow:inset 0 0 0 1px var(--green)}.note-composer-wrap{width:min(100%,560px);margin:0 auto}.note-compose-trigger-row{grid-template-columns:minmax(0,1fr) 86px;display:grid}.note-compose-trigger{border:1px solid var(--line);width:100%;min-height:48px;color:var(--muted);background:var(--paper);text-align:left;padding:0 15px;font-size:13px;font-weight:650;box-shadow:0 4px 14px #17312a17}.note-compose-trigger:hover,.note-compose-trigger:focus-visible{border-color:var(--green);color:var(--ink);outline:0}.new-list-button{border:1px solid var(--line);color:var(--green-dark);background:var(--green-pale);border-left:0;font-size:10px;font-weight:750}.new-list-button:hover,.new-list-button:focus-visible{color:#fff;background:var(--green);outline:0}.note-composer{border:1px solid var(--green);background:var(--paper);display:grid;box-shadow:0 7px 20px #17312a1f}.note-type-switch{gap:0;padding:9px 11px 0;display:flex}.note-type-switch button{border:1px solid var(--line);min-width:52px;height:29px;color:var(--muted);background:var(--paper);padding:0 10px;font-size:9px;font-weight:750}.note-type-switch button+button{border-left:0}.note-type-switch button:hover,.note-type-switch button:focus-visible{color:var(--green-dark);background:var(--green-pale);outline:0}.note-type-switch button.is-active{color:#fff;border-color:var(--green);background:var(--green)}.note-format-toolbar{padding:2px 11px 3px;display:flex}.note-format-toolbar button{border:1px solid var(--line);width:28px;height:26px;color:var(--green-dark);background:var(--paper);padding:0;font-size:11px;font-weight:850}.note-format-toolbar button+button{border-left:0}.note-format-toolbar .note-italic-button{font-style:italic;font-weight:650}.note-format-toolbar .note-bullets-button{font-size:15px;font-weight:650}.note-format-toolbar button:hover,.note-format-toolbar button:focus-visible{border-color:var(--green);background:var(--green-pale);outline:0}.note-rich-editor-wrap{display:grid}.note-rich-editor{min-height:98px;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;outline:0;padding:7px 14px 12px;font-size:13px;line-height:1.55}.note-rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.note-rich-editor ul{margin:2px 0;padding-left:21px}.note-rich-editor li{padding-left:2px}.note-rich-editor strong{font-weight:800}.note-card-edit .note-rich-editor{min-height:150px}.note-composer>input,.note-composer>textarea,.note-card-edit>input,.note-card-edit>textarea{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 14px}.note-composer>input,.note-card-edit>input{padding-bottom:7px;font-size:14px;font-weight:750}.note-composer>textarea,.note-card-edit>textarea{resize:vertical;min-height:98px;padding-top:7px;font-size:13px;line-height:1.55}.note-form-actions{border-top:1px solid var(--line-light);justify-content:flex-end;gap:8px;padding:9px 11px 11px;display:flex}.note-form-actions button{border:1px solid var(--green);color:#fff;background:var(--green);min-width:66px;height:34px;padding:0 11px;font-size:10px;font-weight:750}.note-form-actions button:hover:not(:disabled),.note-form-actions button:focus-visible{background:var(--green-dark);outline:0}.note-form-actions button.note-secondary-button{color:var(--green-dark);border-color:var(--line);background:var(--paper)}.note-form-actions button.note-secondary-button:hover:not(:disabled),.note-form-actions button.note-secondary-button:focus-visible{border-color:var(--green);background:var(--green-pale)}.note-form-actions .note-archive-button{color:var(--muted);margin-right:auto;font-weight:650}.note-form-actions button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.notes-error{color:var(--danger);text-align:center;margin:14px 0 0;font-size:12px}.notes-grid{columns:2 270px;column-gap:14px;margin-top:28px}.note-card{break-inside:avoid;border:1px solid var(--line);background:var(--paper);vertical-align:top;width:100%;margin:0 0 14px;display:inline-block}.note-card:hover{border-color:#afc2b8;box-shadow:0 4px 14px #17312a12}.note-card-content{padding:15px 15px 12px}.note-card-content h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;line-height:1.35}.note-card-content p{overflow-wrap:anywhere;white-space:pre-wrap;max-height:250px;margin:0;font-size:12px;line-height:1.55;overflow:hidden}.note-card-content strong{font-weight:800}.note-card-content a,.note-checklist-preview a{color:var(--green);text-underline-offset:2px;text-decoration:underline}.note-card-content a:hover,.note-card-content a:focus-visible,.note-checklist-preview a:hover,.note-checklist-preview a:focus-visible{color:var(--green-dark);outline:1px solid var(--green);outline-offset:2px}.checklist-editor{gap:2px;padding:7px 11px 11px;display:grid}.checklist-edit-row{grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;display:grid}.checklist-edit-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0}.checklist-edit-row input[type=text]{width:100%;min-width:0;height:34px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;outline:0;padding:0 4px;font-size:12px;font-weight:400}.checklist-edit-row input[type=text]:focus{border-bottom-color:var(--green)}.checklist-edit-row>button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;padding:0;font-size:16px}.checklist-edit-row>button:hover,.checklist-edit-row>button:focus-visible{color:var(--danger);outline:0}.add-list-item-button{border:0;border-bottom:1px solid var(--line);color:var(--green-dark);background:0 0;justify-self:start;margin:5px 0 0 26px;padding:4px 0;font-size:10px;font-weight:700}.add-list-item-button:hover,.add-list-item-button:focus-visible{border-bottom-color:var(--green);outline:0}.note-checklist-preview{gap:8px;display:grid}.note-checklist-preview>div{grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;min-width:0;font-size:12px;line-height:1.45;display:grid}.note-checklist-preview input{width:15px;height:15px;accent-color:var(--green);margin:1px 0 0}.note-checklist-preview span{overflow-wrap:anywhere;min-width:0}.note-checklist-preview .is-checked>span{color:var(--muted);text-decoration:line-through}.note-card-footer{border-top:1px solid var(--line-light);justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:7px 10px 7px 15px;display:flex}.note-card-footer time{color:var(--muted);font-size:9px}.note-card-footer>div{align-items:center;gap:9px;display:flex}.note-card-footer button{color:var(--muted);background:0 0;border:0;padding:3px 0;font-size:9px}.note-card-footer button:hover,.note-card-footer button:focus-visible{color:var(--green-dark);outline:0}.note-card-footer button:disabled{opacity:.5;cursor:wait}.note-card-footer .note-edit-button,.note-card-footer .note-restore-button{color:var(--green-dark);font-weight:750}.note-card-footer .note-delete-button{opacity:.55;width:22px;font-size:17px;line-height:1}.note-card-footer .note-delete-button:hover,.note-card-footer .note-delete-button:focus-visible{color:var(--danger);opacity:1}.note-card-edit{display:inline-grid}.note-card-edit>textarea{min-height:150px}.notes-empty{text-align:center}.archived-notes{border-top:1px solid var(--line);margin-top:34px}.archived-notes>summary{min-height:48px;color:var(--green-dark);background:var(--green-pale);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:11px;font-weight:800;list-style:none;display:flex}.archived-notes>summary::-webkit-details-marker{display:none}.archived-notes>summary:before{content:"+";width:14px;font-size:16px;font-weight:500}.archived-notes[open]>summary:before{content:"−"}.archived-notes>summary>span:first-child{flex:1}.archived-notes>summary:hover,.archived-notes>summary:focus-visible{color:#fff;background:var(--green);outline:0}.archived-notes-grid{margin-top:16px}.archived-note-card{background:#fafcfb}.archived-notes-empty{margin:20px 0 0}.birthdays-section{border-bottom:0;min-height:480px}.birthdays-heading{align-items:center}.my-birthday-setting{border:1px solid var(--green);background:var(--green-pale);width:min(100%,620px);margin:0 auto;padding:16px}.my-birthday-heading{align-items:center;gap:11px;display:flex}.my-birthday-heading>span{font-size:22px;line-height:1}.my-birthday-heading>div{gap:3px;display:grid}.my-birthday-heading strong{color:var(--green-dark);font-size:13px}.my-birthday-heading small{color:var(--muted);font-size:9px}.my-birthday-form{grid-template-columns:140px 70px 76px auto;gap:8px;margin-top:14px;display:grid}.my-birthday-form select,.my-birthday-form button{border:1px solid var(--line);background:var(--paper);min-width:0;height:36px;font-size:10px}.my-birthday-form select{color:var(--green-dark);padding:0 9px}.my-birthday-form button[type=submit]{border-color:var(--green);color:#fff;background:var(--green);font-weight:750}.my-birthday-form button:hover:not(:disabled),.my-birthday-form button:focus-visible{border-color:var(--green-dark);outline:0}.my-birthday-form button[type=submit]:hover:not(:disabled),.my-birthday-form button[type=submit]:focus-visible{background:var(--green-dark)}.my-birthday-form button:disabled{color:#87918c;border-color:var(--line);cursor:not-allowed;background:#e9eeeb}.my-birthday-form .my-birthday-clear{width:max-content;color:var(--danger);background:0 0;border:0;border-bottom:1px solid;padding:0 3px}.my-birthday-message{color:var(--green-dark);margin:10px 0 0;font-size:10px}.birthday-subheading{width:min(100%,620px);color:var(--green-dark);justify-content:space-between;align-items:center;margin:26px auto 10px;font-size:11px;display:flex}.birthday-form{border:1px solid var(--ink);grid-template-columns:minmax(0,1fr) 126px 70px 72px;width:min(100%,620px);margin:0 auto;display:grid}.birthday-form input,.birthday-form select{min-width:0;height:46px;color:var(--ink);background:var(--paper);border:0;outline:0;padding:0 13px}.birthday-form select{border-left:1px solid var(--line);color:var(--green-dark);font-size:11px}.birthday-form input:focus,.birthday-form select:focus{box-shadow:inset 0 0 0 2px var(--green)}.birthday-form button{border:0;border-left:1px solid var(--ink);color:#fff;background:var(--green);font-size:10px;font-weight:750}.birthday-form button:hover:not(:disabled),.birthday-form button:focus-visible{background:var(--green-dark);outline:0}.birthday-form button:disabled{color:#87918c;cursor:not-allowed;background:#e9eeeb}.birthdays-error{color:var(--danger);text-align:center;margin:14px 0 0;font-size:12px}.birthday-list{border-top:1px solid var(--line);width:min(100%,620px);margin:28px auto 0;display:grid}.birthday-row{border-bottom:1px solid var(--line-light);grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:13px;min-height:70px;padding:11px 4px;display:grid}.birthday-date-tile{border:1px solid var(--green);height:48px;color:var(--green-dark);background:var(--green-pale);align-content:center;justify-items:center;line-height:1;display:grid}.birthday-date-tile span{letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:800}.birthday-date-tile strong{font-size:18px}.birthday-copy{min-width:0}.birthday-copy h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:13px}.birthday-copy p{color:var(--muted);margin:0;font-size:10px}.birthday-delete-button{width:26px;height:26px;color:var(--muted);opacity:.5;background:0 0;border:0;place-items:center;padding:0;font-size:18px;display:grid}.birthday-delete-button:hover,.birthday-delete-button:focus-visible{color:var(--danger);outline:2px solid var(--danger);opacity:1}.birthdays-empty{text-align:center}.error-message{color:var(--danger);background:#fff6f4;border-bottom:1px solid #d9a7a0;justify-content:space-between;gap:18px;padding:11px 30px;font-size:12px;display:flex}.error-message button{color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){.planner-page{width:100%;box-shadow:none;border:0;margin:0}.topbar,section{padding-left:18px;padding-right:18px}.topbar{padding-top:22px;padding-bottom:20px}.topbar h1{font-size:23px}.topbar-action{font-size:10px}.offline-banner{padding-left:18px;padding-right:18px}.settings-tabs{min-height:44px}.settings-tabs button{font-size:10px}.primary-view-tabs button{width:100%}.task-view-tabs{gap:14px;padding-left:18px;padding-right:18px}section{padding-top:25px;padding-bottom:25px}.completed-section{padding:18px}.calendar-heading-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:9px;margin-bottom:10px;display:grid}.calendar-heading-row>div:first-child{grid-area:1/1}.calendar-actions{display:contents}.month-controls{grid-area:2/1/auto/-1;grid-template-columns:34px 1fr 34px;width:100%;margin-top:0}.current-day-button{grid-area:1/2}.date-grid button{min-height:64px;padding:0;font-size:11px}.calendar-cell-top{display:block}.calendar-date-label{min-height:0;position:absolute;top:6px;left:5px}.calendar-counts{flex-direction:row;align-items:center;gap:2px;position:absolute;top:4px;right:4px}.calendar-counts.has-open-count.has-completed-count{justify-content:flex-end;bottom:auto}.calendar-counts.has-completed-count:not(.has-open-count){top:4px;bottom:auto}.calendar-events{gap:2px;min-height:0;margin:0;position:absolute;top:26px;left:4px}.date-grid button.has-calendar-events:not(.has-weather):not(.has-task-counts) .calendar-events{top:auto;bottom:5px;left:50%;transform:translate(-50%)}.date-grid small{min-width:13px;height:13px;font-size:7px}.date-grid button .calendar-birthday-marker{min-width:14px;height:14px;color:inherit;background:0 0;border:0;padding:0;font-size:10px}.date-grid button.selected .calendar-birthday-marker{color:inherit;background:0 0;border:0}.calendar-holiday-marker{min-width:14px;height:14px;font-size:10px}.date-grid .calendar-completed-count{gap:1px;padding:0 2px}.calendar-weather{gap:1px;bottom:4px;left:4px;right:auto}.calendar-weather-icon{font-size:11px}.calendar-weather strong{font-size:8px}.calendar-weather-range{display:none}.weekday-row span{padding:7px 2px;font-size:8px}.add-task-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px 38px 62px}.add-task-form>input:first-of-type{border-bottom:1px solid var(--line);grid-column:1/-1}.add-task-form .date-input{border-left:0}.add-task-form .date-input,.add-task-form .time-input{width:100%;padding-left:8px;padding-right:8px;font-size:11px}.add-task-form .new-task-range-button,.add-task-form .new-task-reminder-button,.add-task-form .add-task-button{min-height:47px}.new-task-range-editor{flex-wrap:wrap;align-items:center}.new-task-range-editor>span{width:100%}.new-task-reminder-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.new-task-reminder-editor strong,.new-task-reminder-copy{grid-column:1/-1}.task-row{align-items:flex-start;gap:6px}.task-row label{align-items:flex-start;gap:8px;padding-top:6px}.task-row input[type=checkbox]{margin-top:1px}.task-read-only-copy{padding-top:6px}.task-copy{gap:2px;display:grid}.task-actions{align-self:flex-start;gap:0}.task-actions .reminder-button,.task-actions .edit-task-button,.task-actions .delete-button{width:32px;height:32px}.notes-grid{columns:1}.birthday-form{grid-template-columns:minmax(0,1fr) 70px 72px}.birthday-form>input:first-of-type{border-bottom:1px solid var(--line);grid-column:1/-1}.birthday-form select:first-of-type{border-left:0}.my-birthday-form{grid-template-columns:minmax(0,1fr) 64px 72px}.my-birthday-form .my-birthday-clear{grid-column:1/-1}.notification-control{align-items:flex-start;display:grid}.notification-buttons{flex-wrap:wrap}.reminder-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.reminder-editor label{min-width:0}.reminder-editor strong{grid-column:1/-1}.reminder-editor button.remove-reminder{grid-column:1/-1;justify-self:start}.task-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.task-editor .task-editor-title,.task-editor .task-editor-time,.task-editor>strong{grid-column:1/-1}.task-editor button{width:100%}.add-device-heading{align-items:flex-start;gap:14px;display:grid}.add-device-heading>button{justify-self:start}.pairing-card{grid-template-columns:1fr;padding:16px}.qr-code{min-height:204px}.habit-create-form{grid-template-columns:minmax(0,1fr) 72px}.habit-create-form>input{border-bottom:1px solid var(--line);grid-column:1/-1}.habit-create-form>select{border-left:0}.habit-create-form>button{min-height:46px}.habit-day-picker{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.habit-day-picker legend{grid-column:1/-1;width:100%;min-width:0;line-height:1.2}.habit-day-picker button{width:100%}.habit-week-controls{grid-template-columns:34px minmax(0,1fr) 34px}.habit-week-controls .habit-current-week{grid-column:2}.habit-week-days{display:none}.habit-row{padding:14px 6px;display:block}.habit-summary{padding:0 3px}.habit-days{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px;display:grid}.habit-days button{align-content:center;justify-items:center;gap:1px;width:100%;height:39px;display:grid}.habit-check-in-form{grid-template-columns:1fr;margin-left:3px;margin-right:3px}.habit-check-in-actions{flex-wrap:wrap;grid-column:1}.habit-check-in-actions .habit-remove-check-in{text-align:left;width:100%;margin-right:0}.habit-trend-card{margin-left:3px;margin-right:3px;padding-left:8px;padding-right:8px}.habit-mobile-day{opacity:.68;font-size:7px;font-weight:750;display:block}.habit-edit-form{grid-template-columns:1fr}.habit-edit-form>select{border-top:1px solid var(--line);border-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}