*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;display:flex;justify-content:center;padding:48px 16px;min-height:100vh}#__next,#root,.app{width:100%}.app{max-width:500px}.input-row{display:flex;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:4px 4px 0 0;overflow:hidden}.input-row input{flex:1 1;border:none;padding:16px;font-size:18px;outline:none}.input-row input::placeholder{color:#ccc;font-style:italic}.input-row button{border:none;background:none;font-size:18px;padding:16px 20px;cursor:pointer;color:#4fc08d;font-weight:600;transition:background .15s}.input-row button:hover{background:#f9f9f9}.filters{display:flex;background:#fff;border-top:1px solid #eee;padding:8px 16px;gap:4px;font-size:14px}.filters button{border:none;background:none;padding:4px 8px;cursor:pointer;color:#777;border-radius:3px;transition:all .15s}.filters button:hover{color:#333}.filters button.active{border:1px solid #4fc08d;color:#4fc08d}.todo-list{list-style:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}.todo-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #f0f0f0;transition:background .15s;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.todo-list li:first-child{border-top:none}.todo-list li.dragging{opacity:.4;background:#f9f9f9}.todo-list li.drag-over{border-bottom:2px solid #4fc08d}.todo-list li.drag-over-above{border-top:2px solid #4fc08d;border-bottom:none}.todo-list li .checkbox{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s;font-size:12px}.todo-list li .checkbox:hover{border-color:#4fc08d}.todo-list li .checkbox.checked{background:#4fc08d;border-color:#4fc08d;color:#fff}.todo-list li .text{flex:1 1;font-size:16px;transition:color .15s}.todo-list li .text.completed{color:#ccc;text-decoration:line-through}.todo-list li .date{font-size:12px;color:#bbb;margin-top:2px}.todo-list li .delete{border:none;background:none;font-size:20px;cursor:pointer;color:#ccc;padding:4px;line-height:1;transition:color .15s;visibility:hidden}.todo-list li:hover .delete{visibility:visible}.todo-list li .delete:hover{color:#e74c3c}.footer{display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #eee;padding:8px 16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:0 0 4px 4px}.footer,.footer button{font-size:13px;color:#888}.footer button{border:none;background:none;cursor:pointer;transition:color .15s}.footer button:hover{color:#e74c3c}.empty{text-align:center;padding:32px 16px;color:#ccc;font-style:italic;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:0 0 4px 4px}.auth-section{margin:0 auto}.auth-section h1{font-size:64px;font-weight:200;color:#e0d5d5;text-align:center;margin-bottom:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}