@import"https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100%;margin:0;padding:0;box-sizing:border-box;background-image:url(/miniday/assets/bg_paper3-Dhlr-OT2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;font-family:Wanted Sans,sans-serif}#root{width:100%;min-height:100vh;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:inherit}.header-container{width:100%}.header-logo{width:100px;height:auto;transition:width .3s ease;cursor:pointer}@media(min-width:768px){.header-logo{width:120px}}@media(min-width:1024px){.header-logo{width:140px;margin-bottom:20px}}.app-footer{width:100%;padding:20px 0;text-align:center;color:#fff;font-size:12px;margin-top:auto}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-container{flex:1;width:100%;display:flex;flex-direction:column;font-size:1.4rem;color:#000;padding:20px;box-sizing:border-box}@media(min-width:768px){.app-container{padding:30px}}@media(min-width:1024px){.app-container{padding:40px}}@media(min-width:1440px){.app-container{padding:45px}}.main-content{flex:1;display:flex;flex-direction:column;width:100%;min-height:0}.toggle-container{display:flex;flex-wrap:wrap;gap:10px;width:100vw;max-width:100%}.toggle-btn{flex:1 1 calc(33.333% - 10px);min-width:80px;text-align:center;padding:8px 16px;border:none;outline:none;border-radius:12px;background-color:#f5f5f5;cursor:pointer;font-size:12px;transition:all .2s;color:#202020}.toggle-btn:hover{background-color:silver}.toggle-btn.active{background-color:#42799a;color:#fff;border:none;outline:none;box-shadow:none}.toggle-btn:focus{outline:none;box-shadow:none}@media(min-width:768px){.toggle-btn{font-size:14px;padding:12px 24px}}@media(min-width:1024px){.toggle-btn{font-size:15px;padding:16px 30px}}.task-input{width:100%;border:none;outline:none;border-radius:12px;background-color:#f5f5f5;font-size:12px;color:#333;box-sizing:border-box;padding:18px 13px}.task-input::placeholder{color:#a0a0a0;font-weight:400}.task-input:focus{background-color:#f0f0f0}@media(min-width:768px){.task-input{font-size:14px;padding:20px 13px}}@media(min-width:1024px){.task-input{font-size:15px;padding:25px 15px}}@media(min-width:1440px){.task-input{font-size:16px;padding:30px 16px}}.priority-container{display:flex}.priority-container .priority-btn{background:transparent;border:none;cursor:pointer;padding:0;outline:none}.priority-container .priority-btn img{width:50px;height:50px;transition:transform .2s}@media(min-width:768px){.priority-container .priority-btn img{width:35px;height:35px}}@media(min-width:1024px){.priority-container .priority-btn img{width:40px;height:40px}}.priority-container .priority-btn:hover img{transform:scale(1.1);border:none;outline:none;box-shadow:none}.priority-container .priority-btn:active img{border:none;outline:none;box-shadow:none}.app-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:.6rem 1.2rem;border-radius:8px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .25s ease;outline:none}@media(min-width:768px){.app-btn{font-size:15px}}@media(min-width:1024px){.app-btn{font-size:16px}}.app-btn.primary{background-color:#42799a;color:#fff;outline:none;border:none}.app-btn.primary:hover:not(:disabled){background-color:#305a75}.app-btn.primary:disabled{background-color:#888;cursor:not-allowed}.app-btn.primary:active{transform:scale(1.05)}.app-btn.transparent{background-color:transparent;color:#222;outline:none;border:none;font-size:14px}.app-btn.transparent:hover:not(:disabled){background-color:#ddd}.app-btn.transparent:active:not(:disabled){transform:scale(.95)}.app-btn.transparent:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){.app-btn.transparent{font-size:15px}}@media(min-width:1024px){.app-btn.transparent{font-size:16px}}.app-btn.delete{background-color:#854949;color:#fff;outline:none;border:none}.app-btn.delete:hover:not(:disabled){background-color:#6c3434}.app-btn.delete:active:not(:disabled){transform:scale(.95)}.app-btn.delete:disabled{opacity:.6;cursor:not-allowed}.app-btn.opaque{background-color:#000000d8;color:#fff;outline:none;border:none}.app-btn.opaque:hover:not(:disabled){background-color:#000000f9}.app-btn.opaque:active{transform:scale(1.05)}.app-btn .btn-icon{width:50px;height:50px}.app-btn .btn-label{display:block;text-align:center;letter-spacing:-1px}.add-box{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:0;margin-top:20px}.add-box .add-container{gap:10px}.add-box .add-container p{font-size:14px;font-weight:700;color:#333;margin-bottom:20px;letter-spacing:-1px}@media(min-width:768px){.add-box .add-container p{font-size:16px;margin-bottom:25px}}@media(min-width:1024px){.add-box .add-container p{font-size:17px;margin-bottom:30px}}.add-box .add-container .selected-theme{margin-top:15px;font-weight:500}.button-group{display:flex;justify-content:center;align-items:center;gap:10px}.empty-main-container{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:0}.todo-card{width:100%;background:#f5f5f5;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:16px;transition:background .3s,opacity .3s}.todo-card .todo-card-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.todo-card .todo-card-header .todo-task{flex:1;min-width:0;font-size:13px;color:#333;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.todo-card .todo-card-header .todo-task{font-size:14px}}@media(min-width:1024px){.todo-card .todo-card-header .todo-task{font-size:15px}}.todo-card .todo-card-header .on-off-btn{flex-shrink:0;width:70px;padding:6px 10px;font-size:12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease-in-out;color:#fff;background-color:#b0b0b0}.todo-card .todo-card-header .on-off-btn.active{background-color:#42799a;color:#fff}.todo-card .todo-card-header .on-off-btn:hover{opacity:.85}.todo-card .todo-card-header .on-off-btn:focus{outline:none}.todo-priority{display:flex;gap:4px;flex-shrink:0;align-items:center}.todo-priority .todo-priority-count{font-size:14px;font-weight:700;color:#505050}.todo-priority .todo-priority-icon{width:20px;height:20px;flex-shrink:0}.history-container{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin-top:20px}.history-container .theme-group{margin-bottom:20px}.history-container .todo-theme{font-size:15px;font-weight:600;color:#000000b7;margin-bottom:10px}.history-container .theme-cards{display:flex;flex-direction:column;gap:10px}.history-container .history-header{display:flex;justify-content:space-between;align-items:center}.history-container .history-header .history-header-icon{width:20px;height:20px}.history-container .history-header .history-header-text{display:flex;gap:5px;align-items:center;font-size:16px;font-weight:700;background:linear-gradient(-180deg,#000,#5e5b5b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}@media(min-width:768px){.history-container .history-header .history-header-text{font-size:18px}}@media(min-width:1024px){.history-container .history-header .history-header-text{font-size:20px}}.history-container .history-header .filter-group{display:flex;gap:8px;align-items:center}.history-container .history-header .theme-select{padding:6px 12px;border:1px solid #ccc;border-radius:8px;font-size:12px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .2s ease-in-out}@media(min-width:768px){.history-container .history-header .theme-select{font-size:13px}}@media(min-width:1024px){.history-container .history-header .theme-select{font-size:14px}}.history-container .history-header .theme-select:hover{border-color:#999}.history-container .history-header .theme-select:focus{outline:none;border-color:#2a2a2a}.history-container .history-header .sort-buttons{display:flex;gap:4px}.history-container .history-header .sort-btn{padding:6px 12px;border:1px solid #ccc;border-radius:8px;font-size:12px;background-color:#fff;color:#333;cursor:pointer;transition:all .2s ease-in-out}@media(min-width:768px){.history-container .history-header .sort-btn{font-size:13px}}@media(min-width:1024px){.history-container .history-header .sort-btn{font-size:14px}}.history-container .history-header .sort-btn:hover{border-color:#999;background-color:#f5f5f5}.history-container .history-header .sort-btn.active{background-color:#2a2a2a;color:#fff;border-color:#2a2a2a}.history-container .history-header .sort-btn:focus{outline:none}.history-container .empty-message{color:#999;font-size:14px;text-align:center;margin-top:40px}.todo-clickable{cursor:pointer;transition:transform .2s ease}.todo-clickable:hover{transform:translateY(-2px)}.add-button-container{display:flex;justify-content:center;margin-top:20px;text-align:center}.management-box{display:flex;flex:1;flex-direction:column;justify-content:flex-start;width:100%;margin-top:10px}.management-box .management-header{display:flex;justify-content:space-between;align-items:center}.management-box .management-header h3{font-size:16px;font-weight:700;background:linear-gradient(150deg,#000,#4e4e4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.3px;text-transform:uppercase;transition:all .25s ease}@media(min-width:768px){.management-box .management-header h3{font-size:18px}}@media(min-width:1024px){.management-box .management-header h3{font-size:20px}}.management-box .management-header .management-date{display:flex;gap:5px;font-size:12px;color:#666}@media(min-width:768px){.management-box .management-header .management-date{font-size:13px}}@media(min-width:1024px){.management-box .management-header .management-date{font-size:14px}}.management-box .management-header .clock-icon{width:18px}.management-box .management-container p{margin-bottom:20px;letter-spacing:-1px;font-size:14px;font-weight:700;color:#333}@media(min-width:767px){.management-box .management-container p{margin-bottom:25px;font-size:16px}}@media(min-width:1023px){.management-box .management-container p{margin-bottom:30px;font-size:17px}}.mg-bottom-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px}@media(max-width:767px){.mg-bottom-box{margin-top:40px}}@media(max-width:1023px){.mg-bottom-box{margin-top:50px}}.mg-bottom-box .button-with-tooltip{position:relative;display:inline-block}.mg-bottom-box .button-with-tooltip .edit-text{position:absolute;bottom:100%;transform:translate(0) translateY(-10px);font-size:13px;opacity:0;transition:opacity .2s ease;pointer-events:none;white-space:nowrap;letter-spacing:-1px}@media(min-width:768px){.mg-bottom-box .button-with-tooltip .edit-text{font-size:14px}}@media(min-width:1024px){.mg-bottom-box .button-with-tooltip .edit-text{font-size:14px}}.mg-bottom-box .button-with-tooltip:hover .edit-text{opacity:1}