@import"https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css";:root{font-family:Comic Mono,Comic Sans MS,monospace;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,body,#root{min-height:100dvh;height:100%;min-width:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:Comic Mono,Comic Sans MS,monospace;background-color:#f0f0f0}.app{width:100%;height:100dvh;margin:0 auto;display:flex;flex-direction:column;font-family:Comic Mono,Comic Sans MS,monospace;background-color:#f0f0f0}.day-section{flex:1;min-height:0;padding:20px 20px 0;cursor:pointer;background-color:#f0f0f0;display:flex;flex-direction:column;transition:flex .3s cubic-bezier(.4,0,.2,1),background-color .2s ease;color:#333}.day-section:nth-child(2){background:#e8e8e8}.day-section:nth-child(3){background:#e0e0e0}.day-section:nth-child(4){background:#d8d8d8}.day-section:nth-child(5){background:#d0d0d0}.day-section:nth-child(6){background:#c8c8c8}.day-section:has(.todos.active){flex:3}h2{margin:0;font-size:24px;font-weight:600}.date{color:#666;font-size:14px;margin:8px 0 0}.todos{display:flex;flex-direction:column;gap:12px;margin-top:16px;min-height:0;max-height:0;opacity:0;overflow-y:auto;pointer-events:none;position:relative;padding-bottom:20px;transition:min-height .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in}.todos.active{min-height:0;max-height:calc(100% - 60px);height:100%;opacity:1;pointer-events:all;transition:min-height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in;mask-image:linear-gradient(to bottom,black calc(100% - 30px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 30px),transparent 100%)}.todos.active::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.todos.active::-webkit-scrollbar{width:4px}.todo-item{position:relative;display:flex;align-items:flex-start;gap:8px;cursor:pointer;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;background:var(--background-color)}.todo-item input[type=checkbox]{margin:2px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;border:2px solid #999;border-radius:4px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent}.todo-item input[type=checkbox]:checked{background-color:#666;border-color:#666}.todo-item input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);transition:all .2s cubic-bezier(.4,0,.2,1)}.todo-item input[type=checkbox]:hover{border-color:#666;transform:scale(1.05)}.todo-item input[type=checkbox]:checked:hover{background-color:#555;border-color:#555;transform:scale(1.05)}.completed{color:#999;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:##999;display:inline;position:relative;word-break:break-word}.todo-input{border:none;background:transparent;font-size:16px;font-family:inherit;padding:8px 0;margin-bottom:12px;outline:none;color:#333;width:100%;resize:none;overflow:hidden;min-height:24px;line-height:1.5}.todo-input::placeholder{color:#999}.clear-all-button,.clear-all-button:hover,.clear-all-button:focus{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;opacity:.6;transition:opacity .2s;color:#333;outline:none}.clear-all-button:hover{opacity:1}.clear-all-button svg{width:24px;height:24px}.clear-all-container{position:relative;display:flex;justify-content:flex-end}.confirm-tooltip{position:absolute;top:calc(100% + 8px);right:50%;transform:translate(50%);background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:150px}.confirm-tooltip p{margin:0 0 8px;font-size:14px;color:#333}.tooltip-buttons{display:flex;gap:8px;justify-content:flex-end}.tooltip-buttons button{padding:4px 8px;font-size:12px;background-color:#fafafa}.todo-item:active{cursor:grabbing}.todos-container{display:flex;flex-direction:column;flex:1;min-height:0}.day-section.drop-target{background-color:#0000000d}.day-section.drop-target .todos{opacity:1;pointer-events:all;min-height:100px}.todo-edit-input{flex:1;background:none;border:none;font-size:inherit;font-family:inherit;color:inherit;padding:0;margin:0;resize:none;outline:none;min-height:24px;line-height:1.5;-webkit-user-select:text;user-select:text}.todo-item span{cursor:text;flex:1;padding:0;line-height:1.5;-webkit-user-select:text;user-select:text}.todo-item span::selection,.todo-edit-input::selection{background-color:#0003;color:inherit}