#todo-root{--bg:#0B1220;--card:rgba(18,26,44,0.72);--card-shadow:0 16px 40px rgba(0,0,0,0.35);--text:#E9EDF5;--secondary:#B3BCD3;--muted:#8190A5;--border:rgba(255,255,255,0.06);--primary:#7C8CFF}#todo-root[data-theme=light]{--bg:#FFFFFF;--card:#FFFFFF;--card-shadow:0 18px 38px rgba(15,23,42,0.12);--text:#0B1220;--secondary:#4B5563;--muted:#6B7280;--border:rgba(17,24,39,0.08);--primary:#7C8CFF}#todo-root{background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}#todo-root .todo-card{background-color:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--card-shadow);color:var(--text);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}#todo-root .todo-icon-button{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:999px;border:1px solid var(--border);color:var(--text);background-color:transparent;transition:background-color .2s ease,border-color .2s ease}#todo-root .todo-icon-button:hover{background-color:rgba(255,255,255,.08)}#todo-root[data-theme=light] .todo-icon-button:hover{background-color:rgba(15,23,42,.06)}#todo-root .todo-button-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.65rem 1.25rem;background-color:var(--primary);color:#ffffff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 38px rgba(124,140,255,.35)}#todo-root .todo-button-primary:hover{transform:translateY(-1px);box-shadow:0 22px 46px rgba(124,140,255,.4)}#todo-root .todo-skeleton{border-radius:24px;background-color:rgba(255,255,255,.08);border:1px solid var(--border);animation:todo-skeleton-pulse 1.4s ease-in-out infinite}#todo-root[data-theme=light] .todo-skeleton{background-color:rgba(15,23,42,.06)}@keyframes todo-skeleton-pulse{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}#todo-root .todo-text-muted{color:var(--muted)}#todo-root .todo-text-secondary{color:var(--secondary)}