.task__weekday[data-v-2e1ea8e2]{font-weight:700;font-size:.8rem;text-transform:uppercase}.task__day[data-v-2e1ea8e2]{font-size:1.6rem;font-weight:700}.task__month[data-v-2e1ea8e2]{font-size:.9rem}.task__year[data-v-2e1ea8e2]{font-size:.9rem;opacity:.8}.task__time[data-v-2e1ea8e2]{font-size:1.5rem}.todo-list__groups[data-v-a0c04655]{display:grid;gap:var(--space-3, 16px)}.todo-list__group[data-v-a0c04655]{border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:var(--space-3, 16px);background:var(--color-bg)}.todo-list__group-title[data-v-a0c04655]{margin:0 0 var(--space-2, 10px);font-weight:700}.todo-list__items[data-v-a0c04655]{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-1, 6px)}.todo-list__empty[data-v-a0c04655]{color:var(--color-muted)}.app__list-item--completed-inline[data-v-a0c04655]{border:1px dashed var(--color-border);border-radius:var(--radius-sm, 4px);padding:8px;background:transparent}.app__task-title[data-v-a0c04655]{font-weight:600}.app__task-date[data-v-a0c04655]{font-size:.9em;color:var(--color-muted)}.app__btn[data-v-a0c04655]{border:1px solid var(--color-border);background:transparent;border-radius:8px;padding:6px 10px;cursor:pointer}.app__btn--link[data-v-a0c04655]{border:none;background:transparent;color:var(--color-accent);padding:0}.filters-bar[data-v-923bd71b]{padding:var(--padding-default) 0}.filters-bar__group[data-v-923bd71b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:1fr;gap:var(--space-1)}.filters-bar__chip[data-v-923bd71b]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"icon count" "label label";align-items:center;gap:6px;border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);padding:4px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.filters-bar__icon[data-v-923bd71b]{grid-area:icon;font-size:2rem}.filters-bar__count[data-v-923bd71b]{grid-area:count;font-size:1.5rem;text-align:right}.filters-bar__label[data-v-923bd71b]{grid-area:label;font-size:1.75rem}.filter__all[data-v-923bd71b]{background-color:var(--color-bg);color:var(--color-open);border-color:var(--color-open)}.filter__all[data-v-923bd71b]:hover{background-color:var(--background-color-open-hover);color:var(--color-white)}.filter__all.active[data-v-923bd71b]{color:var(--color-white);background:linear-gradient(45deg,var(--color-open) 0%,var(--background-color-open-hover) 100%)}.filter__overdue[data-v-923bd71b]{background-color:var(--color-bg);color:var(--color-overdue);border-color:var(--color-overdue)}.filter__overdue[data-v-923bd71b]:hover{background-color:var(--background-color-overdue-hover);color:var(--color-white)}.filter__overdue.active[data-v-923bd71b]{color:var(--color-white);background:linear-gradient(45deg,var(--color-overdue) 0%,var(--background-color-overdue-hover) 100%)}.filter__due-today[data-v-923bd71b]{background-color:var(--color-bg);color:var(--color-due-today);border-color:var(--color-due-today)}.filter__due-today[data-v-923bd71b]:hover{background-color:var(--background-color-due-today-hover);color:var(--color-white)}.filter__due-today.active[data-v-923bd71b]{color:var(--color-white);background:linear-gradient(45deg,var(--color-due-today) 0%,var(--background-color-due-today-hover) 100%)}.filter__upcoming[data-v-923bd71b]{background-color:var(--color-bg);color:var(--color-upcoming);border-color:var(--color-upcoming)}.filter__upcoming[data-v-923bd71b]:hover{background-color:var(--background-color-upcoming-hover);color:var(--color-white)}.filter__upcoming.active[data-v-923bd71b]{color:var(--color-white);background:linear-gradient(45deg,var(--color-upcoming) 0%,var(--background-color-upcoming-hover) 100%)}.filter__completed[data-v-923bd71b]{background-color:var(--color-bg);color:var(--color-completed);border-color:var(--color-completed)}.filter__completed[data-v-923bd71b]:hover{background-color:var(--background-color-completed-hover);color:var(--color-white)}.filter__completed.active[data-v-923bd71b]{color:var(--color-white);background:linear-gradient(45deg,var(--color-completed) 0%,var(--background-color-completed-hover) 100%)}.search-box[data-v-60e7d18d]{display:grid;grid-template-columns:max-content 1fr;gap:var(--default-gap);align-items:center}.search-box__input-wrap[data-v-60e7d18d]{position:relative;display:flex;align-items:center}.search-box__input[data-v-60e7d18d]{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 28px 10px 8px;font-size:.95rem;background-color:var(--color-bg)}.search-box__input[data-v-60e7d18d]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-box__clear[data-v-60e7d18d]{position:absolute;right:6px;border:none;background:transparent;font-size:16px;line-height:1;cursor:pointer;color:var(--color-muted);padding:2px}.search-box__clear[data-v-60e7d18d]:hover{color:var(--color-text)}.language__toggles[data-v-fc06a3d9]{display:inline-flex}.language__toggle-switch[data-v-fc06a3d9]{position:relative;display:inline-block;width:80px;height:40px}.language__toggle-switch input[data-v-fc06a3d9]{opacity:0;width:0;height:0}.language__slider[data-v-fc06a3d9]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--switch-bg);border-radius:34px;cursor:pointer;transition:background-color .3s ease}.language__slider[data-v-fc06a3d9]:before{content:"";position:absolute;height:34px;width:34px;left:3px;bottom:3px;background-color:var(--switch-thumb);border-radius:50%;transition:transform .3s ease;z-index:1}.language__label[data-v-fc06a3d9]{position:absolute;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:0 4px;border-radius:var(--radius-sm);pointer-events:none;z-index:2;transition:background-color .3s ease,color .3s ease;border-radius:50%}.language__label--left[data-v-fc06a3d9]{left:8px}.language__label--right[data-v-fc06a3d9]{right:8px}.language input:not(:checked)+.language__slider .language__label--left[data-v-fc06a3d9]{background-color:var(--switch-label-bg);color:var(--switch-checked)}.language input:checked+.language__slider .language__label--right[data-v-fc06a3d9]{background-color:var(--switch-label-bg);color:var(--switch-checked)}.language input:checked+.language__slider .language__label--left[data-v-fc06a3d9],.language input:not(:checked)+.language__slider .language__label--right[data-v-fc06a3d9]{background-color:transparent;color:var(--color-text-muted)}.language input:checked+.language__slider[data-v-fc06a3d9]:before{transform:translate(40px)}.darklight__toggles[data-v-fb042b14]{display:inline-flex}.darklight__toggle-switch[data-v-fb042b14]{position:relative;display:inline-block;width:80px;height:40px}.darklight__toggle-switch input[data-v-fb042b14]{opacity:0;width:0;height:0}.darklight__slider[data-v-fb042b14]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--switch-bg);border-radius:34px;cursor:pointer;transition:background-color .25s ease}.darklight__slider[data-v-fb042b14]:before{content:"";position:absolute;height:34px;width:34px;left:3px;bottom:3px;background-color:var(--switch-thumb);border-radius:50%;transition:transform .25s ease;z-index:1}.darklight__icon[data-v-fb042b14]{position:absolute;top:50%;transform:translateY(-50%);font-size:.875rem;pointer-events:none;z-index:2}.darklight__icon--sun[data-v-fb042b14]{left:12px;color:var(--switch-checked)}.darklight__icon--moon[data-v-fb042b14]{right:12px;color:var(--switch-checked)}.darklight input:checked+.darklight__slider[data-v-fb042b14]:before{transform:translate(40px)}.darklight input:focus-visible+.darklight__slider[data-v-fb042b14]{outline:2px solid var(--color-accent);outline-offset:2px}.notify-center[data-v-8778dd8c]{position:fixed;right:16px;bottom:16px;display:grid;gap:12px;z-index:9999;pointer-events:none}.notify[data-v-8778dd8c]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;box-shadow:0 8px 22px #00000026;max-width:360px;pointer-events:auto}.notify__meta[data-v-8778dd8c]{color:var(--color-muted);margin-top:4px}.notify__actions[data-v-8778dd8c]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notify__btn[data-v-8778dd8c]{border:1px solid var(--color-border);background:transparent;padding:6px 10px;border-radius:8px;cursor:pointer}.notify__btn--ghost[data-v-8778dd8c]{opacity:.8}.rdlg__backdrop[data-v-8c3236b7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.rdlg__window[data-v-8c3236b7]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);max-width:520px;width:100%;padding:0;box-shadow:0 12px 30px #00000040}.rdlg__header[data-v-8c3236b7]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, 10px) var(--space-3, 16px);border-bottom:1px solid var(--color-border)}.rdlg__title[data-v-8c3236b7]{margin:0;font-size:1.1rem}.rdlg__close[data-v-8c3236b7]{border:none;background:transparent;font-size:22px;cursor:pointer;line-height:1}.rdlg__form[data-v-8c3236b7]{display:grid;gap:var(--space-2, 10px);padding:var(--space-3, 16px)}.rdlg__label[data-v-8c3236b7]{font-weight:600}.rdlg__input[data-v-8c3236b7]{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md, 8px);padding:var(--space-2, 8px)}.rdlg__row[data-v-8c3236b7]{display:flex;gap:var(--space-2, 8px);align-items:center}.rdlg__actions[data-v-8c3236b7]{display:flex;gap:var(--space-2, 8px);justify-content:flex-end;margin-top:var(--space-1, 6px)}.rdlg__btn[data-v-8c3236b7]{border:1px solid var(--color-border);background:transparent;border-radius:var(--button-radius, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);cursor:pointer}.rdlg__btn--primary[data-v-8c3236b7]{background:var(--color-accent);color:var(--color-text-muted);border-color:var(--color-accent)}.rdlg__btn--primary[data-v-8c3236b7]:hover{background:var(--color-text-muted);color:var(--color-accent)}.rsdlg__backdrop[data-v-53c2e2f9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.rsdlg__window[data-v-53c2e2f9]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;max-width:520px;width:100%;padding:0;box-shadow:0 12px 30px #00000040}.rsdlg__header[data-v-53c2e2f9]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.rsdlg__title[data-v-53c2e2f9]{margin:0;font-size:1.1rem}.rsdlg__close[data-v-53c2e2f9]{border:none;background:transparent;font-size:22px;cursor:pointer}.rsdlg__form[data-v-53c2e2f9]{display:grid;gap:10px;padding:16px}.rsdlg__label[data-v-53c2e2f9]{font-weight:600}.rsdlg__input[data-v-53c2e2f9]{border:1px solid var(--color-border);background:transparent;border-radius:8px;padding:8px}.rsdlg__actions[data-v-53c2e2f9]{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.rsdlg__btn[data-v-53c2e2f9]{border:1px solid var(--color-border);background:transparent;border-radius:var(--button-radius);padding:8px 12px;cursor:pointer}.rsdlg__btn--primary[data-v-53c2e2f9]{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.tdlg__backdrop[data-v-95e0ca15]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:9999}.tdlg__window[data-v-95e0ca15]{width:100%;max-width:560px;padding:0;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 30px #00000040}.tdlg__header[data-v-95e0ca15]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.tdlg__title[data-v-95e0ca15]{margin:0;font-size:1.1rem}.tdlg__close[data-v-95e0ca15]{border:none;background:transparent;font-size:22px;cursor:pointer}.tdlg__form[data-v-95e0ca15]{display:grid;gap:10px;padding:16px}.tdlg__label[data-v-95e0ca15]{font-weight:600}.tdlg__input[data-v-95e0ca15]{padding:8px;background:transparent;border:1px solid var(--color-border);border-radius:8px}.tdlg__row[data-v-95e0ca15]{display:flex;align-items:center;gap:8px}.tdlg__actions[data-v-95e0ca15]{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.tdlg__btn[data-v-95e0ca15]{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--button-radius);border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-white)}.tdlg__btn.btn__default[data-v-95e0ca15]{background:var(--color-accent);color:var(--color-white)}.tdlg__btn.btn__cancel[data-v-95e0ca15]{background:var(--color-danger);color:var(--color-white)}.tdlg__btn.btn__complete[data-v-95e0ca15]{background:var(--color-open);color:var(--color-text)}.tdlg__input[type=datetime-local][data-v-95e0ca15]{color:var(--color-icon-task)}.jdlg__backdrop[data-v-f79c6ec2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000}.jdlg__window[data-v-f79c6ec2]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:360px;padding:0;box-shadow:0 12px 30px #00000040}.jdlg__header[data-v-f79c6ec2]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.jdlg__title[data-v-f79c6ec2]{margin:0;font-size:1.1rem;display:inline-flex;gap:var(--space-2);align-items:center}.jdlg__close[data-v-f79c6ec2]{border:none;background:transparent;font-size:22px;cursor:pointer;line-height:1}.jdlg__form[data-v-f79c6ec2]{display:grid;gap:var(--space-2);padding:var(--space-3)}.jdlg__label[data-v-f79c6ec2]{font-weight:600}.jdlg__input[data-v-f79c6ec2]{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);padding:var(--space-2);width:100%}.jdlg__actions[data-v-f79c6ec2]{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-1)}.jdlg__btn[data-v-f79c6ec2]{border:1px solid var(--color-border);background:transparent;border-radius:var(--button-radius);padding:var(--space-2) var(--space-3);cursor:pointer}.jdlg__btn--primary[data-v-f79c6ec2]{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.calendar-jump[data-v-bf383ca9]{display:inline-flex;gap:var(--space-1);align-items:center}.app__month-chip[data-v-bf383ca9]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--button-radius);background:var(--color-app);font-size:.9rem}.app__month-chip-clear[data-v-bf383ca9]{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;padding:0 var(--space-1)}@font-face{font-family:MyFont;src:url(/assets/myfont-CJ1YKFXi.woff2) format("woff2"),url(/assets/myfont-CSRgMrrB.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-white: hsl(0, 0%, 100%);--color-white-alpha: hsla(0, 0%, 100%,.1);--color-bg: hsl(0, 0%, 100%);--color-text: hsl(0, 0%, 7%);--color-text-muted: hsl(201, 100%, 95%);--color-muted: hsl(220, 9%, 46%);--background-color-muted: hsla(220, 9%, 46%, .3);--color-border: hsl(210, 20%, 92%);--color-primary: hsl(220, 24%, 17%);--color-accent: hsl(194, 100%, 41%);--color-danger: hsl(0, 74%, 41%);--color-app: hsla(201, 100%, 50%, .1);--color-bg-content: hsla(205, 22%, 18%, .05);--color-bg-tasks: hsl(0, 0%, 100%);--color-icon-task: hsl(194, 100%, 41%);--color-open: hsl(144, 73%, 65%);--color-overdue: hsl(342, 51%, 60%);--color-due-today: hsl(194, 100%, 36%);--color-upcoming: hsl(25, 100%, 65%);--color-completed: hsl(0, 0%, 70%);--background-color-open: hsla(144, 73%, 65%, .3);--background-color-overdue: hsla(342, 51%, 60%, .3);--background-color-due-today: hsla(194, 100%, 36%, .3);--background-color-upcoming: hsla(25, 100%, 65%, .3);--background-color-completed: hsla(0, 0%, 70%, .3);--background-color-open-hover: hsla(144, 73%, 65%, .5);--background-color-overdue-hover: hsla(342, 51%, 60%, .5);--background-color-due-today-hover: hsla(194, 100%, 36%, .5);--background-color-upcoming-hover: hsla(25, 100%, 65%, .5);--background-color-completed-hover: hsla(0, 0%, 70%, .5);--switch-bg: hsl(194, 100%, 41%);--switch-thumb: hsl(0, 0%, 100%);--switch-label-bg: hsl(0, 0%, 100%);--switch-checked: hsl(0, 0%, 13%);--default-gap: 20px;--radius: 10px;--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--button-radius: 999px;--padding-default: 20px;--font-title: "MyFont", sans-serif}:root[data-theme=dark],[data-theme=dark]{--color-white: hsl(0, 0%, 100%);--color-bg: hsl(220, 15%, 10%);--color-text: hsl(0, 0%, 98%);--color-text-muted: hsl(220, 15%, 10%);--color-muted: hsl(220, 9%, 60%);--background-color-muted: hsla(220, 9%, 60%, .25);--color-border: hsl(220, 14%, 28%);--color-primary: hsl(220, 24%, 88%);--color-accent: hsl(194, 100%, 55%);--color-danger: hsl(0, 74%, 60%);--color-app: hsla(201, 100%, 60%, .12);--color-bg-content: hsla(205, 22%, 90%, .04);--color-bg-tasks: hsl(220, 15%, 10%);--color-icon-task:hsl(0, 0%, 100%);--color-open: hsl(144, 73%, 68%);--color-overdue: hsl(342, 60%, 70%);--color-due-today: hsl(194, 100%, 60%);--color-upcoming: hsl(25, 100%, 70%);--color-completed: hsl(0, 0%, 65%);--background-color-open: hsla(144, 73%, 65%, .18);--background-color-overdue: hsla(342, 51%, 60%, .18);--background-color-due-today: hsla(194, 100%, 50%, .18);--background-color-upcoming: hsla(25, 100%, 65%, .18);--background-color-completed: hsla(0, 0%, 70%, .18);--background-color-open-hover: hsla(144, 73%, 65%, .3);--background-color-overdue-hover: hsla(342, 51%, 60%, .3);--background-color-due-today-hover: hsla(194, 100%, 50%, .3);--background-color-upcoming-hover: hsla(25, 100%, 65%, .3);--background-color-completed-hover: hsla(0, 0%, 70%, .3);--switch-bg: hsl(194, 100%, 50%);--switch-thumb: hsl(220, 15%, 12%);--switch-label-bg: hsl(220, 15%, 14%);--switch-checked: hsl(0, 0%, 92%)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-white: hsl(0, 0%, 100%);--color-bg: hsl(220, 15%, 10%);--color-text: hsl(0, 0%, 98%);--color-text-muted: hsl(210, 10%, 70%);--color-muted: hsl(220, 9%, 60%);--background-color-muted: hsla(220, 9%, 60%, .25);--color-border: hsl(220, 14%, 28%);--color-primary: hsl(220, 24%, 88%);--color-accent: hsl(194, 100%, 55%);--color-danger: hsl(0, 74%, 60%);--color-app: hsla(201, 100%, 60%, .12);--color-bg-content: hsla(205, 22%, 90%, .04);--color-bg-tasks: hsl(220, 15%, 10%);--color-icon-task:hsl(0, 0%, 100%);--color-open: hsl(144, 73%, 68%);--color-overdue: hsl(342, 60%, 70%);--color-due-today: hsl(194, 100%, 60%);--color-upcoming: hsl(25, 100%, 70%);--color-completed: hsl(0, 0%, 65%);--background-color-open: hsla(144, 73%, 65%, .18);--background-color-overdue: hsla(342, 51%, 60%, .18);--background-color-due-today: hsla(194, 100%, 50%, .18);--background-color-upcoming: hsla(25, 100%, 65%, .18);--background-color-completed: hsla(0, 0%, 70%, .18);--background-color-open-hover: hsla(144, 73%, 65%, .3);--background-color-overdue-hover: hsla(342, 51%, 60%, .3);--background-color-due-today-hover: hsla(194, 100%, 50%, .3);--background-color-upcoming-hover: hsla(25, 100%, 65%, .3);--background-color-completed-hover: hsla(0, 0%, 70%, .3);--switch-bg: hsl(194, 100%, 50%);--switch-thumb: hsl(220, 15%, 12%);--switch-label-bg: hsl(220, 15%, 14%);--switch-checked: hsl(0, 0%, 92%)}}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--color-bg);color:var(--color-text);line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1280px;margin:0 auto;padding:var(--space-5) var(--space-3)}.app__header{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:var(--default-gap);background-color:var(--color-app);border-radius:var(--radius-lg);padding:var(--padding-default)}.app__header-top{display:grid;grid-template-columns:1fr max-content max-content;grid-template-rows:1fr;grid-template-areas:"logo language darklight";gap:var(--default-gap)}@media (max-width: 712px){.app__header-top{grid-template-columns:1fr 70px;grid-template-rows:1fr auto;grid-template-areas:"logo language" "logo darklight";justify-content:center;gap:5px}}.app__header-top .language{grid-area:language}.app__header-top .darklight{grid-area:darklight}.app__header-bottom{display:grid;grid-template-columns:max-content 1fr .5fr;grid-template-rows:1fr;gap:var(--default-gap)}@media (max-width: 712px){.app__header-bottom{display:flex;flex-direction:column}}.app__logo{height:40px;width:auto;margin-right:12px;display:inline-block;grid-area:logo}@media (max-width: 712px){.app__logo{text-align:center;width:70%;height:auto;display:flex;justify-self:center;align-self:center;margin-right:0}}.app__title{margin:0;font-size:clamp(1.5rem,5vw + .5rem,4rem);font-family:var(--font-title),serif;text-align:center}.app__title-special{color:var(--color-accent)}.app__theme-toggle{border:1px solid var(--color-border);background:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.app__content{display:grid;gap:var(--space-5);background-color:var(--color-bg-content);border-radius:var(--radius);padding:var(--padding-default)}.app__completed{margin-top:var(--space-5)}.app__empty{color:var(--color-muted)}.app__list{list-style:none;padding:0;margin:0}.app__list-item{display:grid;grid-template-columns:1fr .5fr 150px;grid-template-rows:1fr;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding:var(--space-2);background-color:var(--color-white);gap:var(--default-gap)}.app__list-item:hover{background-color:var(--color-text-muted)}@media (max-width: 712px){.app__list-item{display:flex;flex-direction:column}}.app__tasks{display:flex;justify-content:space-between;align-items:center}.app__task-title{font-weight:600}.app__task-date{color:var(--color-muted)}.app__btn{border:none;background:transparent;padding:0;cursor:pointer}.app__btn--link{color:var(--color-accent)}.app__btn--link:hover{text-decoration:underline}.todo-input{border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius)}.todo-input__title{margin-top:0}.todo-input__row{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.todo-input__label{font-weight:600}.todo-input__input,.todo-input__textarea{width:100%;border:1px solid var(--color-border);background:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.todo-input__actions{display:flex;gap:var(--space-2)}.todo-input__btn{border:1px solid var(--color-border);background:var(--color-primary);color:var(--color-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.todo-input__btn--ghost{background:transparent;color:var(--color-text)}.todo-input__error{color:var(--color-danger);margin:0}.todo-list__groups{display:grid;gap:var(--space-4)}.todo-list__group-title{margin-bottom:var(--space-2)}.todo-list__items{list-style:none;padding:0;margin:0}.todo-list__empty{color:var(--color-muted)}.todo-item{border:1px solid var(--color-border);border-left-width:10px;padding:var(--space-3);margin-bottom:var(--space-2);display:grid;gap:var(--space-2)}.todo-item__main{display:grid;grid-template-columns:200px 1fr 150px;grid-template-rows:1fr auto;grid-template-areas:"date info buttons" "actions actions buttons";grid-gap:var(--default-gap)}@media (max-width: 712px){.todo-item__main{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"date" "info" "actions" "buttons"}}.todo-item--overdue{border-color:var(--color-overdue);background-color:var(--color-bg-tasks)}.todo-item--overdue .todo-item__main-date{background:linear-gradient(45deg,var(--color-overdue) 0%,var(--background-color-overdue-hover) 100%)}.todo-item--due-today{border-color:var(--color-due-today);background-color:var(--color-bg-tasks)}.todo-item--due-today .todo-item__main-date{background:linear-gradient(45deg,var(--color-due-today) 0%,var(--background-color-due-today-hover) 100%)}.todo-item--upcoming{border-color:var(--color-upcoming);background-color:var(--color-bg-tasks)}.todo-item--upcoming .todo-item__main-date{background:linear-gradient(45deg,var(--color-upcoming) 0%,var(--background-color-upcoming-hover) 100%)}.todo-item--completedy{border-color:var(--color-completed);background-color:var(--color-bg-tasks)}.todo-item--completedy .todo-item__main-date{background:linear-gradient(45deg,var(--color-completed) 0%,var(--background-color-completed-hover) 100%)}.todo-item__title{font-size:1.5rem;margin:0}.todo-item__desc{flex:1 1 auto;overflow:auto;margin:0;color:var(--color-muted)}.todo-item__due{margin:0}.todo-item__badge{display:inline-block;border:1px solid var(--color-border);padding:2px 6px;border-radius:999px;font-size:.85rem}.todo-item__main-date{display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px}.todo-item__main-info{grid-area:info;display:flex;flex-direction:column;gap:var(--space-1);flex:1;height:100%}.todo-item__main-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:var(--space-2)}.todo-item__main-buttons{grid-area:buttons;display:flex;flex-wrap:wrap;gap:var(--space-2)}.todo-item__main-buttons button{width:100%;border-radius:var(--button-radius)}.todo-item__btn{border:1px solid var(--color-border);background:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer}.todo-item__btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.todo-item__btn--ghost{opacity:.9}.btn__default{background-color:var(--color-accent);color:var(--color-text-muted);border-radius:var(--button-radius);border:solid 1px var(--color-accent);text-wrap:nowrap}.btn__default:hover{background-color:var(--color-text-muted);color:var(--color-accent)}.btn__cancel{background-color:var(--color-white);color:var(--color-muted);border-radius:var(--button-radius);border:solid 1px var(--color-muted);text-wrap:nowrap}.btn__cancel:hover{background-color:var(--background-color-muted);color:var(--color-muted)}.btn__primary{background-color:var(--color-bg-content);color:var(--color-accent);border-radius:var(--button-radius);border:solid 1px var(--color-accent);text-wrap:nowrap;font-size:.75rem}.btn__primary:hover{background-color:var(--color-text-muted);color:var(--color-accent)}.btn__secondary{background-color:var(--color-bg-content);color:var(--color-muted);border-radius:var(--button-radius);border:solid 1px var(--color-muted);text-wrap:nowrap;font-size:.75rem}.btn__secondary:hover{background-color:var(--background-color-muted);color:var(--color-muted)}.btn__delete{background-color:var(--color-bg-content);color:var(--color-danger);border-radius:var(--button-radius);border:solid 1px var(--color-danger);text-wrap:nowrap;font-size:.75rem}.btn__delete:hover{background-color:var(--background-color-overdue);color:var(--color-danger)}