.login[data-v-b23ff9fc]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.login__card[data-v-b23ff9fc]{width:100%;max-width:340px;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center}.login__title[data-v-b23ff9fc]{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.login__hint[data-v-b23ff9fc]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.login__form[data-v-b23ff9fc]{display:flex;flex-direction:column;gap:var(--spacing-md)}.login__input[data-v-b23ff9fc]{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);font-size:var(--font-size-base);text-align:center;outline:none;transition:border-color var(--transition-fast);min-height:44px}.login__input[data-v-b23ff9fc]:focus{border-color:var(--color-primary)}.login__error[data-v-b23ff9fc]{color:var(--color-danger);font-size:var(--font-size-sm);margin:calc(-1 * var(--spacing-xs)) 0}.login__btn[data-v-b23ff9fc]{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;min-height:44px;transition:background var(--transition-fast)}.login__btn[data-v-b23ff9fc]:active{background:var(--color-primary-dark)}.login__btn[data-v-b23ff9fc]:disabled{opacity:.5}.todo-input[data-v-84e95d98]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.todo-input__field[data-v-84e95d98]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}.todo-input__field[data-v-84e95d98]:focus{border-color:var(--color-primary)}.todo-input__btn[data-v-84e95d98]{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;transition:background var(--transition-fast);min-height:44px}.todo-input__btn[data-v-84e95d98]:active{background:var(--color-primary-dark)}.todo-input__btn[data-v-84e95d98]:disabled{opacity:.5}.todo-item[data-v-2ba7c3f5]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),opacity var(--transition-normal);min-height:56px;touch-action:manipulation}.todo-item--sort[data-v-2ba7c3f5]{cursor:grab}.todo-item--sort[data-v-2ba7c3f5]:active{cursor:grabbing;box-shadow:var(--shadow-drag)}.todo-item__handle[data-v-2ba7c3f5]{color:var(--color-text-secondary);flex-shrink:0;display:flex;align-items:center;padding:var(--spacing-xs)}.todo-item__check[data-v-2ba7c3f5]{flex-shrink:0;padding:var(--spacing-xs);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.todo-item__checkbox[data-v-2ba7c3f5]{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.todo-item__checkbox.checked[data-v-2ba7c3f5]{background:var(--color-success);border-color:var(--color-success)}.todo-item__title[data-v-2ba7c3f5]{flex:1;word-break:break-word;transition:color var(--transition-fast)}.todo-item--completed .todo-item__title[data-v-2ba7c3f5]{color:var(--color-text-completed);text-decoration:line-through}.todo-item__delete[data-v-2ba7c3f5]{flex-shrink:0;color:var(--color-text-secondary);padding:var(--spacing-xs);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:color var(--transition-fast),background var(--transition-fast)}.todo-item__delete[data-v-2ba7c3f5]:active{color:var(--color-danger);background:#fc81811a}.todo-list__items[data-v-0376813a]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.todo-list__loading[data-v-0376813a]{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}[data-v-0376813a] .todo-item--ghost{opacity:.4;background:var(--color-bg-input)}[data-v-0376813a] .todo-item--drag{box-shadow:var(--shadow-drag);transform:scale(1.02)}.sort-toggle[data-v-091a2c93]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--color-primary);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);min-height:36px;transition:all var(--transition-fast)}.sort-toggle--active[data-v-091a2c93]{background:var(--color-primary);color:#fff}.app[data-v-74355bd8]{max-width:500px;margin:0 auto;padding:var(--spacing-md);min-height:100vh}.app-header[data-v-74355bd8]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0 var(--spacing-md)}.app-title[data-v-74355bd8]{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.app-main[data-v-74355bd8]{display:flex;flex-direction:column;gap:var(--spacing-md)}.app-actions[data-v-74355bd8]{display:flex;align-items:center;gap:var(--spacing-sm)}.refresh-btn[data-v-74355bd8]{color:var(--color-text-secondary);padding:var(--spacing-xs);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:color var(--transition-fast),background var(--transition-fast)}.refresh-btn[data-v-74355bd8]:active{color:var(--color-primary);background:#667eea1a}.refresh-btn--spin svg[data-v-74355bd8]{animation:spin-74355bd8 .8s linear infinite}@keyframes spin-74355bd8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-hint[data-v-74355bd8]{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-sm)}:root{--color-primary: #667eea;--color-primary-light: #a3b1f7;--color-primary-dark: #4c5fd5;--color-bg: #f8f9fc;--color-bg-card: #ffffff;--color-bg-input: #f0f2f8;--color-text: #2d3748;--color-text-secondary: #a0aec0;--color-text-completed: #cbd5e0;--color-success: #68d391;--color-danger: #fc8181;--color-border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-drag: 0 8px 24px rgba(102, 126, 234, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);-webkit-font-smoothing:antialiased}input,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}