:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", Tahoma, sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:18px;--sidebar-width:264px;--topbar-height:56px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--color-bg:#f6f7fb;--color-surface:#fff;--color-surface-2:#f0f2f8;--color-border:#e2e5ef;--color-text:#1b1d2a;--color-muted:#646a80;--color-accent:#4f46e5;--color-accent-strong:#4338ca;--color-accent-soft:#e8e7fd;--color-on-accent:#fff;--color-success:#16a34a;--color-danger:#dc2626;--color-danger-soft:#fde8e8;--color-warning:#d97706;--shadow-sm:0 1px 2px #1418280f, 0 1px 3px #1418280f;--shadow-lg:0 12px 32px #14182829, 0 2px 6px #14182814}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#0f111a;--color-surface:#181b27;--color-surface-2:#222636;--color-border:#2e3346;--color-text:#eceef6;--color-muted:#9aa0b8;--color-accent:#8b85ff;--color-accent-strong:#a5a0ff;--color-accent-soft:#2a2852;--color-on-accent:#0f111a;--color-success:#4ade80;--color-danger:#f87171;--color-danger-soft:#3a1d22;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 16px 40px #00000080}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f111a;--color-surface:#181b27;--color-surface-2:#222636;--color-border:#2e3346;--color-text:#eceef6;--color-muted:#9aa0b8;--color-accent:#8b85ff;--color-accent-strong:#a5a0ff;--color-accent-soft:#2a2852;--color-on-accent:#0f111a;--color-success:#4ade80;--color-danger:#f87171;--color-danger-soft:#3a1d22;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 16px 40px #00000080}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.2}:lang(ar) h1{letter-spacing:0}h2{font-size:1.05rem}a{color:var(--color-accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img,svg{display:block}.icon{flex-shrink:0}[dir=rtl] .icon--directional{transform:scaleX(-1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.muted{color:var(--color-muted)}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);padding:8px 12px;position:absolute;inset-block-start:-100px;inset-inline-start:8px}.skip-link:focus{inset-block-start:8px}.button{background:var(--color-surface-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-block-size:44px;padding-inline:16px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,opacity .15s;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.5}.button--primary{background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-strong)}.button--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-surface-2)}.button--danger{background:var(--color-danger-soft);color:var(--color-danger)}.button--small{min-block-size:36px;padding-inline:12px;font-size:.875rem}.button--large{min-block-size:52px;padding-inline:28px;font-size:1.05rem}.icon-button{block-size:40px;inline-size:40px;color:var(--color-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:inline-grid}.icon-button:hover,.icon-button[aria-expanded=true]{background:var(--color-surface-2);color:var(--color-text)}.icon-button--danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.icon-button-placeholder{flex-shrink:0;inline-size:40px}.link-button{color:var(--color-accent);background:0 0;border:none;padding:4px 8px;text-decoration:underline}.input,.field input:not([type=checkbox],[type=radio],[type=range],[type=color]),.field select,.field textarea,.metadata input,.filters select,.filters input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-block-size:44px;inline-size:100%;padding:8px 12px}.field textarea{resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.input:focus-visible{outline-offset:0;border-color:var(--color-accent)}.field{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.field>label,.field__label{color:var(--color-muted);font-size:.875rem;font-weight:600}.field input[type=range]{inline-size:100%;accent-color:var(--color-accent)}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.field__hint,.field-hint{color:var(--color-muted);font-size:.8rem}.field-error,.form-error{color:var(--color-danger);font-size:.875rem}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.form-actions--start{justify-content:flex-start}.app-shell{min-block-size:100dvh}.topbar{z-index:20;block-size:var(--topbar-height);padding-inline:max(12px, env(safe-area-inset-left)) 16px;background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border);align-items:center;gap:8px;display:flex;position:sticky;inset-block-start:0}.brand{color:var(--color-text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.offline-banner{background:var(--color-warning);color:#fff;text-align:center;padding:8px 16px;font-size:.875rem}.layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.sidebar{block-size:calc(100dvh - var(--topbar-height));border-inline-end:1px solid var(--color-border);background:var(--color-bg);position:sticky;inset-block-start:var(--topbar-height);overflow-y:auto}.sidebar__inner{flex-direction:column;gap:4px;min-block-size:100%;padding:16px 12px;display:flex}.sidebar__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-block:12px 4px;padding-inline:12px;font-size:.75rem;font-weight:700}:lang(ar) .sidebar__heading{text-transform:none;letter-spacing:0;font-size:.85rem}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);min-block-size:42px;color:var(--color-text);align-items:center;gap:12px;padding-inline:12px;text-decoration:none;transition:background-color .15s;display:flex}.nav-link:hover{background:var(--color-surface-2)}.nav-link--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.nav-link__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.nav-link__count{background:var(--color-danger);color:#fff;text-align:center;border-radius:999px;min-inline-size:22px;padding:0 6px;font-size:.75rem;font-weight:700}.nav-link__count--muted{color:var(--color-muted);background:0 0;font-weight:500}.color-dot{border-radius:50%;flex-shrink:0;block-size:10px;inline-size:10px;display:inline-block}.nav-link .color-dot{margin-inline:5px}.sidebar__user{border-block-start:1px solid var(--color-border);align-items:center;gap:10px;margin-block-start:auto;padding:12px 8px 0 12px;display:flex}.sidebar__user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;font-weight:600;overflow:hidden}.avatar{background:var(--color-accent);block-size:32px;inline-size:32px;color:var(--color-on-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.scrim{z-index:29;background:#0a0c1473;border:none;animation:.2s ease-out fade-in;position:fixed;inset:0}.content{min-inline-size:0;padding:24px clamp(16px,4vw,48px) 96px}.content:focus{outline:none}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:30;inline-size:min(var(--sidebar-width), 85vw);block-size:100dvh;box-shadow:var(--shadow-lg);visibility:hidden;padding-block-start:env(safe-area-inset-top);transition:transform .25s,visibility 0s .25s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar--open,[dir=rtl] .sidebar--open{visibility:visible;transition:transform .25s;transform:none}.content{padding-block-start:16px}}.page{flex-direction:column;gap:16px;max-inline-size:760px;margin-inline:auto;display:flex}.page--narrow{max-inline-size:620px}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page__subtitle{color:var(--color-muted);margin-block-start:4px}.day-header__nav{align-items:center;gap:4px;display:flex}.date-jump{cursor:pointer;position:relative}.date-jump input{opacity:0;cursor:pointer;position:absolute;inset:0}.date-jump input::-webkit-calendar-picker-indicator{cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.day-progress{color:var(--color-muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.day-progress progress{background:var(--color-surface-2);appearance:none;border:none;border-radius:999px;flex:1;block-size:8px;overflow:hidden}.day-progress progress::-webkit-progress-bar{background:var(--color-surface-2)}.day-progress progress::-webkit-progress-value{background:linear-gradient(90deg, var(--color-accent), var(--color-success));border-radius:999px;transition:inline-size .4s}.day-progress progress::-moz-progress-bar{background:linear-gradient(90deg, var(--color-accent), var(--color-success));border-radius:999px}[dir=rtl] .day-progress progress{transform:scaleX(-1)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:16px;padding:20px;display:flex}.segmented{background:var(--color-surface-2);border-radius:999px;flex-wrap:wrap;gap:4px;inline-size:fit-content;padding:4px;display:inline-flex}.segmented__option{position:relative}.segmented__option input{opacity:0;pointer-events:none;position:absolute}.segmented__option span{cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:500;display:block}.segmented__option input:checked+span{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-accent);font-weight:700}.segmented__option input:focus-visible+span{outline:2px solid var(--color-accent)}.quick-add{z-index:5;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:6px;padding-inline-start:14px;transition:border-color .15s,box-shadow .15s;display:flex;position:sticky;inset-block-start:calc(var(--topbar-height) + 8px)}.quick-add:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.quick-add__icon{color:var(--color-accent)}.quick-add__input{background:0 0;border:none;flex:1;min-block-size:44px;min-inline-size:0;font-size:1.05rem}.quick-add__input:focus-visible{outline:none}.quick-add__time{background:var(--color-surface-2);min-block-size:40px;color:var(--color-muted);border-radius:999px;align-items:center;gap:4px;padding-inline:10px;display:flex}.quick-add__time input{inline-size:6.5rem;color:var(--color-text);background:0 0;border:none}.quick-add__time:focus-within{outline:2px solid var(--color-accent)}.quick-add__time input:focus-visible{outline:none}@media (width<=520px){.quick-add{border-radius:var(--radius-lg);flex-wrap:wrap}.quick-add__input{flex-basis:calc(100% - 40px)}.quick-add__time{flex:1}.quick-add__time input{inline-size:100%}}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task-groups{flex-direction:column;gap:24px;display:flex}.task-group{flex-direction:column;gap:8px;display:flex}.task-group__heading{color:var(--color-muted);align-items:baseline;gap:8px;font-size:.95rem;font-weight:600;display:flex}.task-group__relative{color:var(--color-text);font-weight:700}.task{--task-accent:transparent;border:1px solid var(--color-border);border-inline-start:4px solid var(--task-accent);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:10px 6px 10px 12px;padding-inline:12px 6px;transition:opacity .3s,transform .3s,background-color .3s;animation:.25s ease-out task-enter;display:flex;position:relative}.task:not(:has(.task__time)) .task__body{margin-inline-end:0}.task--pending{opacity:.6}.task--in-progress{background:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 7%, var(--color-surface)), var(--color-surface) 60%)}[dir=rtl] .task--in-progress{background:linear-gradient(to left, color-mix(in srgb, var(--color-accent) 7%, var(--color-surface)), var(--color-surface) 60%)}.task--done{background:var(--color-surface-2);box-shadow:none}.task--done .task__title{color:var(--color-muted);text-decoration:line-through}.task__check{flex-shrink:0;place-items:center;block-size:44px;inline-size:44px;margin:-6px;margin-inline-end:-4px;display:grid;position:relative}.task__checkbox{appearance:none;border:2px solid color-mix(in srgb, var(--color-muted) 70%, transparent);background:var(--color-surface);cursor:pointer;block-size:26px;inline-size:26px;transition:background-color .2s, border-color .2s, transform .2s var(--ease-spring);border-radius:50%;place-items:center;margin:0;display:grid}.task__checkbox:before{content:"";border-radius:50%;position:absolute;inset:0}.task__checkbox:after{content:"";border:solid var(--color-on-accent);block-size:13px;inline-size:7px;transition:transform .2s var(--ease-spring);border-width:0 3px 3px 0;margin-block-start:-3px;transform:rotate(45deg)scale(0)}.task__checkbox:hover:not(:disabled){border-color:var(--color-success)}.task__checkbox:checked{border-color:var(--color-success);background:var(--color-success)}.task__checkbox:checked:after{transform:rotate(45deg)scale(1)}.task__checkbox:disabled{cursor:default}.task__burst{pointer-events:none;position:absolute;inset:0}.task__burst span{--angle:calc(var(--i) * 36deg);background:hsl(calc(var(--i) * 36) 85% 58%);opacity:0;border-radius:50%;block-size:6px;inline-size:6px;margin:-3px;position:absolute;inset-block-start:50%;inset-inline-start:50%}.task--celebrating .task__checkbox{animation:check-pop .45s var(--ease-spring)}.task--celebrating .task__burst span{animation:.65s ease-out forwards burst}.task--celebrating .task__title{color:var(--color-muted);text-decoration:line-through;text-decoration-thickness:2px;animation:.5s ease-out strike}.task--celebrating{animation:.7s ease-in-out forwards task-complete}.task__body{flex-direction:column;flex:1;gap:4px;min-inline-size:0;padding-block:2px;display:flex}.task__name{text-align:start;overflow-wrap:anywhere;background:0 0;border:none;padding:0;font-size:1rem;line-height:1.4;display:block}.task__name:disabled{cursor:default}.task__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task__meta:empty{display:none}.task__description{color:var(--color-muted);-webkit-line-clamp:2;line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.meta{color:var(--color-muted);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.meta--overdue{color:var(--color-danger);font-weight:600}.meta--progress{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:1px 8px;font-weight:600}.task__time{background:var(--color-accent-soft);color:var(--color-accent);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-self:center;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.task>.icon-button{align-self:center}.completed-section{margin-block-start:8px}.completed-section>summary{color:var(--color-muted);cursor:pointer;align-items:center;gap:8px;padding:8px 4px;font-weight:600;list-style:none;display:flex}.completed-section>summary::-webkit-details-marker{display:none}.completed-section>summary:before{content:"";border:2px solid;border-width:0 2px 2px 0;block-size:8px;inline-size:8px;transition:transform .15s;transform:rotate(-45deg)}[dir=rtl] .completed-section>summary:before{transform:rotate(135deg)}.completed-section[open]>summary:before,[dir=rtl] .completed-section[open]>summary:before{transform:rotate(45deg)}.all-done{border-radius:var(--radius);background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-success);text-align:center;padding:16px;font-weight:600}.empty-state{color:var(--color-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.skeleton-list{flex-direction:column;gap:8px;display:flex}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--color-surface-2), var(--color-surface), var(--color-surface-2));background-size:200% 100%;block-size:58px;animation:1.4s linear infinite shimmer}.load-error{border-radius:var(--radius);background:var(--color-danger-soft);color:var(--color-danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters>label{flex:140px}.filters .filters__search{flex:2 240px;align-items:center;display:flex;position:relative}.filters__search .icon{color:var(--color-muted);pointer-events:none;position:absolute;inset-inline-start:12px}.filters .filters__search input{padding-inline-start:40px}.badge{--badge-color:var(--color-accent);border-radius:999px;align-items:center;gap:2px;max-inline-size:100%;padding:1px 8px;font-size:.78rem;font-weight:600;line-height:1.6;display:inline-flex}.badge--soft{background:color-mix(in srgb, var(--badge-color) 16%, transparent);color:color-mix(in srgb, var(--badge-color) 70%, var(--color-text))}.badge--solid{background:var(--badge-color);color:#fff;text-shadow:0 1px 1px #00000040}.badge__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge__hash{opacity:.65}.badge__remove{block-size:20px;inline-size:20px;color:inherit;background:0 0;border:none;border-radius:50%;place-items:center;margin-inline:2px -6px;padding:0;display:grid}.badge__remove:hover{background:color-mix(in srgb, var(--badge-color) 25%, transparent)}.chip-list{flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.label-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.label-row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.label-row__dot{background:var(--badge-color);border-radius:50%;block-size:14px;inline-size:14px}.label-row__main{flex-direction:column;flex:160px;min-inline-size:0;display:flex}.label-row__name{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;min-block-size:36px;margin-inline-start:-8px;padding:4px 8px;font-weight:600}.label-row__name:hover,.label-row__name:focus-visible{border-color:var(--color-border);outline:none}.label-row__count{color:var(--color-muted);font-size:.8rem}.color-picker{border:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.color-picker__swatch,.color-picker__custom{cursor:pointer;border-radius:50%;block-size:24px;inline-size:24px;transition:transform .12s;display:block;position:relative}.color-picker__swatch:hover,.color-picker__custom:hover{transform:scale(1.15)}.color-picker__swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:is(.color-picker__swatch:has(input:checked),.color-picker__custom--active){box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-text)}:is(.color-picker__swatch:has(input:focus-visible),.color-picker__custom:has(input:focus-visible)){outline:2px solid var(--color-accent);outline-offset:4px}.color-picker__custom{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444)}.color-picker__custom input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.combobox{position:relative}.combobox__control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:8px;min-block-size:44px;padding-inline:12px;display:flex}.combobox__control:focus-within{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:0}.field .combobox__control input.combobox__input,.combobox__input{background:0 0;border:none;border-radius:0;flex:1;min-block-size:42px;min-inline-size:0;padding:8px 0}.field .combobox__control input.combobox__input:focus-visible{outline:none}.combobox__swatch{block-size:12px;inline-size:12px}.combobox__list{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-block-size:240px;box-shadow:var(--shadow-lg);margin:0;padding:4px;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;overflow-y:auto}.combobox__list[hidden]{display:none}.combobox__option{cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-block-size:40px;padding-inline:10px;display:flex}.combobox__option:hover,.combobox__option--active{background:var(--color-accent-soft)}.combobox__new{color:var(--color-accent);margin-inline-start:auto}.action-menu{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-inline-size:220px;color:var(--color-text);box-shadow:var(--shadow-lg);margin:0;padding:6px;position:fixed;inset:auto}.action-menu:is(:popover-open,.\:popover-open){flex-direction:column;animation:.14s ease-out menu-in;display:flex}.action-menu__item{border-radius:var(--radius-sm);text-align:start;background:0 0;border:none;align-items:center;gap:12px;min-block-size:42px;padding-inline:12px;display:flex}.action-menu__item:hover,.action-menu__item:focus-visible{background:var(--color-surface-2);outline:none}.action-menu__item .icon{color:var(--color-muted)}.action-menu__item--danger,.action-menu__item--danger .icon{color:var(--color-danger)}.action-menu__item--danger:hover{background:var(--color-danger-soft)}.action-menu__spacer{inline-size:18px}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-block-size:calc(100dvh - 24px);inline-size:min(560px,100vw - 24px);color:var(--color-text);box-shadow:var(--shadow-lg);padding:0}.dialog[open]{animation:.2s ease-out dialog-in}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1480}.dialog--small{inline-size:min(380px,100vw - 24px)}.dialog>form{flex-direction:column;max-block-size:calc(100dvh - 26px);display:flex}.dialog__header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 8px 20px;padding-inline:20px 12px;display:flex}.dialog__body{flex-direction:column;gap:16px;padding:8px 20px 16px;display:flex;overflow-y:auto}.dialog__footer{border-block-start:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}@media (width<=600px){.dialog--editor{border-end-end-radius:0;border-end-start-radius:0;max-block-size:92dvh;inline-size:100vw;max-inline-size:100vw;margin-block-end:0}.dialog--editor[open]{animation:.25s ease-out sheet-in}.dialog--editor>form{max-block-size:92dvh}}.editor__advanced{border-radius:var(--radius);background:var(--color-surface-2);flex-direction:column;gap:16px;padding:12px;display:flex}.editor__advanced>summary{cursor:pointer;font-weight:600}.editor__advanced[open]>summary{margin-block-end:12px}.editor__advanced>*+*{margin-block-start:12px}.editor__advanced output{color:var(--color-accent)}.metadata{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.metadata legend{color:var(--color-muted);margin-block-end:8px;font-size:.875rem;font-weight:600}.metadata__row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:center;gap:8px;display:grid}.metadata>.button{align-self:flex-start}.toaster{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding-inline:16px;display:flex;position:fixed;inset-block-end:max(16px, env(safe-area-inset-bottom));inset-inline:0}.toast{border-radius:var(--radius);color:#f3f4fa;max-inline-size:min(480px,100%);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .25s var(--ease-spring);background:#1f2233;align-items:center;gap:12px;padding:10px 10px 10px 16px;padding-inline:16px 10px;display:flex}.toast--success{border-inline-start:4px solid #4ade80}.toast--error{border-inline-start:4px solid #f87171}.toast__message{flex:1}.toast__action{border-radius:var(--radius-sm);color:#a5a0ff;background:#ffffff1f;border:none;padding:6px 12px;font-weight:700}.toast__action:hover{background:#fff3}.landing,.splash{text-align:center;align-content:center;place-items:center;gap:16px;min-block-size:100dvh;padding:24px;display:grid}.landing{background:radial-gradient(circle at 20% 10%, var(--color-accent-soft), transparent 50%), radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--color-success) 15%, transparent), transparent 50%), var(--color-bg)}.landing__card{border:1px solid var(--color-border);background:var(--color-surface);inline-size:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:40px 28px;display:flex}.landing__logo{border-radius:22px}.landing__tagline{color:var(--color-muted);font-size:1.1rem}.landing__actions{flex-direction:column;gap:10px;inline-size:100%;margin-block-start:8px;display:flex}.splash__logo{animation:1.2s ease-in-out infinite pulse}@keyframes task-enter{0%{opacity:0;transform:translateY(-6px)}}@keyframes check-pop{0%{transform:scale(1)}40%{transform:scale(.75)}to{transform:scale(1)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--angle)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateX(26px) scale(.3)}}@keyframes strike{0%{text-decoration-color:#0000}to{text-decoration-color:currentColor}}@keyframes task-complete{0%,55%{background-color:color-mix(in srgb, var(--color-success) 12%, var(--color-surface));opacity:1;transform:none}to{opacity:.4;transform:scale(.98)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}@keyframes fade-in{0%{opacity:0}}@keyframes pulse{50%{opacity:.7;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}