body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.app-container{box-shadow:0 0 10px #0000001a;min-height:100vh;padding:50px 30vw}.app-title{margin-bottom:20px;text-align:center}.input-group{display:flex;gap:10px;margin-bottom:20px}.input-field{border-radius:5px;flex:1 1;font-size:16px;padding:10px}.add-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.todo-list{display:flex;flex-direction:column;gap:20px;list-style:none;padding:0}.todo-item{align-items:center;border-radius:5px;display:flex;justify-content:space-between;padding:10px 15px;width:100%}.todo-text{font-size:16px}.todo-done{color:#999;text-decoration:line-through}.todo-meta{color:#aaa;font-size:12px}.todo-left{align-items:center;display:flex;gap:10px}.checkmark{cursor:pointer}.delete-button{background:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px}.dark{background:#1e1e1e;color:#eee}.light{background:#f9f9f9;color:#333}.input-dark{background:#333;border:1px solid #555;color:#eee}.input-light{background:#fff;border:1px solid #ccc;color:#333}.dark .todo-item{background:#2b2b2b}.light .todo-item{background:#fff}.clear-button{background:#e60000;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.ui-switch{--switch-bg:#8796a5;--switch-width:48px;--switch-height:20px;--circle-diameter:32px;--circle-bg:#003892;--circle-inset:calc((var(--circle-diameter) - var(--switch-height))/2);position:fixed;right:20px;top:20px}.ui-switch input{display:none}.slider{-webkit-appearance:none;appearance:none;background:var(--switch-bg);border-radius:999px;cursor:pointer;height:var(--switch-height);position:relative;width:var(--switch-width)}.slider .circle{align-items:center;background:var(--circle-bg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1LS45ODIuOTgyTDUuMDkgNi4wNzJsLjk4Mi0uOTgyLTEuNDczLTEuNDczem0xMC44MDIgMEwxMy45MjcgNS4wOWwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6TTEwIDUuMTM5YTQuODcyIDQuODcyIDAgMCAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwIDAgMTAgMTQuODYyIDQuODcyIDQuODcyIDAgMCAwIDE0Ljg2IDEwIDQuODcyIDQuODcyIDAgMCAwIDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMCAxIDEzLjQ3MSAxMGEzLjQ2MiAzLjQ2MiAwIDAgMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAgMSA2LjUyNyAxMCAzLjQ2MiAzLjQ2MiAwIDAgMSAxMCA2LjUyOHpNMS42NjUgOS4zMDV2MS4zOWgyLjA4M3YtMS4zOUgxLjY2NnptMTQuNTgzIDB2MS4zOWgyLjA4NHYtMS4zOWgtMi4wODR6TTUuMDkgMTMuOTI4IDMuNjE2IDE1LjRsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyem05LjgyIDAtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;box-shadow:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;display:flex;height:var(--circle-diameter);justify-content:center;left:0;top:calc(var(--circle-inset)*-1);transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;width:var(--circle-diameter)}.slider .circle,.slider .circle:before{border-radius:inherit;position:absolute}.slider .circle:before{background:#ffffffbf;content:"";height:100%;opacity:0;transition:all .5s;width:100%}.ui-switch input:checked+.slider .circle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTQuMiAyLjUtLjcgMS44LTEuOC43IDEuOC43LjcgMS44LjYtMS44TDYuNyA1bC0xLjktLjctLjYtMS44em0xNSA4LjNhNi43IDYuNyAwIDEgMS02LjYtNi42IDUuOCA1LjggMCAwIDAgNi42IDYuNnoiLz48L3N2Zz4=);left:calc(100% - var(--circle-diameter))}.ui-switch input:active+.slider .circle:before{height:0;opacity:1;transition:0s;width:0}.group-container{align-items:start;border-radius:15px;border-style:solid;border-width:1px;display:flex;flex-direction:column;gap:20px;padding:20px}.group-container.dark{border-color:#555}.group-container.light{border-color:#ccc}.done-header{align-items:center;display:flex;justify-content:space-between;width:100%}@media only screen and (max-width:600px){.app-container{padding:20px}.app-title{margin:0 0 50px;text-align:start}.input-group{flex-direction:column}.ui-switch{top:26px}}
/*# sourceMappingURL=main.94c1fc54.css.map*/