:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}.box[data-v-228dad32]{box-sizing:border-box;background-color:#f9f9f9;border:1px solid #ddd;border-radius:12px;transition:all .3s;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;display:flex!important}.box.done[data-v-228dad32]{background-color:#f58e5e;border-color:#f58e5e}.box-label[data-v-228dad32]{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;width:100%!important;height:100%!important}.checkbox[data-v-228dad32]{cursor:pointer;margin-right:15px;transform:scale(2)}.text[data-v-228dad32]{color:#333;-webkit-user-select:none;user-select:none;white-space:normal;word-break:break-all;font-size:32px;font-weight:700;line-height:1.3;display:block}.box.done .text[data-v-228dad32]{color:#fff}.container{box-sizing:border-box;padding:20px;flex-direction:column!important;height:100vh!important;display:flex!important}.boxspace{gap:20px;width:100%;height:100%;flex-grow:1!important;padding:100px 0!important;display:grid!important}.box-count-1{grid-template-rows:1fr!important}.box-count-2{grid-template-rows:repeat(2,1fr)!important}.box-count-3{grid-template-rows:repeat(3,1fr)!important}.box-count-4{grid-template-rows:repeat(4,1fr)!important;grid-template-columns:1fr!important}.box-count-5plus{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:max-content!important}.box-count-5plus>*{min-height:120px;height:auto!important}.boxspace>*{display:block;width:100%!important;height:auto!important}.circle-btn{color:#fff;cursor:pointer;z-index:101;background-color:#4fc08d;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;position:fixed;top:20px;right:20px;box-shadow:0 4px 6px #0000001a}.floating-menu{color:#2c3e50;z-index:100;box-sizing:border-box;background:#fff;width:350px;height:100vh;padding:80px 20px 20px;transition:right .3s;position:fixed;top:0;right:-350px;overflow-y:auto;box-shadow:-4px 0 12px #00000026}.floating-menu.is-open{right:0}.floating-menu ul{margin:0;padding:0;list-style:none}.floating-menu li{margin:10px 0}.container{align-content:start;min-height:100vh;padding:20px;display:grid}.sortable-list{margin-top:10px}.sortable-item{cursor:grab;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;align-items:center;padding:8px 12px;display:flex;margin-bottom:6px!important}.sortable-item:active{cursor:grabbing}.drag-handle{color:#999;-webkit-user-select:none;user-select:none;margin-right:10px;font-weight:700}.item-text{flex-grow:1}.help-content h4{color:#4fc08d;margin:15px 0 5px}.help-content p{margin:0 0 10px;font-size:14px;line-height:1.6}.back-btn{cursor:pointer;background:#eee;border:none;border-radius:4px;margin-bottom:15px;padding:6px 12px}.empty-state{text-align:center;color:#7f8c8d;grid-column:1/-1;padding-top:40px;font-size:16px}.menu-btn{cursor:pointer;text-align:left;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.menu-btn.reset{color:#c0392b;background:#fff0f0;border-color:#fcc}.menu-title{margin-top:15px;margin-bottom:5px;font-weight:700}.menu-btn.clear-all{color:#2980b9;background:#e8f4fd;border-color:#bbeeec;font-weight:700}.menu-btn.clear-all:active{background:#d4ebfd}@media screen and (width<=768px){.boxspace{gap:12px!important;padding:70px 0 20px!important}.box-count-5plus :deep(.text){white-space:normal!important;word-break:break-all!important;font-size:20px!important;line-height:1.3!important;display:inline-block!important}.box-count-5plus>*{height:auto!important;min-height:90px!important}.circle-btn{width:45px;height:45px;font-size:18px;top:15px;right:15px}.floating-menu{width:100vw;padding-top:70px;right:-100vw}.floating-menu.is-open{right:0}h1{letter-spacing:-.5px;white-space:nowrap;margin-top:0;margin-bottom:5px;padding-right:55px;font-size:1.15rem!important}}