:root{--color-brown-dark: #5D4E37;--color-brown: #8B5A2B;--color-brown-light: #A0522D;--color-peru: #CD853F;--color-wheat: #DEB887;--color-ivory: #FFFFF0;--color-linen: #FAF0E6;--color-bisque: #F5EBE0;--color-wheat-light: #F5DEB3;--color-cream: #E8D5B7;--color-tan: #D2B48C;--color-sienna: #A0522D;--color-vermilion: #E03F3F;--color-jade: #4A9E8E;--color-lotus: #E4C6D0;--color-apricot: #F2A93B;--color-indigo: #2A5CAA;--color-moonlight: #D6ECF0;--color-pine: #BACEA8;--color-text-primary: #5D4E37;--color-text-secondary: #8B5A2B;--color-text-muted: #B8A082;--shadow-soft: 0 4px 12px rgba(139, 90, 43, .1);--shadow-medium: 0 8px 24px rgba(139, 90, 43, .15);--shadow-strong: 0 20px 60px rgba(139, 90, 43, .2);--font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-bisque) 50%,var(--color-cream) 100%)}#app{width:100%;min-height:100vh;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-linen);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-peru);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-brown)}::selection{background:var(--color-peru);color:#fff}:focus-visible{outline:2px solid var(--color-brown);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-brown);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-peru)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}@media (max-width: 640px){:root{font-size:14px}}.todo-item[data-v-a1bc5149]{background:#00000005;border-radius:12px;margin-bottom:8px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(20px) scale(.95)}.todo-item.visible[data-v-a1bc5149]{opacity:1;transform:translateY(0) scale(1)}.todo-item[data-v-a1bc5149]:hover,.todo-item.expanded[data-v-a1bc5149]{background:#0000000a}.todo-item.completed[data-v-a1bc5149]{background:#00000003}.todo-content[data-v-a1bc5149]{display:flex;align-items:center;padding:16px;gap:12px;cursor:pointer}.checkbox[data-v-a1bc5149]{width:24px;height:24px;border:2px solid;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.checkbox[data-v-a1bc5149]:hover{opacity:.8;transform:scale(1.1)}.checkbox svg[data-v-a1bc5149]{color:#fff}.check-enter-active[data-v-a1bc5149]{animation:checkIn-a1bc5149 .4s cubic-bezier(.34,1.56,.64,1)}.check-leave-active[data-v-a1bc5149]{animation:checkOut-a1bc5149 .2s cubic-bezier(.4,0,.2,1)}@keyframes checkIn-a1bc5149{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes checkOut-a1bc5149{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(0) rotate(180deg)}}.todo-text-wrapper[data-v-a1bc5149]{flex:1;min-width:0}.todo-text[data-v-a1bc5149]{color:#333;font-size:15px;line-height:1.5;word-break:break-word;transition:all .3s ease}.todo-item.completed .todo-text[data-v-a1bc5149]{color:#999;text-decoration:line-through}.edit-input[data-v-a1bc5149]{width:100%;border:none;background:#0000000d;padding:8px 12px;border-radius:8px;font-size:15px;color:#333;outline:none;transition:all .3s ease}.edit-input[data-v-a1bc5149]:focus{background:#00000014;box-shadow:0 0 0 2px var(--primary)}.todo-actions[data-v-a1bc5149]{display:flex;gap:8px;opacity:0;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.todo-item:hover .todo-actions[data-v-a1bc5149]{opacity:1;transform:translate(0)}.action-btn[data-v-a1bc5149]{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all .3s ease}.action-btn[data-v-a1bc5149]:hover{background:#00000014}.edit-btn[data-v-a1bc5149]:hover{color:var(--primary)}.delete-btn[data-v-a1bc5149]:hover{color:#c41e3a;background:#c41e3a1a}.time-info[data-v-a1bc5149]{padding:0 16px 12px 52px}.time-text[data-v-a1bc5149]{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.time-text svg[data-v-a1bc5149]{opacity:.6}.slide-time-enter-active[data-v-a1bc5149]{animation:slideTimeIn-a1bc5149 .3s ease}.slide-time-leave-active[data-v-a1bc5149]{animation:slideTimeOut-a1bc5149 .2s ease}@keyframes slideTimeIn-a1bc5149{0%{opacity:0;max-height:0;padding-bottom:0}to{opacity:1;max-height:40px;padding-bottom:12px}}@keyframes slideTimeOut-a1bc5149{0%{opacity:1;max-height:40px;padding-bottom:12px}to{opacity:0;max-height:0;padding-bottom:0}}@media (max-width: 640px){.todo-content[data-v-a1bc5149]{padding:14px 12px}.todo-actions[data-v-a1bc5149]{opacity:1;transform:translate(0)}.action-btn[data-v-a1bc5149]{width:28px;height:28px}.time-info[data-v-a1bc5149]{padding:0 12px 10px 48px}}.todo-list-container[data-v-178437c1]{min-height:200px}.todo-list[data-v-178437c1]{list-style:none;padding:0;margin:0}.list-enter-active[data-v-178437c1]{animation:slideIn-178437c1 .5s cubic-bezier(.34,1.56,.64,1)}.list-leave-active[data-v-178437c1]{animation:slideOut-178437c1 .4s cubic-bezier(.4,0,.2,1)}.list-move[data-v-178437c1]{transition:transform .5s cubic-bezier(.4,0,.2,1)}@keyframes slideIn-178437c1{0%{opacity:0;transform:translate(-30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut-178437c1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30px) scale(.9)}}.empty-state[data-v-178437c1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-178437c1]{opacity:.4;margin-bottom:16px;animation:float-178437c1 3s ease-in-out infinite}@keyframes float-178437c1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-text[data-v-178437c1]{font-size:18px;color:#333;margin:0 0 8px;font-weight:500}.empty-subtext[data-v-178437c1]{font-size:14px;color:#999;margin:0}.fade-enter-active[data-v-178437c1],.fade-leave-active[data-v-178437c1]{transition:opacity .3s ease}.fade-enter-from[data-v-178437c1],.fade-leave-to[data-v-178437c1]{opacity:0}.input-container[data-v-f94f070f]{margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper[data-v-f94f070f]{display:flex;align-items:center;background:#00000008;border:2px solid rgba(0,0,0,.08);border-radius:16px;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-container.focused .input-wrapper[data-v-f94f070f]{border-color:var(--primary);background:#0000000d;box-shadow:0 0 0 4px #0000000d}.input-icon[data-v-f94f070f]{display:flex;align-items:center;justify-content:center;padding:0 12px;opacity:.6;transition:opacity .3s ease}.input-container.focused .input-icon[data-v-f94f070f]{opacity:1}.todo-input[data-v-f94f070f]{flex:1;border:none;background:transparent;padding:14px 12px;font-size:16px;color:#333;outline:none}.todo-input[data-v-f94f070f]::placeholder{color:#999}.add-btn[data-v-f94f070f]{width:44px;height:44px;border:none;color:#fff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn-f94f070f .3s ease}@keyframes fadeIn-f94f070f{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.add-btn[data-v-f94f070f]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.add-btn[data-v-f94f070f]:active{transform:scale(.95)}@media (max-width: 640px){.input-wrapper[data-v-f94f070f]{border-radius:12px}.todo-input[data-v-f94f070f]{padding:12px 10px;font-size:15px}.add-btn[data-v-f94f070f]{width:40px;height:40px;border-radius:10px}}.app-container[data-v-0af02b42]{min-height:100vh;height:100%;background:linear-gradient(135deg,var(--bg) 0%,#fff 50%,var(--bg) 100%);padding:20px;box-sizing:border-box;transition:all .5s ease}.todo-app[data-v-0af02b42]{max-width:500px;height:calc(100vh - 40px);margin:0 auto;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000001a,0 8px 24px #00000014;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.app-header[data-v-0af02b42]{padding:24px 20px;text-align:center;position:relative;overflow:hidden;transition:background .5s ease;flex-shrink:0}.app-header[data-v-0af02b42]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);animation:shimmer-0af02b42 8s infinite linear}@keyframes shimmer-0af02b42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-content[data-v-0af02b42]{position:relative;z-index:1}.logo[data-v-0af02b42]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo-icon[data-v-0af02b42]{width:40px;height:40px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.app-header h1[data-v-0af02b42]{margin:0;font-size:24px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.subtitle[data-v-0af02b42]{margin:2px 0 0;font-size:11px;color:#ffffffd9;letter-spacing:2px}.settings-btn[data-v-0af02b42]{position:absolute;top:14px;right:14px;width:40px;height:40px;background:#fff3;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.settings-btn[data-v-0af02b42]:hover{background:#ffffff4d;transform:rotate(90deg)}.fixed-section[data-v-0af02b42]{flex-shrink:0;background:#fffffff2;z-index:5}.input-section[data-v-0af02b42]{padding:16px 20px 8px}.settings-panel[data-v-0af02b42]{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-content[data-v-0af02b42]{padding:16px 20px}.settings-section[data-v-0af02b42]{margin-bottom:16px}.settings-section[data-v-0af02b42]:last-child{margin-bottom:0}.settings-section h3[data-v-0af02b42]{font-size:13px;font-weight:600;color:var(--primary);margin:0 0 10px;letter-spacing:1px}.slogan-input[data-v-0af02b42]{width:100%;padding:10px 14px;border:2px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;color:#333;background:#00000005;outline:none;transition:border-color .3s ease;box-sizing:border-box}.slogan-input[data-v-0af02b42]:focus{border-color:var(--primary)}.color-options[data-v-0af02b42]{display:flex;gap:8px;flex-wrap:wrap}.color-option[data-v-0af02b42]{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.color-option[data-v-0af02b42]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-option.active[data-v-0af02b42]{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.check-mark[data-v-0af02b42]{color:#fff;font-size:12px;font-weight:700}.current-color-name[data-v-0af02b42]{font-size:12px;color:var(--primary);margin:8px 0 0;opacity:.7}.danger-btn[data-v-0af02b42]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#c41e3a,#dc143c);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.danger-btn[data-v-0af02b42]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c41e3a4d}.toggle-option[data-v-0af02b42]{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-label[data-v-0af02b42]{font-size:13px;color:#666}.toggle-switch[data-v-0af02b42]{width:44px;height:24px;background:#00000026;border-radius:12px;cursor:pointer;position:relative;transition:background .3s ease}.toggle-switch.active[data-v-0af02b42]{background:var(--primary)}.toggle-thumb[data-v-0af02b42]{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-thumb[data-v-0af02b42]{transform:translate(20px)}.slide-enter-active[data-v-0af02b42],.slide-leave-active[data-v-0af02b42]{transition:all .3s ease}.slide-enter-from[data-v-0af02b42],.slide-leave-to[data-v-0af02b42]{opacity:0;transform:translateY(-10px)}.filter-tabs[data-v-0af02b42]{display:flex;padding:8px 20px 16px;justify-content:center}.filter-tabs-inner[data-v-0af02b42]{display:flex;position:relative;background:#0000000d;border-radius:20px;padding:4px}.filter-indicator[data-v-0af02b42]{position:absolute;top:4px;left:4px;width:calc(33.333% - 2.67px);height:calc(100% - 8px);border-radius:16px;transition:transform .4s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:0 2px 8px #00000026}.filter-btn[data-v-0af02b42]{position:relative;z-index:1;padding:8px 16px;border:none;background:transparent;color:var(--primary);border-radius:16px;cursor:pointer;font-size:13px;font-weight:500;transition:color .3s ease;display:flex;align-items:center;gap:6px;min-width:70px;justify-content:center}.filter-btn.active[data-v-0af02b42]{color:#fff}.count[data-v-0af02b42]{background:#ffffff40;padding:2px 7px;border-radius:10px;font-size:11px}.filter-btn:not(.active) .count[data-v-0af02b42]{background:#0000001a}.scrollable-section[data-v-0af02b42]{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px;scroll-behavior:smooth}.scrollable-section[data-v-0af02b42]::-webkit-scrollbar{width:6px}.scrollable-section[data-v-0af02b42]::-webkit-scrollbar-track{background:transparent}.scrollable-section[data-v-0af02b42]::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px;opacity:.3}.scrollable-section[data-v-0af02b42]::-webkit-scrollbar-thumb:hover{opacity:.5}.app-footer[data-v-0af02b42]{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid rgba(0,0,0,.06);background:#fffffff2;flex-shrink:0}.stats[data-v-0af02b42]{font-size:13px;color:var(--primary);opacity:.7}.clear-btn[data-v-0af02b42]{padding:8px 14px;border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:13px;border-radius:8px;transition:all .3s ease}.clear-btn[data-v-0af02b42]:hover{background:#0000000d;color:var(--primary)}@media (max-width: 640px){.app-container[data-v-0af02b42]{padding:0;min-height:100%;height:100%}.todo-app[data-v-0af02b42]{max-width:100%;max-height:none;height:100vh;border-radius:0;box-shadow:none}.app-header[data-v-0af02b42]{padding:20px 16px}.input-section[data-v-0af02b42]{padding:12px 16px 6px}.filter-tabs[data-v-0af02b42]{padding:6px 16px 12px}.scrollable-section[data-v-0af02b42]{padding:0 16px}.app-footer[data-v-0af02b42]{padding:12px 16px}}