:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f126;--danger:#ef4444;--danger-bg:#ef44441a;--text:#1e293b;--text-muted:#94a3b8;--bg:#f8fafc;--bg-card:#fff;--border:#e2e8f0;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--primary:#818cf8;--primary-hover:#6366f1;--primary-glow:#818cf833;--danger:#f87171;--danger-bg:#f871711a;--text:#f1f5f9;--text-muted:#64748b;--bg:#0f172a;--bg-card:#1e293b;--border:#334155}}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}::selection{background:var(--primary-glow);color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.todo-input[data-v-4ea2ba7b]{gap:8px;margin-bottom:24px;display:flex}.todo-input__field[data-v-4ea2ba7b]{border:2px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.todo-input__field[data-v-4ea2ba7b]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.todo-input__field[data-v-4ea2ba7b]::placeholder{color:var(--text-muted)}.todo-input__button[data-v-4ea2ba7b]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .1s,opacity .2s;display:flex}.todo-input__button[data-v-4ea2ba7b]:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.todo-input__button[data-v-4ea2ba7b]:active:not(:disabled){transform:scale(.95)}.todo-input__button[data-v-4ea2ba7b]:disabled{opacity:.4;cursor:not-allowed}.todo-input__direction[data-v-4ea2ba7b]{border:2px solid var(--border);background:var(--bg-card);width:48px;height:48px;color:var(--text-muted);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.todo-input__direction[data-v-4ea2ba7b]:hover,.todo-input__direction--bottom[data-v-4ea2ba7b]{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.todo-item[data-v-f67dad1a]{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s,opacity .3s;animation:.2s ease-out slideIn-f67dad1a;display:flex}@keyframes slideIn-f67dad1a{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.todo-item[data-v-f67dad1a]:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-glow)}.todo-item--completed[data-v-f67dad1a]{opacity:.6}.todo-item--completed .todo-item__title[data-v-f67dad1a]{color:var(--text-muted);text-decoration:line-through}.todo-item__toggle[data-v-f67dad1a]{border:2px solid var(--border);cursor:pointer;color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.todo-item__toggle[data-v-f67dad1a]:hover{border-color:var(--primary)}.todo-item__toggle--checked[data-v-f67dad1a]{background:var(--primary);border-color:var(--primary);color:#fff}.todo-item__title[data-v-f67dad1a]{color:var(--text);word-break:break-word;flex:1;font-size:16px;line-height:1.4}.todo-item__delete[data-v-f67dad1a]{width:32px;height:32px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.todo-item:hover .todo-item__delete[data-v-f67dad1a]{opacity:1}.todo-item__delete[data-v-f67dad1a]:hover{background:var(--danger-bg);color:var(--danger)}.todo-footer[data-v-7689718d]{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding:16px 4px 0;font-size:14px;display:flex}.todo-footer__count strong[data-v-7689718d]{color:var(--text)}.todo-footer__clear[data-v-7689718d]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .2s}.todo-footer__clear[data-v-7689718d]:hover{color:var(--danger);background:var(--danger-bg)}.install-button-wrapper[data-v-1f63f58f]{text-align:center;margin-bottom:20px}.install-button[data-v-1f63f58f]{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 2px 8px var(--primary-glow);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.install-button[data-v-1f63f58f]:hover{background:var(--primary-hover);box-shadow:0 4px 14px var(--primary-glow);transform:translateY(-1px)}.install-button[data-v-1f63f58f]:active{transform:translateY(0)}.install-button__installed[data-v-1f63f58f]{color:var(--primary);background:var(--primary-glow);border-radius:8px;align-items:center;gap:6px;margin:0;padding:6px 14px;font-size:13px;display:inline-flex}.app[data-v-4ed63b90]{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:32px 20px;display:flex}.app__header[data-v-4ed63b90]{text-align:center;margin-bottom:32px}.app__title[data-v-4ed63b90]{color:var(--text);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700}.app__subtitle[data-v-4ed63b90]{color:var(--text-muted);margin:4px 0 0;font-size:14px}.app__main[data-v-4ed63b90]{flex:1}.todo-list[data-v-4ed63b90]{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app__loading[data-v-4ed63b90]{justify-content:center;padding:48px 0;display:flex}.spinner[data-v-4ed63b90]{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin-4ed63b90}@keyframes spin-4ed63b90{to{transform:rotate(360deg)}}.app__error[data-v-4ed63b90]{text-align:center;color:var(--danger);background:var(--danger-bg);border-radius:12px;padding:24px;font-size:14px}.app__empty[data-v-4ed63b90]{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 0;font-size:14px;display:flex}.app__footer[data-v-4ed63b90]{text-align:center;padding-top:32px}.app__online-status[data-v-4ed63b90]{color:var(--text-muted);margin:0;font-size:12px}.list-enter-active[data-v-4ed63b90],.list-leave-active[data-v-4ed63b90]{transition:all .3s}.list-enter-from[data-v-4ed63b90]{opacity:0;transform:translate(-16px)}.list-leave-to[data-v-4ed63b90]{opacity:0;transform:translate(16px)}.list-move[data-v-4ed63b90]{transition:transform .3s}