header[data-v-8068c092]{min-height:56px;width:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 0 rgba(0,0,0,.1);position:sticky;background-color:#fff;top:0;z-index:1}header span[data-v-8068c092]{font-weight:700;font-size:26px}header a[data-v-8068c092]{color:#000;text-decoration:none}header .right[data-v-8068c092]{display:flex;align-items:center}header .right>div[data-v-8068c092]:first-child{margin-right:16px}.wrap[data-v-fe10cad4]{position:fixed;background-color:hsla(0,0%,100%,.5);width:100vw;height:100vh;z-index:100;display:flex;align-items:center;justify-content:center}.loader[data-v-fe10cad4]{height:60px;width:60px;border:6px solid #fff;border-right-color:#8c8cf8;border-top-color:#8c8cf8;border-radius:100%;animation:spin-fe10cad4 .8s linear infinite}@keyframes spin-fe10cad4{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}*{font-family:Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box}#app{width:100vw;height:100vh;overflow:hidden}body{margin:0}.wrap{justify-content:center;height:100%}.container,.wrap{display:flex;width:100%}.container{flex-direction:column;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.container::-webkit-scrollbar{display:none}@media(min-width:576px){.container{max-width:500px}}.margin{width:auto;flex-grow:1;background-color:#f2f4f7}.category[data-v-c4274278]{width:80px;padding:8px;margin:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;opacity:.4}.category.selected[data-v-c4274278]{opacity:1}.box[data-v-0a797219]{padding:16px;border-radius:4px;border:1px solid #e5e7eb}.inner[data-v-0a797219]{width:80%;display:flex;align-items:center;justify-content:space-between}.item[data-v-66649b58]{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border-radius:4px;display:flex;flex-direction:column;padding:16px}.item .top[data-v-66649b58]{display:flex;align-items:center}.item .top .left[data-v-66649b58]{display:flex;align-items:center;flex:1;font-weight:700}.item .top .left input[data-v-66649b58]{width:20px;height:20px;margin-right:16px}.item .top .right[data-v-66649b58]{margin-left:16px;width:24px;height:24px;border-radius:50%;background-color:#e5e7eb;text-align:center;line-height:24px;font-size:12px}.item .bottom[data-v-66649b58]{font-size:14px}.item .bottom.isChecked[data-v-66649b58]{text-decoration:line-through}h1[data-v-6abaf4df],p[data-v-6abaf4df]{text-align:center;margin:12px 0}p[data-v-6abaf4df]{font-size:20px}.statistics[data-v-6abaf4df]{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.statistics>div[data-v-6abaf4df]{padding:8px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;margin:4px}.completed[data-v-6abaf4df],.remaining[data-v-6abaf4df]{font-weight:700;font-size:30px;margin-right:16px}.completed[data-v-6abaf4df]{color:#f87171}.remaining[data-v-6abaf4df]{color:#34d399}div[data-v-798d187e]{text-align:center;font-weight:700;margin:24px 0}.category-items[data-v-52b15d32]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}