*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#e8e8e8}#app{min-height:100vh}.app-container[data-v-cc60a6b9]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#e8e8e8;padding:20px}.mobile-frame[data-v-cc60a6b9]{width:100%;max-width:390px;height:100vh;max-height:844px;background:#fff;border-radius:0;overflow:hidden;box-shadow:none}@media(min-width:500px){.mobile-frame[data-v-cc60a6b9]{border-radius:40px;box-shadow:0 25px 50px -12px #00000040,0 0 0 14px #1a1a1a,0 0 0 16px #333}}@media(max-width:499px){.app-container[data-v-cc60a6b9]{padding:0;background:#fff}}.landing[data-v-e7f725a0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 24px;background:linear-gradient(180deg,#fafafa,#f0f0f0)}.content[data-v-e7f725a0]{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;max-width:320px;width:100%}.logo[data-v-e7f725a0]{width:120px;height:120px;margin-bottom:24px}.title[data-v-e7f725a0]{font-size:48px;font-weight:300;color:#333;letter-spacing:-1px;margin-bottom:8px}.subtitle[data-v-e7f725a0]{font-size:16px;color:#888;margin-bottom:48px}.form[data-v-e7f725a0]{display:flex;flex-direction:column;gap:16px;width:100%}.input[data-v-e7f725a0]{padding:16px 20px;font-size:16px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;transition:all .2s;text-align:center}.input[data-v-e7f725a0]:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px #0000000d}.input[data-v-e7f725a0]::placeholder{color:#bbb}.btn[data-v-e7f725a0]{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:500;border:none;border-radius:12px;background:#333;color:#fff;cursor:pointer;transition:all .2s}.btn[data-v-e7f725a0]:hover:not(:disabled){background:#555;transform:translateY(-1px)}.btn[data-v-e7f725a0]:disabled{background:#ccc;cursor:not-allowed}.hint[data-v-e7f725a0]{margin-top:24px;font-size:13px;color:#aaa}.user-preview[data-v-e7f725a0]{color:#666;font-weight:500}.footer[data-v-e7f725a0]{padding-top:24px}.footer p[data-v-e7f725a0]{font-size:12px;color:#bbb}.todo-app[data-v-798f8954]{display:flex;flex-direction:column;height:100%;background:#fafafa}.app-header[data-v-798f8954]{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 16px;background:#fff;border-bottom:1px solid #eee}.logo-title[data-v-798f8954]{display:flex;align-items:center;gap:10px}.logo[data-v-798f8954]{width:28px;height:28px}.app-header h1[data-v-798f8954]{font-size:28px;font-weight:300;color:#333;letter-spacing:-.5px}.status-indicator[data-v-798f8954]{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:12px}.status-indicator.online[data-v-798f8954]{background:#e8f5e9;color:#2e7d32}.status-indicator.offline[data-v-798f8954]{background:#fff3e0;color:#e65100}.add-form[data-v-798f8954]{display:flex;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #eee}.todo-input[data-v-798f8954]{flex:1;padding:12px 16px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .2s}.todo-input[data-v-798f8954]:focus{outline:none;border-color:#333;background:#fff}.todo-input[data-v-798f8954]::placeholder{color:#aaa}.add-btn[data-v-798f8954]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:8px;background:#333;color:#fff;cursor:pointer;transition:all .2s}.add-btn[data-v-798f8954]:hover:not(:disabled){background:#555}.add-btn[data-v-798f8954]:disabled{background:#ccc;cursor:not-allowed}.loading[data-v-798f8954]{display:flex;justify-content:center;padding:40px;color:#888}.todo-lists[data-v-798f8954]{flex:1;overflow-y:auto;padding:16px 20px}.todo-section[data-v-798f8954]{margin-bottom:24px}.section-title[data-v-798f8954]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:12px}.todo-list[data-v-798f8954]{display:flex;flex-direction:column;gap:8px}.todo-item[data-v-798f8954]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:grab;transition:all .2s}.todo-item[data-v-798f8954]:hover{box-shadow:0 2px 8px #0000001a}.todo-item[data-v-798f8954]:active{cursor:grabbing}.todo-item.done .todo-text[data-v-798f8954]{color:#aaa;text-decoration:line-through}.ghost[data-v-798f8954]{opacity:.5;background:#e8e8e8}.check-btn[data-v-798f8954]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid #ddd;border-radius:50%;background:transparent;cursor:pointer;transition:all .2s;flex-shrink:0}.check-btn[data-v-798f8954]:hover{border-color:#333}.check-btn.checked[data-v-798f8954]{background:#333;border-color:#333;color:#fff}.todo-text[data-v-798f8954]{flex:1;font-size:15px;color:#333;word-break:break-word}.delete-btn[data-v-798f8954]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#ccc;cursor:pointer;transition:all .2s;opacity:0;flex-shrink:0}.todo-item:hover .delete-btn[data-v-798f8954]{opacity:1}.delete-btn[data-v-798f8954]:hover{background:#fee;color:#e53935}.todo-item.done[data-v-798f8954]{background:#f8f8f8}.empty-state[data-v-798f8954]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#aaa}.empty-state p[data-v-798f8954]{font-size:15px}.app-footer[data-v-798f8954]{padding:16px 20px;background:#fff;border-top:1px solid #eee}.todo-count[data-v-798f8954]{font-size:13px;color:#888}