:root{--bg:oklch(98.5% .003 250);--surface:#fff;--surface-2:oklch(96.5% .006 250);--border:oklch(88.5% .008 250);--text:oklch(20% .02 260);--text-muted:oklch(50% .018 260);--text-faint:oklch(64% .012 260);--accent:oklch(50% .16 258);--accent-text:#fff;--danger:oklch(53% .19 25);--priority-urgent-marker:oklch(55% .17 22);--priority-urgent-bg:oklch(94% .068 22);--priority-urgent-fg:oklch(38% .17 22);--priority-high-marker:oklch(55% .15 55);--priority-high-bg:oklch(94% .06 55);--priority-high-fg:oklch(38% .15 55);--priority-medium-marker:oklch(55% .13 95);--priority-medium-bg:oklch(94% .052 95);--priority-medium-fg:oklch(38% .13 95);--priority-low-marker:oklch(55% .1 178);--priority-low-bg:oklch(94% .04 178);--priority-low-fg:oklch(38% .1 178);--priority-very-low-marker:oklch(55% .015 260);--priority-very-low-bg:oklch(94% .006 260);--priority-very-low-fg:oklch(38% .015 260);--recurring-marker:oklch(55% .14 320);--recurring-bg:oklch(94% .056 320);--recurring-fg:oklch(38% .14 320)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(19% .012 260);--surface:oklch(23.5% .014 260);--surface-2:oklch(28% .016 260);--border:oklch(34% .018 260);--text:oklch(95% .006 260);--text-muted:oklch(68% .014 260);--text-faint:oklch(50% .012 260);--accent:oklch(72% .135 258);--accent-text:oklch(15% .03 258);--danger:oklch(68% .16 25);--priority-urgent-marker:oklch(72% .17 22);--priority-urgent-bg:oklch(28% .0935 22);--priority-urgent-fg:oklch(86% .119 22);--priority-high-marker:oklch(72% .15 55);--priority-high-bg:oklch(28% .0825 55);--priority-high-fg:oklch(86% .105 55);--priority-medium-marker:oklch(72% .13 95);--priority-medium-bg:oklch(28% .0715 95);--priority-medium-fg:oklch(86% .091 95);--priority-low-marker:oklch(72% .1 178);--priority-low-bg:oklch(28% .055 178);--priority-low-fg:oklch(86% .07 178);--priority-very-low-marker:oklch(72% .015 260);--priority-very-low-bg:oklch(28% .0083 260);--priority-very-low-fg:oklch(86% .0105 260);--recurring-marker:oklch(72% .14 320);--recurring-bg:oklch(28% .077 320);--recurring-fg:oklch(86% .098 320)}}:root[data-theme=dark]{--bg:oklch(19% .012 260);--surface:oklch(23.5% .014 260);--surface-2:oklch(28% .016 260);--border:oklch(34% .018 260);--text:oklch(95% .006 260);--text-muted:oklch(68% .014 260);--text-faint:oklch(50% .012 260);--accent:oklch(72% .135 258);--accent-text:oklch(15% .03 258);--danger:oklch(68% .16 25);--priority-urgent-marker:oklch(72% .17 22);--priority-urgent-bg:oklch(28% .0935 22);--priority-urgent-fg:oklch(86% .119 22);--priority-high-marker:oklch(72% .15 55);--priority-high-bg:oklch(28% .0825 55);--priority-high-fg:oklch(86% .105 55);--priority-medium-marker:oklch(72% .13 95);--priority-medium-bg:oklch(28% .0715 95);--priority-medium-fg:oklch(86% .091 95);--priority-low-marker:oklch(72% .1 178);--priority-low-bg:oklch(28% .055 178);--priority-low-fg:oklch(86% .07 178);--priority-very-low-marker:oklch(72% .015 260);--priority-very-low-bg:oklch(28% .0083 260);--priority-very-low-fg:oklch(86% .0105 260);--recurring-marker:oklch(72% .14 320);--recurring-bg:oklch(28% .077 320);--recurring-fg:oklch(86% .098 320)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}h1,h2,h3,p,fieldset,legend,figure{font:inherit;font-weight:inherit;border:0;margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}img,svg{max-width:100%;display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.task-form{flex-direction:column;gap:14px;display:flex}.task-form__heading{color:var(--text);font-size:17px;font-weight:700}.task-form__field{flex-direction:column;gap:6px;display:flex}.task-form__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.task-form__input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;width:100%;padding:11px 13px;font-size:14px;font-weight:500}.task-form__input:hover{border-color:var(--text-faint)}.task-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.task-form__fieldset{flex-direction:column;gap:8px;min-width:0;display:flex}.task-form__chips{flex-wrap:wrap;gap:7px;display:flex}.task-form__chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.task-form__chip:hover{border-color:var(--text-faint)}.task-form__chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:600}.task-form__chip--priority[aria-pressed=true][data-priority=urgent]{border-color:var(--priority-urgent-marker);background:var(--priority-urgent-bg);color:var(--priority-urgent-fg)}.task-form__chip--priority[aria-pressed=true][data-priority=high]{border-color:var(--priority-high-marker);background:var(--priority-high-bg);color:var(--priority-high-fg)}.task-form__chip--priority[aria-pressed=true][data-priority=medium]{border-color:var(--priority-medium-marker);background:var(--priority-medium-bg);color:var(--priority-medium-fg)}.task-form__chip--priority[aria-pressed=true][data-priority=low]{border-color:var(--priority-low-marker);background:var(--priority-low-bg);color:var(--priority-low-fg)}.task-form__chip--priority[aria-pressed=true][data-priority=very-low]{border-color:var(--priority-very-low-marker);background:var(--priority-very-low-bg);color:var(--priority-very-low-fg)}.task-form__chip--recurring[aria-pressed=true]{border-color:var(--recurring-marker);background:var(--recurring-bg);color:var(--recurring-fg)}.task-form__echo{color:var(--text-muted);min-height:1em;font-size:12.5px;font-weight:500}.task-form__errors{border:1px solid var(--danger);background:color-mix(in oklch, var(--danger) 12%, transparent);border-radius:9px;padding:10px 12px}.task-form__error{color:var(--danger);font-size:12.5px;font-weight:500}.task-form__error+.task-form__error{margin-top:4px}.task-form__actions{gap:8px;margin-top:4px;display:flex}.task-form__submit{background:var(--accent);color:var(--accent-text);text-align:center;border-radius:9px;flex:1;padding:11px 0;font-size:13.5px;font-weight:600;transition:filter .12s}.task-form__submit:hover{filter:brightness(1.06)}.task-form__submit:active{transform:scale(.98)}.task-form__cancel{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;border-radius:9px;flex:1;padding:11px 0;font-size:13.5px;font-weight:600;transition:border-color .12s}.task-form__cancel:hover{border-color:var(--text-faint)}.task-row .task-form{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:8px 0;padding:14px}.create-task-sheet .task-form{width:100%;max-width:480px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:var(--bg);border-radius:20px 20px 0 0;max-height:86vh;overflow-y:auto;box-shadow:0 -8px 30px #00000040}.add-task-button{right:max(16px,50% - 224px);bottom:calc(22px + env(safe-area-inset-bottom));z-index:30;background:var(--accent);width:56px;height:56px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,filter .12s;display:flex;position:fixed;box-shadow:0 8px 20px #00000059}.add-task-button:hover{filter:brightness(1.05)}.add-task-button:active{transform:scale(.92)}.add-task-button svg{width:24px;height:24px}.create-task-sheet{background:0 0;border:none;max-width:100%;max-height:100%;margin:0;padding:0}@keyframes create-task-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.create-task-sheet[open]{justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.18s create-task-sheet-in;display:flex;position:fixed;inset:0}.create-task-sheet::backdrop{background:#0006}.empty-state{color:var(--text-faint);text-align:center;padding:48px 0;font-size:13px;font-weight:500}.task-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:11px;padding:13px 0;display:flex}.task-row--editing{border-bottom:none;padding:0;display:block}.task-row__checkbox{width:20px;height:20px;accent-color:var(--accent);border-radius:6px;flex:none;margin-top:2px}.task-row__main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.task-row__name{color:var(--text);overflow-wrap:break-word;font-size:15px;font-weight:500}.task-row__name s{color:var(--text-faint);-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.task-row__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-row__duration{color:var(--text-muted);background:var(--surface-2);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.task-row__priority{letter-spacing:.01em;white-space:nowrap;background:var(--priority-medium-bg);color:var(--priority-medium-fg);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.task-row__priority[data-priority=urgent]{background:var(--priority-urgent-bg);color:var(--priority-urgent-fg)}.task-row__priority[data-priority=high]{background:var(--priority-high-bg);color:var(--priority-high-fg)}.task-row__priority[data-priority=medium]{background:var(--priority-medium-bg);color:var(--priority-medium-fg)}.task-row__priority[data-priority=low]{background:var(--priority-low-bg);color:var(--priority-low-fg)}.task-row__priority[data-priority=very-low]{background:var(--priority-very-low-bg);color:var(--priority-very-low-fg)}.task-row__recurrence{letter-spacing:.01em;white-space:nowrap;background:var(--recurring-bg);color:var(--recurring-fg);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.task-row__actions{flex:none;gap:4px;padding-top:1px;display:flex}.task-row__icon-button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:flex}.task-row__icon-button:hover{color:var(--text);border-color:var(--text-faint)}.task-row__icon-button svg{width:15px;height:15px}.task-row__delete:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in oklch, var(--danger) 12%, transparent)}.delete-confirm-dialog{background:var(--surface);color:var(--text);border:none;border-radius:12px;max-width:min(320px,100% - 32px);padding:20px;box-shadow:0 12px 32px #00000040}@keyframes delete-confirm-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-dialog[open]{animation:.15s delete-confirm-dialog-in}.delete-confirm-dialog::backdrop{background:#0006}.delete-confirm-dialog__message{color:var(--text);margin:0 0 16px;font-size:14px}.delete-confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.delete-confirm-dialog__cancel,.delete-confirm-dialog__confirm{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s,background .12s}.delete-confirm-dialog__cancel:hover{color:var(--text);border-color:var(--text-faint)}.delete-confirm-dialog__confirm{border-color:var(--danger);background:var(--danger);color:var(--accent-text)}.delete-confirm-dialog__confirm:hover{filter:brightness(1.05)}.task-row__handle{touch-action:none;cursor:grab}.task-row__handle:active{cursor:grabbing}.task-list{display:block}.priority-group{margin-bottom:22px}.priority-group:last-of-type{margin-bottom:0}.priority-group__heading{align-items:center;gap:7px;margin:0 0 10px;display:flex}.priority-group__marker{background:var(--priority-medium-marker);border-radius:2px;flex:none;width:3px;height:13px}.priority-group__marker[data-priority=urgent]{background:var(--priority-urgent-marker)}.priority-group__marker[data-priority=high]{background:var(--priority-high-marker)}.priority-group__marker[data-priority=medium]{background:var(--priority-medium-marker)}.priority-group__marker[data-priority=low]{background:var(--priority-low-marker)}.priority-group__marker[data-priority=very-low]{background:var(--priority-very-low-marker)}.priority-group__marker[data-priority=recurring]{background:var(--recurring-marker)}.priority-group__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.theme-toggle{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .12s,border-color .12s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--text-faint)}.theme-toggle svg{width:16px;height:16px}.app{padding-inline:16px;width:100%;max-width:480px;min-height:100%;margin-inline:auto;padding-bottom:96px}.app__header{justify-content:space-between;align-items:center;gap:12px;padding:22px 0 14px;display:flex}.app__title{letter-spacing:-.01em;color:var(--text);font-size:21px;font-weight:700}.app__feedback{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;text-align:center;pointer-events:none;opacity:0;max-width:calc(100% - 32px);transition:opacity .18s;position:fixed;transform:translate(-50%)}.app__feedback:not(:empty){background:var(--text);color:var(--bg);opacity:1;border-radius:20px;padding:9px 16px;font-size:12.5px;font-weight:600;display:inline-block;box-shadow:0 6px 18px #00000040}.app__tabs{border-bottom:1px solid var(--border);display:flex}.app__tab{text-align:center;color:var(--text-muted);border-bottom:2px solid #0000;flex:1;padding:9px 0;font-size:13.5px;font-weight:500;transition:color .12s}.app__tab[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.app__panel{padding-top:18px}.app__recalculate{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;width:fit-content;margin:20px 0 8px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:color .12s,border-color .12s;display:inline-flex}.app__recalculate:hover{color:var(--text);border-color:var(--text-faint)}.app__recalculate:active{transform:scale(.96)}.app__recalculate svg{width:14px;height:14px}