html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button{--button-surface: transparent;--button-hover-surface: var(--pressed);--button-foreground: var(--text);--button-border: transparent;display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-block-size:36px;padding:6px 12px;border:1px solid var(--button-border);border-radius:var(--radius-control);background:var(--button-surface);color:var(--button-foreground);font-family:var(--font-interface, inherit);font-size:13px;font-weight:500;line-height:20px;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color var(--motion-fast, .14s) ease}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--primary{--button-surface: var(--action-primary);--button-hover-surface: var(--action-primary-hover);--button-foreground: var(--action-primary-contrast)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--secondary{--button-surface: var(--secondary-surface);--button-hover-surface: color-mix(in srgb, var(--text) 14%, var(--surface));--button-border: var(--separator)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--danger{--button-surface: var(--state-danger);--button-hover-surface: color-mix(in srgb, var(--state-danger) 85%, #000);--button-foreground: var(--action-primary-contrast)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--danger-ghost{--button-foreground: var(--state-danger);--button-hover-surface: var(--state-danger-surface)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--success{--button-surface: var(--state-success);--button-hover-surface: color-mix(in srgb, var(--state-success) 85%, #000);--button-foreground: var(--action-primary-contrast)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button--compact{min-block-size:32px;padding:4px 8px}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button>svg{display:block;flex:0 0 16px;inline-size:16px;block-size:16px}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button:is(:hover,:focus-visible):not(:disabled){background:var(--button-hover-surface);color:var(--button-foreground)}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button:active:not(:disabled){background:var(--button-hover-surface);transform:none}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button:disabled{opacity:.55;cursor:default}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button.ui-icon-button{inline-size:36px;min-inline-size:36px;padding:0}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button.ui-icon-button--compact{inline-size:32px;min-inline-size:32px}@media(pointer:coarse){html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button{min-block-size:44px;min-inline-size:44px}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button.ui-icon-button{inline-size:44px;min-inline-size:44px}}@media(prefers-reduced-motion:reduce){html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button{transition:none}}@media(forced-colors:active){html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button{border-color:ButtonText;color:ButtonText;background:ButtonFace}html :is(body #root,body dialog,body [role=menu],body [role=dialog],body [role=alertdialog],body.landing-page) .ui-button:disabled{color:GrayText}}.dialog-interaction-surface,.dialog-interaction-popover{--dialog-focus-ring: var(--accent, Highlight);--dialog-touch-target: 44px}.dialog-interaction-surface::backdrop{background:#00000057}.dialog-interaction-surface :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):is(:focus,:focus-visible),.dialog-interaction-popover :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):is(:focus,:focus-visible){outline:none;box-shadow:none}.dialog-interaction-surface .dialog-actions,.dialog-interaction-surface .task-editor-footer{gap:10px}.dialog-interaction-surface .task-editor-delete>button,.dialog-interaction-surface .delete-task-confirm>button,.dialog-interaction-surface .settings-nav button,.dialog-interaction-surface .settings-group button,.dialog-interaction-surface .settings-group a.text-button,.dialog-interaction-surface .settings-group input:not([type=hidden]),.dialog-interaction-surface .settings-group select{min-height:var(--dialog-touch-target)}@media(pointer:coarse){.dialog-interaction-surface .dialog-actions>button{min-height:var(--dialog-touch-target)}}.dialog-interaction-surface .task-editor-footer{align-items:center;flex-wrap:wrap}.dialog-interaction-surface .task-editor-delete{min-width:0}.dialog-interaction-surface .delete-task-confirm{align-items:center;min-height:var(--dialog-touch-target);padding:4px 0}.dialog-interaction-surface .settings-content-header{gap:16px}.dialog-interaction-surface .settings-heading-group{min-width:0}.dialog-interaction-surface .settings-heading-group>span{display:block;margin-top:3px;color:var(--tertiary-text);font-size:11px;line-height:1.35}.dialog-interaction-popover{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:min(520px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-visible, var(--separator));border-radius:var(--radius-surface);color:var(--text);background:var(--surface-raised, Canvas);box-shadow:var(--elevation-modal, 0 16px 44px rgba(0, 0, 0, .2))}.dialog-interaction-popover :where(button,a[href],input,select,textarea){min-height:var(--dialog-touch-target)}@media(max-width:560px){.dialog-interaction-surface .settings-content-header{align-items:flex-start;padding-top:14px;padding-bottom:14px}}@media(prefers-reduced-motion:reduce){.dialog-interaction-surface,.dialog-interaction-popover{animation-duration:1ms!important;transition-duration:1ms!important}}@media(forced-colors:active){.dialog-interaction-surface :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible,.dialog-interaction-popover :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline-color:HighlightText;box-shadow:none}.dialog-interaction-surface .dialog-close-button{border-color:ButtonText;color:ButtonText;background:ButtonFace}}.daily-priority-medal,.task-panel .complete-button[data-priority-rank]{--priority-color: var(--priority-gold, #a56c13);display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:2px solid var(--priority-color);border-radius:50%;background:color-mix(in srgb,var(--priority-color) 14%,var(--surface-raised));color:var(--priority-color);font-size:13px;font-weight:700;line-height:1}.daily-priority-medal[data-rank="2"],.task-panel .complete-button[data-priority-rank="2"]{--priority-color: var(--priority-silver, #777f8a)}.daily-priority-medal[data-rank="3"],.task-panel .complete-button[data-priority-rank="3"]{--priority-color: var(--priority-bronze, #9a6747)}@media(prefers-color-scheme:dark){.daily-priority-medal,.task-panel .complete-button[data-priority-rank]{--priority-color: var(--priority-gold, #e5b85d)}.daily-priority-medal[data-rank="2"],.task-panel .complete-button[data-priority-rank="2"]{--priority-color: var(--priority-silver, #c3cad4)}.daily-priority-medal[data-rank="3"],.task-panel .complete-button[data-priority-rank="3"]{--priority-color: var(--priority-bronze, #d6a080)}}@media(prefers-contrast:more),(forced-colors:active){.daily-priority-medal,.task-panel .complete-button[data-priority-rank],.daily-priority-medal[data-rank="2"],.daily-priority-medal[data-rank="3"],.task-panel .complete-button[data-priority-rank="2"],.task-panel .complete-button[data-priority-rank="3"]{--priority-color: var(--text)}}.task-parent-context{display:block;min-width:0;max-width:100%;overflow:hidden;color:var(--secondary-text);font-size:11px;font-weight:400;line-height:16px;text-overflow:ellipsis;white-space:nowrap}:root{--subtask-inset: 16px;--subtask-title-size: 13px;--task-completion-size: 20px}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtasks{display:grid;gap:2px;margin:4px 0 4px var(--subtask-inset);padding:0 0 0 8px;border-left:1px solid var(--separator);list-style:none}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;margin:0;padding:2px 8px;border:0;border-radius:var(--radius-control);background:transparent;box-shadow:none}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row[data-leading=false]{grid-template-columns:minmax(0,1fr) auto}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row:is(:hover,:has(:focus-visible)){background:var(--pressed)}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-title{display:block;min-width:0;width:100%;min-height:32px;padding:4px 0;border:0;border-radius:0;color:var(--text);background:transparent;font-family:var(--font-interface);font-size:var(--subtask-title-size);font-weight:500;line-height:1.4;text-align:left;overflow-wrap:anywhere}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-title.is-completed{color:var(--secondary-text);text-decoration:line-through}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row .task-title,html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row .calendar-task-title{font-size:var(--subtask-title-size);font-weight:500;line-height:1.4;overflow-wrap:anywhere;white-space:normal}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row .task-picker-row-title{font-size:var(--subtask-title-size);font-weight:500;line-height:1.4}html :is(body #root,body dialog,body [role=dialog],body.landing-page) :is(.task-completion-control,.task-completion-marker){display:grid;place-items:center;position:relative;flex:0 0 32px;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:var(--radius-circle);color:var(--text);background:transparent}.task-completion-control{cursor:pointer}.task-completion-control:disabled{opacity:.55;cursor:default}.task-completion-glyph{display:grid;place-items:center;width:var(--task-completion-size);height:var(--task-completion-size);border:1px solid var(--border-visible);border-radius:50%;font-size:12px;line-height:1}.task-completion-control[aria-pressed=true] .task-completion-glyph,.task-completion-marker[data-completed=true] .task-completion-glyph{border-color:var(--state-success);color:var(--action-primary-contrast);background:var(--state-success)}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-completion-glyph svg{width:13px;height:13px}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-panel .subtask-group{margin:2px 0 6px}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtasks .task-subtasks{margin-inline-start:0;padding-inline-start:0;border:0}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .calendar-tray-row.subtask{margin:0}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .calendar-tray-row.subtask:before{content:none}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row>.calendar-task-main{grid-column:2 / -1;min-width:0;background:transparent}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-editor-subtask-copy{display:grid;min-width:0}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-editor-subtask-copy small{font-size:11px;color:var(--secondary-text)}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-completion-control:active{transform:none}.task-subtask-status{font-size:12px;color:var(--secondary-text)}@media(pointer:coarse){html :is(body #root,body dialog,body [role=dialog],body.landing-page) :is(.task-completion-control,.task-completion-marker){flex-basis:44px;width:44px;height:44px}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-row{grid-template-columns:44px minmax(0,1fr) auto;min-height:44px}html :is(body #root,body dialog,body [role=dialog],body.landing-page) .task-subtask-title{min-height:44px}}html body #root .task-panel .subtask-group{margin-inline:40px 12px}html body #root .task-panel .subtask-group>.task-subtasks{margin-inline:0}html body #root .task-panel .subtask-group>.subtask-list>.subtask-add-button{justify-content:flex-start;width:fit-content;margin-inline-start:8px}.task-panel .subtask-add-button>span{color:var(--secondary-text)}@media(max-width:900px){html body #root .task-panel .subtask-group{margin-inline:24px 8px}}html body #root .task-panel .priority-subtask-list{margin-inline:40px 12px}html body #root .task-panel .subtask-group>.inline-subtask-composer{margin-inline:8px 0}@media(max-width:900px){html body #root .task-panel .priority-subtask-list{margin-inline:24px 8px}}.task-time-summary{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--modal-divider)}.task-time-summary-row{display:flex;align-items:center;gap:12px;min-height:44px;flex-wrap:wrap}.task-time-label{display:inline-flex;align-items:center;gap:8px;color:var(--secondary-text);font-size:.8125rem;min-width:0;flex-shrink:0;white-space:nowrap}.task-time-label svg{width:18px;height:18px;flex:0 0 18px}.task-time-total{display:inline-flex;align-items:center;gap:10px;padding:8px 0;color:var(--text);background:transparent;border:0;font-size:.8125rem;font-variant-numeric:tabular-nums}.task-time-total>span{color:var(--secondary-text)}.task-time-add{margin-left:auto;white-space:nowrap}.work-session-history{margin-top:8px}.work-history-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--modal-divider)}.work-history-entry>div:first-child{display:grid;gap:4px}.work-history-entry strong{font-size:.8125rem;font-weight:550}.work-history-entry span{color:var(--secondary-text);font-size:.75rem}.work-history-actions{display:flex;gap:10px}.work-session-dialog{width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--modal-border);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text)}.work-session-dialog.is-anchored{position:fixed;margin:0}.work-session-dialog.is-anchored::backdrop{background:#0000001f}.work-session-editor{padding:22px}.work-session-editor header,.work-session-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-session-editor h3{margin:0;font-size:1rem;font-weight:600}.work-session-hint{color:var(--secondary-text);font-size:.8125rem;line-height:1.5;margin:10px 0}.work-duration-presets{display:flex;gap:8px;margin:18px 0}.work-duration-presets button,.work-week-navigation button{min-height:36px;padding:7px 14px;border:1px solid var(--modal-border);border-radius:var(--radius-control);background:transparent;color:var(--text)}.work-duration-presets button{flex:1}.work-duration-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.work-duration-label{display:block;color:var(--secondary-text);font-size:.8125rem;margin-bottom:8px}.work-duration-fields{display:flex;gap:12px}.work-duration-fields label{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.work-duration-fields span{font-size:.75rem;color:var(--secondary-text)}.work-session-editor input{box-sizing:border-box;min-height:40px;width:100%;padding:8px 10px;border:1px solid var(--modal-border);border-radius:var(--radius-control);color:var(--text);background:var(--surface-raised);font:inherit}.work-session-date{display:grid;gap:8px;margin:18px 0;color:var(--secondary-text);font-size:.8125rem}.work-session-editor footer{justify-content:flex-end;margin-top:22px}.work-session-error{color:var(--danger, #c34242);font-size:.8125rem;line-height:1.5}.work-insights-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.work-insights-header h2{margin:0;font-size:18px}.work-insights-header p{margin:8px 0 0;color:var(--secondary-text);font-size:13px}.work-week-navigation{display:flex;gap:6px}.work-week-navigation button:disabled{opacity:.35;cursor:default}.work-insights-total{display:flex;align-items:baseline;gap:12px;margin:24px 0}.work-insights-total strong{font-size:28px;font-variant-numeric:tabular-nums}.work-insights-total span{color:var(--secondary-text);font-size:13px}.work-category-group{padding:14px 0}.work-category-group summary{cursor:pointer;list-style:none}.work-category-group summary::-webkit-details-marker{display:none}.work-category-label{display:flex;justify-content:space-between;gap:16px;font-size:14px}.work-category-label>span{display:inline-flex;align-items:center;gap:8px}.work-category-chevron{width:14px;color:var(--secondary-text)}.work-category-group[open] .work-category-chevron{transform:rotate(180deg)}.work-category-label strong{font-weight:500;font-variant-numeric:tabular-nums}.work-category-track{display:block;height:6px;margin-top:10px;border-radius:6px;background:var(--modal-divider);overflow:hidden}.work-category-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.work-category-group ul{padding:0;margin:12px 0 0;list-style:none}.work-category-group li{display:flex;justify-content:space-between;gap:16px;padding:10px 0 10px 12px;font-size:13px}.work-category-group li>span{min-width:0;overflow-wrap:anywhere}.work-category-group small{display:block;margin-top:4px;color:var(--secondary-text)}.work-category-group li strong{flex-shrink:0;font-weight:500}.work-session-dialog button:focus-visible,.work-session-dialog input:focus-visible,.task-time-summary button:focus-visible,.work-time-insights :is(button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.task-time-label{display:inline-flex;align-items:center;gap:8px;min-width:0}.task-time-summary-row{flex-wrap:wrap;gap:8px 12px}.work-insights-header{flex-direction:column}.work-insights-total{align-items:flex-start;flex-direction:column;gap:4px}.work-session-dialog.is-anchored{position:fixed;margin:auto}.work-history-entry{gap:8px}}@media(pointer:coarse){.work-session-dialog button,.task-time-summary button,.work-week-navigation button{min-height:44px}}.task-time-feedback{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--secondary-text);font-size:.8125rem}.task-row.completed:is(.completion-flare-active,.completion-releasing){opacity:1;animation:none}.task-completion-flare{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}.task-completion-wash{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgb(56 174 122 / 17%),rgb(56 174 122 / 5%) 65%,transparent);transform-origin:left center;animation:task-success-wash var(--task-completion-duration) cubic-bezier(.16,1,.3,1) both}.task-row.completion-flare-active>.complete-button{position:relative;overflow:visible;background:#27845d;border-color:#27845d;color:#fff}.task-row.completion-flare-active>.complete-button:after{content:"";position:absolute;inset:-3px;border:1.5px solid #49a77b;border-radius:inherit;pointer-events:none;animation:task-success-ring var(--task-completion-duration) cubic-bezier(.16,1,.3,1) both}.task-row.completion-flare-active>.complete-button svg{animation:task-success-check var(--task-completion-duration) both;transform-origin:center}.task-row.completion-releasing>.task-body{animation:task-success-release var(--task-completion-duration) ease-in both}@keyframes task-success-check{0%{transform:scale(.35) rotate(-16deg);opacity:0}30%{transform:scale(1.28) rotate(3deg);opacity:1}48%{transform:scale(.94) rotate(-1deg)}66%,to{transform:scale(1) rotate(0);opacity:1}}@keyframes task-success-ring{0%,8%{transform:scale(.85);opacity:0}20%{opacity:.65}85%,to{transform:scale(2.25);opacity:0}}@keyframes task-success-wash{0%{transform:scaleX(.02);opacity:0}18%{opacity:1}65%{transform:scaleX(1);opacity:.75}to{transform:scaleX(1);opacity:0}}@keyframes task-success-release{0%,60%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.task-completion-flare,.task-row.completion-flare-active>.complete-button:after{display:none}.task-row.completion-flare-active>.complete-button svg,.task-row.completion-releasing>.task-body{animation:none}}
