:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff;--color-bg-subtle:#f3f4f6;--color-bg-subtle-2:#e5e7eb;--color-surface:#fff;--color-border-subtle:#e5e7eb;--color-border-default:#6b7280;--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-text-disabled:#9ca3af;--color-accent:#2563eb;--color-on-accent:#fff;--color-accent-emphasis:#1d4ed8;--color-accent-subtle-bg:#dbeafe;--color-accent-subtle-text:#1d4ed8;--color-danger:#dc2626;--shadow-xs:0 1px 2px #0000000f;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs-size:.75rem;--text-xs-lh:1rem;--text-sm-size:.875rem;--text-sm-lh:1.25rem;--text-base-size:1rem;--text-base-lh:1.5rem;--text-2xl-size:1.875rem;--text-2xl-lh:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--focus-ring-width:2px;--focus-ring-offset:2px;--control-size:40px;--row-height:calc(var(--text-base-lh) + var(--space-1) * 2 + 1px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#18181b;--color-bg-subtle:#27272a;--color-bg-subtle-2:#3f3f46;--color-surface:#18181b;--color-border-subtle:#3f3f46;--color-border-default:#a1a1aa;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#52525b;--color-accent:#2563eb;--color-on-accent:#fff;--color-accent-emphasis:#60a5fa;--color-accent-subtle-bg:#1e3a8a;--color-accent-subtle-text:#bfdbfe;--color-danger:#f87171;--shadow-xs:0 1px 2px #00000073}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base-size);line-height:var(--text-base-lh);font-weight:var(--font-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}h1{font-size:var(--text-2xl-size);line-height:var(--text-2xl-lh);font-weight:var(--font-semibold);margin:0}p{margin:0}img{max-width:100%}:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-emphasis);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{padding-inline:var(--space-4);padding-block:var(--space-8)}.screen{gap:var(--space-5);flex-direction:column;max-width:720px;margin-inline:auto;display:flex}.screen__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.screen__content{min-height:calc(var(--row-height) * 10 + var(--space-2) * 9)}.status-message{color:var(--color-text-secondary);font-size:var(--text-sm-size);line-height:var(--text-sm-lh)}.todo-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.todo-list__item{color:var(--color-text-primary);font-size:var(--text-base-size);line-height:var(--text-base-lh);padding-block:var(--space-1);border-bottom:1px solid var(--color-border-subtle);overflow-wrap:anywhere}.empty-state{color:var(--color-text-secondary);font-size:var(--text-base-size);text-align:center;padding-block:var(--space-8)}.skeleton-row{padding-block:var(--space-1);border-bottom:1px solid #0000;align-items:center;display:flex}.skeleton-bar{height:var(--text-base-lh);border-radius:var(--radius-sm);background-image:linear-gradient(90deg, var(--color-bg-subtle) 0%, var(--color-bg-subtle-2) 50%, var(--color-bg-subtle) 100%);background-size:200% 100%;animation:1.4s linear infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border-inline-start:4px solid var(--color-danger);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.error-banner__message{color:var(--color-danger);font-size:var(--text-sm-size);line-height:var(--text-sm-lh)}.button,.pagination__button{min-width:var(--control-size);min-height:var(--control-size);padding-inline:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm-size);line-height:var(--text-sm-lh);font-weight:var(--font-medium);cursor:pointer;transition:background-color .12s ease-out}.button:hover,.pagination__button:hover:not(:disabled){background-color:var(--color-bg-subtle)}.button:active,.pagination__button:active:not(:disabled){background-color:var(--color-bg-subtle-2);transition:none}.pagination__button:disabled{color:var(--color-text-disabled);border-color:var(--color-text-disabled);cursor:not-allowed}.pagination__button[aria-current=page]{background-color:var(--color-accent-subtle-bg);color:var(--color-accent-subtle-text);border:2px solid var(--color-accent-emphasis);font-weight:var(--font-semibold)}.page-size{align-items:center;gap:var(--space-2);font-size:var(--text-sm-size);line-height:var(--text-sm-lh);display:flex}.page-size label{color:var(--color-text-secondary);font-weight:var(--font-normal)}.page-size__select,.page-jump-select{min-height:var(--control-size);padding-inline:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm-size);cursor:pointer}.page-size__select:disabled,.page-jump-select:disabled{color:var(--color-text-disabled);border-color:var(--color-text-disabled);cursor:not-allowed}.pagination__list{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination__item{display:flex}.pagination__button--edge{padding-inline:var(--space-2);font-size:var(--text-base-size)}.pagination__ellipsis{min-width:var(--space-6);min-height:var(--control-size);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.pagination__item--jump{display:none}@media (width<=479px){:root{--control-size:44px}.pagination__item--page{display:none}.pagination__item--jump{flex-basis:100%;order:1;justify-content:center;display:flex}.pagination__button--edge{min-width:44px;padding-inline:var(--space-2)}.page-jump-select{white-space:normal;width:min(100%,220px);min-height:44px}.status-message{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen__toolbar{flex-direction:column;align-items:stretch}.page-size{justify-content:space-between}.page-size__select{min-width:44px}}@media (prefers-reduced-motion:reduce){.skeleton-bar{background-image:none;background-color:var(--color-bg-subtle);animation:none}}