.todo-form[data-v-aa757f3b]{display:flex;gap:10px}.todo-input[data-v-aa757f3b]{flex:1;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--bg);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.todo-input[data-v-aa757f3b]::placeholder{color:var(--text-muted)}.todo-input[data-v-aa757f3b]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preview[data-v-aa757f3b]{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:var(--radius-md);background-color:var(--accent-soft);font-size:13px;color:var(--text-muted)}.preview-tag[data-v-aa757f3b]{flex:none;padding:1px 7px;border-radius:6px;background-color:var(--surface);color:var(--accent);font-size:12px}.preview-content[data-v-aa757f3b]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.preview-time[data-v-aa757f3b]{flex:none;font-size:12px}@media (max-width: 640px){.todo-form[data-v-aa757f3b]{flex-direction:column}.todo-form .btn[data-v-aa757f3b]{width:100%}.preview-time[data-v-aa757f3b]{display:none}}.todo-item[data-v-e68e5913]{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.todo-item[data-v-e68e5913]:last-child{border-bottom:none;padding-bottom:2px}.checkbox[data-v-e68e5913]{flex:none;width:18px;height:18px;margin-top:3px;accent-color:var(--accent);cursor:pointer}.todo-body[data-v-e68e5913]{flex:1;min-width:0}.todo-content[data-v-e68e5913]{margin:0;word-break:break-word}.is-done .todo-content[data-v-e68e5913]{color:var(--text-muted);text-decoration:line-through}.todo-time[data-v-e68e5913]{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.todo-actions[data-v-e68e5913]{flex:none;display:flex;gap:2px}.edit-form[data-v-e68e5913]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.edit-input[data-v-e68e5913]{flex:1 1 160px;min-width:0;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--bg);color:var(--text);font-size:15px;font-family:inherit;outline:none}.edit-input[data-v-e68e5913]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.edit-actions[data-v-e68e5913]{display:flex;gap:4px}.btn-small[data-v-e68e5913]{height:34px;padding:0 14px;font-size:14px}.edit-error[data-v-e68e5913]{flex:1 0 100%;margin:0;font-size:12px;color:var(--danger)}.theme-toggle[data-v-c1a1541a]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background-color:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-toggle[data-v-c1a1541a]:hover{color:var(--text);border-color:var(--accent)}.list-header[data-v-54cde7cd]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.list-header h2[data-v-54cde7cd]{margin:0}.list-count[data-v-54cde7cd]{margin:0;font-size:12px;color:var(--text-muted)}.list-state[data-v-54cde7cd]{margin:22px 0 8px;text-align:center;font-size:14px;color:var(--text-muted)}.todo-list[data-v-54cde7cd]{margin:0;padding:0;list-style:none}:root{--bg: #f4f6f9;--surface: #ffffff;--text: #17202c;--text-muted: #6b7585;--line: #e6eaf0;--accent: #2f4159;--accent-hover: #233142;--accent-soft: #edf1f6;--danger: #b0504a;--danger-soft: #fdeeed;--radius-lg: 16px;--radius-md: 10px;--shadow: 0 1px 2px rgba(18, 28, 42, .04), 0 8px 24px rgba(18, 28, 42, .05)}[data-theme=dark]{--bg: #10141a;--surface: #171d25;--text: #e7ecf3;--text-muted: #94a0b0;--line: #262f3b;--accent: #4574ab;--accent-hover: #5585c0;--accent-soft: #1e2733;--danger: #e0968f;--danger-soft: #33201f;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}#app{flex:1 0 auto;width:100%}.page{width:100%;max-width:720px;margin:0 auto;padding:40px 20px 48px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.page-header h1{margin:0;font-size:20px;font-weight:600;letter-spacing:.02em}.card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.card+.card{margin-top:18px}.card h2{margin:0 0 14px;font-size:15px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-md);font-size:15px;font-family:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-text{height:30px;padding:0 10px;border-radius:8px;background-color:transparent;color:var(--text-muted);font-size:13px}.btn-text:hover:not(:disabled){background-color:var(--accent-soft);color:var(--text)}.btn-text.is-danger:hover:not(:disabled){color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert{margin:0 0 14px;padding:10px 14px;border-radius:var(--radius-md);background-color:var(--danger-soft);color:var(--danger);font-size:13px}@media (max-width: 640px){.page{padding:26px 16px 36px}.card{padding:18px;border-radius:14px}.page-header h1{font-size:18px}}