*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1a1815;--ink2: #4a4540;--ink3: #9a9088;--paper: #f5f2ec;--paper2: #edeae2;--paper3: #e2ddd5;--accent: #c94f2c;--accent2: #e8956d;--success: #2e7d5e;--warn: #b8860b;--radius: 10px;--shadow: 0 2px 12px rgba(26,24,21,.08)}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;line-height:1.6}.app-shell{min-height:100vh;display:flex;flex-direction:column}.nav{background:var(--ink);padding:0 24px;position:sticky;top:0;z-index:100}.nav-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.nav-logo{font-family:"DM Serif Display",serif;font-size:1.25rem;color:var(--paper);letter-spacing:.02em}.nav-links{display:flex;gap:8px}.nav-link{color:var(--ink3);text-decoration:none;font-size:.875rem;font-weight:500;padding:6px 14px;border-radius:20px;transition:all .15s}.nav-link:hover{color:var(--paper);background:#ffffff14}.nav-link.router-link-active{color:var(--paper);background:var(--accent)}.main-content{flex:1;max-width:720px;width:100%;margin:0 auto;padding:40px 24px 80px}.todo-item[data-v-a90d8a8d]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--paper3);border-radius:var(--radius);transition:all .2s;animation:slideIn-a90d8a8d .2s ease}@keyframes slideIn-a90d8a8d{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.todo-item.deleting[data-v-a90d8a8d]{opacity:0;transform:translate(16px) scale(.97)}.todo-item[data-v-a90d8a8d]:hover{border-color:var(--paper3);box-shadow:var(--shadow)}.todo-item.done[data-v-a90d8a8d]{background:var(--paper)}.todo-item.done .todo-text[data-v-a90d8a8d]{color:var(--ink3);text-decoration:line-through}.check-btn[data-v-a90d8a8d]{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:var(--success)}.check-ring[data-v-a90d8a8d]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--paper3);transition:all .15s;background:transparent}.done .check-ring[data-v-a90d8a8d]{background:var(--success);border-color:var(--success);color:#fff}.check-ring svg[data-v-a90d8a8d]{width:12px;height:12px}.todo-text[data-v-a90d8a8d]{flex:1;font-size:.9375rem;color:var(--ink);transition:color .15s}.priority-dot[data-v-a90d8a8d]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.p-high[data-v-a90d8a8d]{background:var(--accent)}.p-medium[data-v-a90d8a8d]{background:var(--warn)}.p-low[data-v-a90d8a8d]{background:var(--success)}.del-btn[data-v-a90d8a8d]{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--ink3);padding:4px;border-radius:6px;opacity:0;transition:all .15s;display:flex}.del-btn svg[data-v-a90d8a8d]{width:14px;height:14px}.todo-item:hover .del-btn[data-v-a90d8a8d]{opacity:1}.del-btn[data-v-a90d8a8d]:hover{color:var(--accent);background:#fef2ee}.home[data-v-d97958e1]{display:flex;flex-direction:column;gap:20px}.page-header[data-v-d97958e1]{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.page-title[data-v-d97958e1]{font-family:"DM Serif Display",serif;font-size:2rem;font-weight:400;color:var(--ink);line-height:1.1}.page-sub[data-v-d97958e1]{font-size:.875rem;color:var(--ink3);margin-top:4px}.page-sub strong[data-v-d97958e1]{color:var(--ink2)}.progress-ring-wrap[data-v-d97958e1]{position:relative;width:52px;height:52px}.progress-ring[data-v-d97958e1]{width:52px;height:52px}.ring-pct[data-v-d97958e1]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:500;color:var(--ink2)}.input-card[data-v-d97958e1]{background:#fff;border:1px solid var(--paper3);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.todo-input[data-v-d97958e1]{width:100%;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:1rem;color:var(--ink);background:transparent;padding-bottom:10px;border-bottom:1.5px solid var(--paper3);transition:border-color .15s}.todo-input[data-v-d97958e1]:focus{border-color:var(--ink)}.todo-input[data-v-d97958e1]::placeholder{color:var(--ink3)}.input-bottom[data-v-d97958e1]{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.priority-select[data-v-d97958e1]{display:flex;gap:6px}.p-btn[data-v-d97958e1]{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:20px;border:1.5px solid var(--paper3);background:transparent;cursor:pointer;color:var(--ink3);transition:all .15s}.p-btn.active.p-high[data-v-d97958e1]{background:#fef2ee;border-color:var(--accent);color:var(--accent)}.p-btn.active.p-medium[data-v-d97958e1]{background:#fef9e7;border-color:var(--warn);color:var(--warn)}.p-btn.active.p-low[data-v-d97958e1]{background:#edf7f3;border-color:var(--success);color:var(--success)}.add-btn[data-v-d97958e1]{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;padding:8px 20px;border-radius:20px;border:none;background:var(--ink);color:var(--paper);cursor:pointer;transition:all .15s}.add-btn[data-v-d97958e1]:hover:not(:disabled){background:var(--accent)}.add-btn[data-v-d97958e1]:disabled{opacity:.35;cursor:not-allowed}.filter-tabs[data-v-d97958e1]{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tab[data-v-d97958e1]{font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:500;padding:6px 14px;border-radius:20px;border:1.5px solid var(--paper3);background:transparent;color:var(--ink3);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.tab[data-v-d97958e1]:hover{border-color:var(--ink3);color:var(--ink2)}.tab.active[data-v-d97958e1]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tab-count[data-v-d97958e1]{font-size:.75rem;background:#00000012;padding:1px 6px;border-radius:10px}.tab.active .tab-count[data-v-d97958e1]{background:#ffffff26}.tab-clear[data-v-d97958e1]{margin-left:auto;color:var(--accent);border-color:transparent}.tab-clear[data-v-d97958e1]:hover{background:#fef2ee;border-color:var(--accent2)}.todo-list[data-v-d97958e1]{display:flex;flex-direction:column;gap:8px}.list-enter-active[data-v-d97958e1],.list-leave-active[data-v-d97958e1]{transition:all .2s ease}.list-enter-from[data-v-d97958e1]{opacity:0;transform:translateY(-6px)}.list-leave-to[data-v-d97958e1]{opacity:0;transform:translate(12px)}.list-move[data-v-d97958e1]{transition:transform .2s}.empty[data-v-d97958e1]{text-align:center;padding:56px 24px;color:var(--ink3)}.empty-icon[data-v-d97958e1]{font-size:2.5rem;margin-bottom:12px;opacity:.3}.about[data-v-a9f14eae]{display:flex;flex-direction:column;gap:24px}.page-title[data-v-a9f14eae]{font-family:"DM Serif Display",serif;font-size:2rem;font-weight:400}.card[data-v-a9f14eae]{background:#fff;border:1px solid var(--paper3);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.card h2[data-v-a9f14eae]{font-family:"DM Serif Display",serif;font-size:1.25rem;font-weight:400}.card p[data-v-a9f14eae],.card li[data-v-a9f14eae]{font-size:.9375rem;color:var(--ink2)}.card ul[data-v-a9f14eae]{padding-left:20px;display:flex;flex-direction:column;gap:6px}.badge-row[data-v-a9f14eae]{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.badge[data-v-a9f14eae]{font-size:.75rem;font-weight:500;padding:4px 12px;border-radius:20px;background:var(--paper2);color:var(--ink2);border:1px solid var(--paper3)}.note[data-v-a9f14eae]{font-size:.875rem;color:var(--ink3);line-height:1.7;padding:16px;border-left:3px solid var(--accent);background:#fef2ee;border-radius:0 var(--radius) var(--radius) 0}