:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--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);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}li{list-style-type:none}a{text-decoration:none}.todo-container{padding:20px 20px 80px;min-height:100vh}.todo-container h1{font-size:26px;font-weight:700;text-align:center;padding-bottom:30px}.sheet-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;z-index:999}.add-btn,.fab{position:fixed;right:24px;bottom:80px;width:60px;height:60px;border-radius:50%;border:none;background:orange;color:#fff;font-size:32px;cursor:pointer;box-shadow:2px 2px 8px #eee}.todo-input{display:flex;gap:10px;margin:25px 0 0 68px}.todo-input input{width:100%;padding:18px 10px;border-radius:8px;border:none;box-shadow:2px 2px 10px #eee;font-size:14px}.todo-input button{padding:8px 14px;border-radius:10px;border:none;background:orange;color:#fff;font-weight:700}.todo-list{margin-top:25px}.todo-row{display:flex;align-items:center;gap:10px;margin:10px 0}.check-circle{width:24px;height:20px;border-radius:50%;border:3px solid;background-color:transparent;cursor:pointer;box-sizing:border-box}.check-circle.done{background-color:currentColor}.time{width:35px;font-size:12px;color:#888}.todo-box{width:100%;background:#fff;padding:17px 16px;border-radius:14px;box-shadow:0 4px 14px #0000000f;font-size:14px}.todo-box.default{background:#fff}.todo-box.yellow{background:#fff7d6}.todo-box.pink{background:#ffe6ef}.todo-box.purple{background:#f0e9ff}.todo-box.done{text-decoration:line-through;color:#bbb}.todo-content{display:flex;flex-direction:column}.sub-count{display:flex;align-items:center;gap:6px;font-size:12px;color:#999}.sub-count i{display:inline-block;height:15px}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s ease;position:absolute;width:100%}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-100%);opacity:0}.detail-sheet{position:fixed;bottom:0;left:0;width:100%;height:60%;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;padding:20px;z-index:100}.detail-sheet .sheet-header h3{font-weight:600;font-size:21px;text-align:center}.detail-sheet .sheet-header .sheet-actions{display:flex;gap:20px;justify-content:center;margin:25px 0}.detail-sheet .sheet-header .sheet-actions button{width:170px;height:90px;border-radius:18px;border:none;background-color:#eee}.detail-sheet .sheet-header .sheet-actions button i.fi-sr-pencil{font-size:18px;color:#239cff}.detail-sheet .sheet-header .sheet-actions button i.fi-rr-cross-circle{font-size:20px;color:red}.detail-sheet .sheet-header .sheet-actions button p{font-size:15px;font-weight:400;padding-top:1px}.detail-sheet .sheet-header ul{padding-left:20px}.detail-sheet .sheet-header ul li{padding:10px 0 12px;font-size:16px;font-weight:400;color:#111}.detail-sheet .sheet-header ul li:last-child{padding-bottom:0}.detail-sheet .sheet-header ul li .icon{display:inline-flex;width:36px;height:36px;border-radius:100%;align-items:center;justify-content:center;margin-right:10px}.detail-sheet .sheet-header ul li .icon.yellow{background-color:#ffd76e}.detail-sheet .sheet-header ul li .icon.pink{background-color:#ff8edb}.detail-sheet .sheet-header ul li .icon.purple{background-color:#9b8cff}.detail-sheet .sheet-header ul li i{color:#fff}.sub-sheet,.alarm-sheet{width:100%;background-color:#fff;border-radius:10px 10px 0 0;border:none}.sub-sheet .subsheet-header h3,.sub-sheet,.alarm-sheet h3{font-size:19px;font-weight:600;text-align:center;padding:20px 0}.subtask-list{width:360px;padding:0;margin:0 auto}.subtask-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee;gap:10px}.subcheckbox{width:40px;height:18px;border:2px solid #ccc;border-radius:100%}.subcheckbox.checked{background:#aaa;border-color:#aaa}.subtask-list li span,.subtask-list .inline-edit{width:100%}.subtask-list li.done span{text-decoration:line-through;color:#bbb}.subtask-list .remove{color:#c33}.subtask-list .remove i{font-size:11px}.underline-input{width:100%;max-width:360px;border:none;border-bottom:1px solid #ddd;padding:12px 0;outline:none;margin-left:30px;margin-bottom:20px}.time-picker{display:flex;justify-content:center;gap:16px;margin:20px 0}.repeat{margin-bottom:20px}.repeat h3{text-align:left;margin-left:30px;padding-top:0}.repeat .repeat-week{width:100%;max-width:387px;margin:0 auto}.repeat label span{display:block;width:100%;background-color:#e9e9e9;padding:15px 20px;margin-bottom:10px;color:#111;font-weight:700}.repeat label:first-child span{border-radius:15px 15px 0 0}.repeat label:last-child span{margin:0;border-radius:0 0 15px 15px}.repeat label input{margin-right:5px}.Timer-time .fi-sr-hourglass-start{vertical-align:middle}.Alarm-time,.Timer-time{font-size:12px;color:#999;padding-top:1px}.Alarm-time .fi-sr-clock-three{padding-right:2px;vertical-align:middle}.alarm-actions{display:flex}.save,.remove{width:100%;max-width:382px;margin:0 20px 20px;padding:8px;border-radius:10px;border:none;background-color:#e7e7e7;font-weight:600;font-size:15px}.save:hover,.remove:hover{background-color:#ccc}.remove{color:#c33}.week-picker{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.week-picker button{padding:12px 17px;border-radius:100%;background:#eee;border:none;cursor:pointer}.week-picker button.active{background:#333;color:#fff}.year-picker{display:flex;justify-content:center;gap:20px}.wheel-with-label{display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.unit{margin-top:30px;font-size:17px;font-weight:600;padding:15px}.TimerOverlay{background-color:#111}.Timer-sheet{width:100%;height:100%}.Timersheet-header{display:flex;align-items:center;gap:34%;padding:40px 0}.Timersheet-header .back{padding:10px 13px 6px;background-color:transparent;border:none;color:#fff}.Timersheet-header h3{font-size:20px;color:#fff;text-align:center}.Timer-content{margin:200px auto;width:100%;max-width:328px}.Timer-content .Timer-Label{font-size:25px;text-align:center;color:#fff;margin:10px 0}.Timer-content .Timer-time{border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:63px;text-align:center;color:#ccc;padding-bottom:5px;letter-spacing:6px}.TimerBtn-content{display:flex;justify-content:center;gap:30px}.start-btn,.end-btn{width:130px;padding:14px 20px 10px;background-color:#333;border-radius:30px;border:none}.TimerBtn-content .start-btn i,.TimerBtn-content .end-btn i{font-size:24px;vertical-align:middle}.TimerBtn-content .start-btn .fi-br-play-circle{color:#3ba0ff}.TimerBtn-content .start-btn .fi-br-pause-circle{color:#ccc}.TimerBtn-content .end-btn .fi-sr-circle-xmark{color:#c33}.TimerBtn-content .start-btn span,.TimerBtn-content .end-btn span{color:#fff;font-size:14px;margin-left:5px}.TimerBtn-content .end-btn span{margin-left:10px;letter-spacing:2px}.Timer-sheet .option{margin:40px auto;text-align:center}.Timer-sheet .options .preset-buttons{display:flex;gap:10px;justify-content:center}.Timer-sheet .options .preset-buttons button{border:none;background-color:#333;border-radius:30px;padding:10px 20px;color:#fff}.WakeLock{color:#999;letter-spacing:1px}.wheel{position:relative;width:80px;height:120px;overflow:hidden;text-align:center}.wheel-window{position:absolute;top:50%;left:0;width:100%;height:36px;transform:translateY(-50%);background:#0000000f;border-radius:10px;pointer-events:none}.wheel-list{position:absolute;top:40px;left:0;width:100%;transform:translateY(0);-webkit-user-select:none;user-select:none;cursor:grab}.wheel-list:active{cursor:grabbing}.wheel-item{height:36px;line-height:36px;font-size:22px;color:#bbb;transition:color .15s ease}.wheel-item.active{color:#111;font-weight:600}.weekly-wrapper{position:relative;overflow:hidden;height:80px}.weekly-area ul{padding:0;display:flex;justify-content:space-around}.weekly-area ul li{width:40px;position:relative}.weekly-area ul li a{color:#ccc;font-size:16px;text-align:center;margin-top:10px}.weekly-area ul li a p{padding-bottom:10px;font-weight:700}.weekly-area ul li a span{font-weight:700;font-size:14px;display:inline-block;border:1px solid #ccc;width:40px;height:40px;border-radius:100%;padding-top:8px}.weekly-area ul li.active:before{content:"";position:absolute;left:-5px;width:50px;height:80px;background-color:orange;border-radius:24px;z-index:-1}.weekly-area ul li.active a p{color:#fff!important}.weekly-area ul li.active span{border:1px solid white;background-color:#fff;color:orange}h3{text-align:center;font-size:16px;font-weight:600;margin:10px 0 20px}.changedate-container{display:flex;flex-direction:column;height:55vh}.changedate-body{flex:1;overflow-y:hidden;position:relative}.month-header{font-size:18px;font-weight:600;text-align:center;margin:12px 0 15px;cursor:pointer;-webkit-user-select:none;user-select:none}.month-header .fi-br-angle-right{font-size:13px}.week,.dates{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.week span{color:#999;padding:6px 0}.week span:first-child{color:brown}.week span:last-child{color:#00b7ff}.dates{width:100%;transition:transform .25s ease}.dates span{font-size:18px;font-weight:600;height:42px;line-height:42px;border-radius:10px;text-align:center;cursor:pointer}.dates span:empty{pointer-events:none}.dates span.sun,.dates span.holiday{color:brown}.dates span.sat{color:#00b7ff}.dates span.selected{background-color:#111;color:#fff;box-shadow:0 4px 10px #00000026}.changedate-checkbtn{margin-top:auto;margin-bottom:16px;width:calc(100% - 40px);align-self:center;padding:10px;border-radius:10px;border:none;background-color:#e7e7e7;font-weight:600;font-size:15px}.picker{display:flex;justify-content:center;gap:20px;height:200px}.wheel{width:100px;height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;text-align:center}.wheel>div{height:40px;line-height:40px;font-size:16px;text-align:center;color:#aaa;scroll-snap-align:center;transition:all .2s ease}.wheel>div.active{font-size:18px;font-weight:600;color:#000}.wheel:before,.wheel:after{content:"";position:sticky;left:0;right:0;height:40px;pointer-events:none}.wheel:before{top:80px;border-top:1px solid #ddd}.wheel:after{top:120px;border-bottom:1px solid #ddd}.wheel .spacer{height:40px}.slide-left-enter-active,.slide-left-leave-active{transition:all .25s ease}.slide-left-enter-from{transform:translate(100%);opacity:0}.slide-left-leave-to{transform:translate(-100%);opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:all .25s ease}.slide-right-enter-from{transform:translate(-100%);opacity:0}.slide-right-leave-to{transform:translate(100%);opacity:0}.color-section button.tag{border:none;border-radius:30px;padding:5px 15px;background-color:#333;color:#fff}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:16px}.color-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;position:relative}.color-dot i{color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body{background-color:ivory}footer{position:fixed;bottom:0;left:0;width:100%;background-color:ivory}footer ul{display:flex;justify-content:space-around;align-items:center;padding:0 0 10px}footer ul li{display:flex;flex-direction:column;align-items:center;text-align:center}footer ul li p{font-weight:600;color:#888}footer ul li i{font-size:22px;color:#888;height:30px}.router-link-active p,.router-link-active i{color:#333}.active i,.active p{color:#333!important}.dark{background-color:#2b2f33}.dark footer{background-color:#2b2f33;color:#eee}.dark h1,.dark h2{color:#eee}.dark .router-link-active p,.dark .router-link-active i{color:#eee!important}.dark .sheet{background-color:#2b2f33!important}.dark footer{background-color:#2b2f33}.dark .project-container,.dark body,.dark .detail-container{background-color:#2b2f33!important}.dark .detail-container button i,.dark .detail-container .progress-section p,.dark .detail-container .progress-section span,.dark .active p,.dark .active i,.dark .memo-input{color:#eee!important}.font-default{font-family:sans-serif}.font-serif{font-family:serif}.font-mono{font-family:monospace}.overlay[data-v-e2222302]{position:fixed;inset:0;background:transparent}.sheet[data-v-e2222302]{position:absolute;bottom:0;width:100%;background-color:#fcfcfc;padding:20px;border-radius:20px 20px 0 0;box-shadow:4px 10px 10px 10px #a8a8a84d}.setting-header[data-v-e2222302]{font-weight:600;font-size:22px}.section[data-v-e2222302]{margin:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.setting-save[data-v-e2222302]{max-width:390px;margin-left:30px}.switch[data-v-e2222302]{position:relative;display:inline-block;width:50px;height:26px}.switch input[data-v-e2222302]{display:none}.slider[data-v-e2222302]{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;inset:0;transition:.3s}.slider[data-v-e2222302]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider[data-v-e2222302]{background-color:orange}input:checked+.slider[data-v-e2222302]:before{transform:translate(24px)}.font-list[data-v-e2222302]{display:flex;gap:10px}.font-list button[data-v-e2222302]{flex:1;padding:10px;border-radius:10px;border:1px solid #ddd;background:#fff}.font-list button.active[data-v-e2222302]{background:orange;color:#fff}.project-container[data-v-ad7fe09b]{padding:30px 20px 100px;background-color:ivory;min-height:100vh}.project-container h2[data-v-ad7fe09b]{text-align:center;margin-bottom:30px;font-weight:600}.projectTitle[data-v-ad7fe09b]{font-size:22.5px;font-weight:600;padding-bottom:30px;display:block}.project-container .project-card[data-v-ad7fe09b]{background:#fff;padding:20px;border-radius:20px;margin-bottom:25px;box-shadow:0 8px 20px #00000014;position:relative;cursor:pointer;overflow:hidden}.project-container .card-top[data-v-ad7fe09b]{display:flex;justify-content:space-between;align-items:center}.project-container .project-card .card-top .progress-text[data-v-ad7fe09b]{font-weight:600;color:#666}.dday[data-v-ad7fe09b]{background:#ff1d1d;color:#fff;width:65px;height:65px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.dday span[data-v-ad7fe09b]{font-weight:600}.dday.expired[data-v-ad7fe09b]{background:#fff;color:red;border:2px solid red}.dday.today[data-v-ad7fe09b]{background:#ff1d1d;color:#fff}.expiredCard[data-v-ad7fe09b]{box-shadow:none;opacity:.85}.expiredCard h2[data-v-ad7fe09b]{color:#999}.right-box[data-v-ad7fe09b]{display:flex;align-items:center;gap:10px}.delete-btn[data-v-ad7fe09b]{border:none;background:transparent;font-size:18px;cursor:pointer;color:#999}.delete-btn[data-v-ad7fe09b]:hover{color:red}.progress-bar[data-v-ad7fe09b]{height:10px;background:#ddd;border-radius:10px;margin-top:15px}.progress-fill[data-v-ad7fe09b]{height:100%;background:orange;border-radius:10px;transition:.3s}.fab i[data-v-ad7fe09b]{font-size:25px}.modal[data-v-ad7fe09b]{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center}.modal-content[data-v-ad7fe09b]{background:#fff;padding:30px;border-radius:20px;width:300px;display:flex;flex-direction:column;gap:10px}.overlay[data-v-ad7fe09b]{position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;border-radius:20px;animation:fadeIn .2s ease-in-out}.overlay-buttons[data-v-ad7fe09b]{display:flex;gap:20px}.overlay-buttons button[data-v-ad7fe09b]{border:none;padding:12px 24px;border-radius:12px;font-size:16px;cursor:pointer;font-weight:600;transition:.2s;background:#fff}.overlay-buttons button[data-v-ad7fe09b]:first-child{color:orange}.overlay-buttons button[data-v-ad7fe09b]:last-child{color:#ff4d4f}.detail-container[data-v-7deabdb0]{padding:20px;background-color:ivory;min-height:100vh}.header[data-v-7deabdb0]{display:flex;justify-content:space-between;align-items:center}.header h2[data-v-7deabdb0]{font-weight:600}.header button[data-v-7deabdb0]{border:none;background:transparent;font-size:16px;color:#333}.dday[data-v-7deabdb0]{background:red;color:#fff;width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.progress-section[data-v-7deabdb0]{margin-top:20px}.progress-bar[data-v-7deabdb0]{height:10px;background:#ddd;border-radius:10px;margin:10px 0}.progress-fill[data-v-7deabdb0]{height:100%;background:orange;border-radius:10px}.section-card[data-v-7deabdb0]{background:#fff;padding:20px;border-radius:20px;margin-top:20px;box-shadow:0 5px 15px #0000000d}.section-header[data-v-7deabdb0]{display:flex;justify-content:space-between;align-items:center}.projectDetail-Addbtn[data-v-7deabdb0]{border:none;background:transparent;color:orange;font-size:20px;cursor:pointer}.task-input input[data-v-7deabdb0]{width:100%;padding:10px;border-radius:10px;border:1px solid #ddd;margin-top:10px}.task-box[data-v-7deabdb0]{margin-top:10px;background:#f2f2f2;border-radius:15px;padding:15px}.task-item[data-v-7deabdb0]{display:flex;gap:10px;margin-bottom:8px}.inline-input[data-v-7deabdb0]{border:none;background:transparent;outline:none;font-size:14px;flex:1}.task-item[data-v-7deabdb0]{display:flex;gap:10px;margin-bottom:8px;align-items:center}span[data-v-7deabdb0]{cursor:pointer;flex:1}.inline-input[data-v-7deabdb0]{border:none;outline:none;font-size:14px;flex:1;padding:3px 5px;border-radius:5px}.avtionsBtn[data-v-7deabdb0]{display:flex;gap:30px;justify-content:center}.avtionsBtn button[data-v-7deabdb0]{border:none;background:#fff;margin-top:20px;padding:15px 45px;border-radius:10px;cursor:pointer;font-size:14px;justify-content:center}.avtionsBtn button[data-v-7deabdb0]:last-child{background:#fdd;color:red}.modal[data-v-7deabdb0]{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center}.modal-content[data-v-7deabdb0]{background:#fff;padding:25px;border-radius:20px;display:flex;flex-direction:column;gap:10px;width:280px}.modal-content input[data-v-7deabdb0]{padding:10px;border-radius:10px;border:1px solid #ddd}.modal-content button[data-v-7deabdb0]{border:none;padding:10px;border-radius:10px;cursor:pointer}.daily-container[data-v-6d232dd8]{padding-top:25px;height:100vh;display:flex;flex-direction:column}.title[data-v-6d232dd8]{text-align:center;font-weight:600;border-bottom:1px solid #ccc;padding-bottom:15px;letter-spacing:.5px}.daily-list[data-v-6d232dd8]{display:flex;flex-direction:column;padding:0 10px 80px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.daily-item[data-v-6d232dd8]{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ddd;height:120px}.date[data-v-6d232dd8]{width:50px;margin-bottom:13px;text-align:center}.month[data-v-6d232dd8]{font-size:12px;font-weight:600;color:#333}.circle[data-v-6d232dd8]{color:orange;border-radius:50%;font-size:20px;font-weight:600;margin:auto}.memo[data-v-6d232dd8]{position:relative;flex:1;height:120px}.lines[data-v-6d232dd8]{position:absolute;width:100%;top:0;left:0}.line[data-v-6d232dd8]{height:1px;background:#ddd;margin:30px 0}.memo-input[data-v-6d232dd8]{position:absolute;top:0;left:0;width:100%;height:120px;border:none;outline:none;resize:none;background:transparent;font-size:16px;line-height:30px}