@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);:root{--bg-main:#060822;--bg-card:#5529dc;--bg-card-hover:#f9f9fc;--bg-input:#fff;--text-caption:#fff;--text-subtitle:#666;--text-card:#fff;--text-card-hover:#5529dc;--text-input:#3a3939;--add-btn-color:#5529dc;--add-btn-hover:#2fd67a;--icon-edit:#a8f0c0;--icon-delete:#ffb3ba;--remove-btn-bg:#ff3b4b;--remove-btn-outline:#000;--remove-btn-hover-bg:#5529dc;--remove-btn-text:#000;--timestamp-color:hsla(0,0%,100%,.5);--timestamp-hover:rgba(85,41,220,.65);--input-focus-shadow:rgba(0,0,0,.2);--toast-bg:rgba(15,15,30,.94);--toast-border:hsla(0,0%,100%,.08);--toast-box-shadow-a:rgba(0,0,0,.45);--toast-box-shadow-b:hsla(0,0%,100%,.04);--toast-inner-glow:hsla(0,0%,100%,.06);--toast-text:hsla(0,0%,100%,.7);--toast-close-bg:hsla(0,0%,100%,.08);--toast-close-border:hsla(0,0%,100%,.15);--toast-close-color:hsla(0,0%,100%,.75);--toast-close-hover-bg:hsla(0,0%,100%,.18);--toast-close-hover-color:#fff;--modal-overlay:rgba(0,0,0,.65);--modal-bg-1:#12102a;--modal-bg-2:#1a1640;--modal-border:hsla(0,0%,100%,.08);--modal-inner:hsla(0,0%,100%,.06);--modal-title:#fff;--modal-body:hsla(0,0%,100%,.6);--modal-small:hsla(0,0%,100%,.35);--modal-cancel-bg:hsla(0,0%,100%,.07);--modal-cancel-color:hsla(0,0%,100%,.75);--modal-cancel-border:hsla(0,0%,100%,.12);--modal-cancel-hover-bg:hsla(0,0%,100%,.13);--modal-cancel-hover-color:#fff;--toggle-bg:hsla(0,0%,100%,.07);--toggle-border:hsla(0,0%,100%,.14);--toggle-color:#c4b5fd;--toggle-hover-bg:hsla(0,0%,100%,.14);--toggle-hover-color:#fff;--toggle-shadow:rgba(139,92,246,.25)}html[data-theme=light]{--bg-main:#eef2ff;--bg-card:#5529dc;--bg-card-hover:#1a1040;--bg-input:#fff;--text-caption:#1a1040;--text-subtitle:#7a7a9d;--text-card:#fff;--text-card-hover:#fff;--text-input:#28283c;--add-btn-color:#5529dc;--add-btn-hover:#16a34a;--icon-edit:#15803d;--icon-delete:#b91c1c;--remove-btn-bg:#ff3b4b;--remove-btn-outline:#1a1040;--remove-btn-hover-bg:#1a1040;--remove-btn-text:#fff;--input-focus-shadow:rgba(85,41,220,.18);--timestamp-color:hsla(0,0%,100%,.6);--timestamp-hover:hsla(0,0%,100%,.9);--toast-bg:hsla(0,0%,100%,.97);--toast-border:rgba(0,0,0,.08);--toast-box-shadow-a:rgba(0,0,0,.14);--toast-box-shadow-b:rgba(0,0,0,.03);--toast-inner-glow:rgba(0,0,0,.02);--toast-text:rgba(20,10,60,.7);--toast-close-bg:rgba(0,0,0,.05);--toast-close-border:rgba(0,0,0,.1);--toast-close-color:rgba(0,0,0,.5);--toast-close-hover-bg:rgba(0,0,0,.1);--toast-close-hover-color:#1a1040;--modal-overlay:rgba(10,5,50,.4);--modal-bg-1:#fff;--modal-bg-2:#f3f0ff;--modal-border:rgba(85,41,220,.14);--modal-inner:rgba(85,41,220,.03);--modal-title:#1a1040;--modal-body:rgba(30,20,80,.65);--modal-small:rgba(30,20,80,.4);--modal-cancel-bg:rgba(0,0,0,.04);--modal-cancel-color:rgba(30,20,80,.7);--modal-cancel-border:rgba(0,0,0,.1);--modal-cancel-hover-bg:rgba(85,41,220,.1);--modal-cancel-hover-color:#1a1040;--toggle-bg:rgba(85,41,220,.08);--toggle-border:rgba(85,41,220,.25);--toggle-color:#5529dc;--toggle-hover-bg:rgba(85,41,220,.16);--toggle-hover-color:#3b0fa0;--toggle-shadow:rgba(85,41,220,.2)}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;font-family:Source Sans Pro,sans-serif;margin:0;padding:0}html{font-size:62.5%}.main-div{background:var(--bg-main);display:flex;justify-content:center;min-height:100vh;transition:background .35s ease}.child-div{margin-top:12rem;padding-bottom:6rem;text-align:center}.child-div figure img{height:8rem;width:10rem}.child-div figure figcaption{color:var(--text-caption);font-size:2.2rem;padding-top:2rem;text-transform:capitalize;transition:color .35s ease}.child-div figure h3{color:var(--text-subtitle);font-size:1.5rem;padding-top:2rem;transition:color .35s ease}input{background-color:var(--bg-input);background-image:none;border:.1rem solid #ccc;border-radius:.4rem;box-shadow:inset 0 .1rem .1rem rgb(0 0 0/8%);color:var(--text-input);font-size:1.8rem;height:3.4rem;line-height:1.42857143;margin-top:2rem;min-width:30rem;padding:2rem 1.2rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background .35s ease,color .35s ease}input,input:active,input:active:focus,input:focus{border:none;outline:none;padding:2.3rem 1.5rem}input{box-shadow:none;transition:all .2s linear}input:focus{box-shadow:0 0 1.5rem var(--input-focus-shadow)}.input-wrapper{align-items:center;display:inline-flex;position:relative}.char-counter{color:rgba(150,150,170,.7);font-size:1.1rem;font-weight:600;letter-spacing:.03em;pointer-events:none;position:absolute;right:1rem;transition:color .2s ease;white-space:nowrap}.char-counter--warn{color:#f59e0b}.char-counter--full{-webkit-animation:counterShake .35s cubic-bezier(.36,.07,.19,.97);animation:counterShake .35s cubic-bezier(.36,.07,.19,.97);color:#ef4444}@-webkit-keyframes counterShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}40%{-webkit-transform:translateX(3px);transform:translateX(3px)}60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}}@keyframes counterShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}40%{-webkit-transform:translateX(3px);transform:translateX(3px)}60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}}.todo-btn{display:flex;justify-content:space-around;width:5rem}.fa{background-color:initial;background-image:none;color:var(--add-btn-color);cursor:pointer;font-size:2.2rem;margin-left:-2.5rem;pointer-events:auto;text-shadow:0 0 6px rgba(85,41,220,.5);transition:color .15s linear;z-index:10}.fa:hover{color:var(--add-btn-hover);text-shadow:0 0 8px rgba(47,214,122,.6)}.fa-plus:before{content:"\f067";font-size:1.5rem}.showItems{margin-top:3rem;text-align:center}.eachItem{align-items:center;background:var(--bg-card);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.7rem;margin-left:1rem;min-width:30rem;padding:1.2rem 1rem;transition:background .2s ease;word-break:break-word}.eachItem:hover{background:var(--bg-card-hover)}.showItems .eachItem h3{color:var(--text-card);font-size:1.6rem;padding-left:1rem;transition:color .2s ease}.eachItem:hover h3{color:var(--text-card-hover)}.item-info{align-items:flex-start;flex:1 1;flex-direction:column;gap:.45rem}.item-info,.item-timestamp{display:flex;overflow:hidden}.item-timestamp{align-items:center;color:var(--timestamp-color);font-size:1.1rem;gap:.5rem;letter-spacing:.02em;padding-left:1rem;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.item-timestamp i{flex-shrink:0;font-size:1rem;opacity:.75}.eachItem:hover .item-timestamp{color:var(--timestamp-hover)}.fa-edit,.fa-trash-alt{color:#fbfbfb;cursor:pointer;font-size:2rem;pointer-events:auto;transition:color .15s linear;z-index:10}.addItems .fa-edit{color:#2fd67a}.fa-edit{margin-left:-3.5rem}.todo-btn .fa-edit,.todo-btn .fa-trash-alt{align-items:center;border-radius:50%;display:flex;font-size:1.6rem;height:3rem;justify-content:center;transition:background .2s,color .2s,-webkit-transform .15s;transition:background .2s,color .2s,transform .15s;transition:background .2s,color .2s,transform .15s,-webkit-transform .15s;width:3rem}.todo-btn .fa-edit{color:var(--icon-edit)}.todo-btn .fa-trash-alt{color:var(--icon-delete)}.todo-btn .fa-edit:hover{background:rgba(47,214,122,.25);color:#2fd67a;text-shadow:0 0 8px rgba(47,214,122,.8);-webkit-transform:scale(1.15);transform:scale(1.15)}.todo-btn .fa-trash-alt:hover{background:rgba(214,47,61,.25);color:#ff4757;text-shadow:0 0 8px rgba(214,47,61,.8);-webkit-transform:scale(1.15);transform:scale(1.15)}.eachItem:hover .fa-trash-alt{color:#d62f3d}.eachItem:hover .fa-edit{color:#64d62f}.btn{background-color:var(--remove-btn-bg);cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.1em;line-height:45px;max-width:160px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .35s ease;width:100%}span{color:var(--remove-btn-text);font-weight:700;transition:color .35s ease}.btn:hover{text-decoration:none}.effect04{--uismLinkDisplay:var(--smLinkDisplay,inline-flex);color:#000;display:var(--uismLinkDisplay);outline:solid 2px var(--remove-btn-outline);overflow:hidden;position:relative;transition-duration:.4s}.effect04 span,.effect04:before{margin:0 auto;transition-duration:.4s;transition-timing-function:cubic-bezier(.86,0,.07,1)}.effect04:hover{background-color:var(--remove-btn-hover-bg)}.effect04:hover span{-webkit-transform:translateY(-400%) scale(-.1,20);transform:translateY(-400%) scale(-.1,20)}.effect04:before{color:#fff;content:attr(data-sm-link-text);left:0;margin:auto;position:absolute;right:0;-webkit-transform:translateY(500%) scale(-.1,20);transform:translateY(500%) scale(-.1,20)}.effect04:hover:before{letter-spacing:.05em;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--toggle-bg);border:1.5px solid var(--toggle-border);border-radius:50%;box-shadow:0 .4rem 1.6rem var(--toggle-shadow);color:var(--toggle-color);cursor:pointer;display:flex;font-size:1.8rem;height:4.6rem;justify-content:center;position:fixed;right:2rem;top:2rem;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,-webkit-transform .2s ease;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,-webkit-transform .2s ease;width:4.6rem;z-index:9000}.theme-toggle:hover{background:var(--toggle-hover-bg);box-shadow:0 .6rem 2.2rem var(--toggle-shadow);color:var(--toggle-hover-color);-webkit-transform:rotate(20deg) scale(1.08);transform:rotate(20deg) scale(1.08)}.theme-toggle:active{-webkit-transform:scale(.94);transform:scale(.94)}.toast-container{display:flex;flex-direction:column;gap:1rem;pointer-events:none;position:fixed;right:7.5rem;top:2rem;z-index:9999}.toast-item{align-items:center;-webkit-animation:toastSlideIn .38s cubic-bezier(.22,1,.36,1) forwards;animation:toastSlideIn .38s cubic-bezier(.22,1,.36,1) forwards;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:1.2rem;box-shadow:0 .8rem 3rem var(--toast-box-shadow-a),0 0 0 1px var(--toast-box-shadow-b),inset 0 1px 0 var(--toast-inner-glow);display:flex;gap:1.2rem;max-width:36rem;min-width:28rem;overflow:hidden;padding:1.4rem 1.6rem;pointer-events:all;position:relative;transition:background .35s ease,border-color .35s ease}.toast-item.toast-exit{-webkit-animation:toastSlideOut .32s cubic-bezier(.4,0,1,1) forwards;animation:toastSlideOut .32s cubic-bezier(.4,0,1,1) forwards}.toast-item:after{background:var(--toast-color);border-radius:1.2rem 0 0 1.2rem;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-icon{align-items:center;background:color-mix(in srgb,var(--toast-color) 30%,rgba(0,0,0,.25));border-radius:50%;box-shadow:0 0 1.4rem color-mix(in srgb,var(--toast-color) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--toast-color) 40%,transparent);color:var(--toast-color);display:flex;-webkit-filter:brightness(1.3);filter:brightness(1.3);flex-shrink:0;font-size:2rem;height:4rem;justify-content:center;width:4rem}.toast-content{flex:1 1;overflow:hidden}.toast-label{color:var(--toast-color);font-size:1.3rem;font-weight:700;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.toast-message{color:var(--toast-text);font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;transition:color .35s ease;white-space:nowrap}.toast-close{background:var(--toast-close-bg);border:1px solid var(--toast-close-border);border-radius:.6rem;color:var(--toast-close-color);cursor:pointer;flex-shrink:0;font-size:1.4rem;padding:.4rem .6rem;transition:color .2s,background .2s}.toast-close:hover{background:var(--toast-close-hover-bg);color:var(--toast-close-hover-color)}.toast-progress{-webkit-animation:toastProgress linear forwards;animation:toastProgress linear forwards;background:var(--toast-color);border-radius:0 0 0 1.2rem;bottom:0;height:3px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes toastSlideIn{0%{opacity:0;-webkit-transform:translateX(4rem) scale(.95);transform:translateX(4rem) scale(.95)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;-webkit-transform:translateX(4rem) scale(.95);transform:translateX(4rem) scale(.95)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@-webkit-keyframes toastSlideOut{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}to{opacity:0;-webkit-transform:translateX(4rem) scale(.92);transform:translateX(4rem) scale(.92)}}@keyframes toastSlideOut{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}to{opacity:0;-webkit-transform:translateX(4rem) scale(.92);transform:translateX(4rem) scale(.92)}}@-webkit-keyframes toastProgress{0%{width:100%}to{width:0}}@keyframes toastProgress{0%{width:100%}to{width:0}}.modal-overlay{align-items:center;-webkit-animation:overlayIn .22s ease forwards;animation:overlayIn .22s ease forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--modal-overlay);display:flex;inset:0;justify-content:center;position:fixed;transition:background .35s ease;z-index:10000}@-webkit-keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{-webkit-animation:modalPop .32s cubic-bezier(.22,1,.36,1) forwards;animation:modalPop .32s cubic-bezier(.22,1,.36,1) forwards;background:linear-gradient(145deg,var(--modal-bg-1),var(--modal-bg-2));border:1px solid var(--modal-border);border-radius:2rem;box-shadow:0 2.4rem 6rem rgba(0,0,0,.55),0 0 0 1px rgba(255,71,87,.12),inset 0 1px 0 var(--modal-inner);max-width:90vw;padding:3.6rem 3.2rem 2.8rem;position:relative;text-align:center;transition:background .35s ease,border-color .35s ease;width:34rem}@-webkit-keyframes modalPop{0%{opacity:0;-webkit-transform:scale(.88) translateY(1.5rem);transform:scale(.88) translateY(1.5rem)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalPop{0%{opacity:0;-webkit-transform:scale(.88) translateY(1.5rem);transform:scale(.88) translateY(1.5rem)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.modal-icon{align-items:center;-webkit-animation:iconPulse 2s ease-in-out infinite;animation:iconPulse 2s ease-in-out infinite;background:radial-gradient(circle,rgba(255,71,87,.22) 0,rgba(255,71,87,.04) 70%);border:2px solid rgba(255,71,87,.45);border-radius:50%;box-shadow:0 0 2.4rem rgba(255,71,87,.35),inset 0 0 1.2rem rgba(255,71,87,.1);color:#ff4757;display:flex;font-size:2.8rem;height:7rem;justify-content:center;margin:0 auto 1.8rem;width:7rem}@-webkit-keyframes iconPulse{0%,to{box-shadow:0 0 2.4rem rgba(255,71,87,.35),inset 0 0 1.2rem rgba(255,71,87,.1)}50%{box-shadow:0 0 3.8rem rgba(255,71,87,.55),inset 0 0 1.6rem rgba(255,71,87,.2)}}@keyframes iconPulse{0%,to{box-shadow:0 0 2.4rem rgba(255,71,87,.35),inset 0 0 1.2rem rgba(255,71,87,.1)}50%{box-shadow:0 0 3.8rem rgba(255,71,87,.55),inset 0 0 1.6rem rgba(255,71,87,.2)}}.modal-title{color:var(--modal-title);font-size:2rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.2rem}.modal-body,.modal-title{transition:color .35s ease}.modal-body{color:var(--modal-body);font-size:1.4rem;line-height:1.8;margin-bottom:2.8rem}.modal-task-name{color:#ff8a93;font-size:1.4rem;font-weight:600;word-break:break-word}.modal-body small{color:var(--modal-small);display:block;font-size:1.15rem;margin-top:.6rem;transition:color .35s ease}.modal-actions{gap:1.2rem}.modal-actions,.modal-btn{display:flex;justify-content:center}.modal-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;flex:1 1;font-size:1.4rem;font-weight:600;gap:.7rem;max-width:13rem;padding:1.1rem 1.6rem;transition:box-shadow .2s,background .25s,color .25s,-webkit-transform .15s,-webkit-filter .2s;transition:transform .15s,box-shadow .2s,filter .2s,background .25s,color .25s;transition:transform .15s,box-shadow .2s,filter .2s,background .25s,color .25s,-webkit-transform .15s,-webkit-filter .2s}.modal-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.modal-btn-cancel{background:var(--modal-cancel-bg);border:1px solid var(--modal-cancel-border);color:var(--modal-cancel-color)}.modal-btn-cancel:hover{background:var(--modal-cancel-hover-bg);color:var(--modal-cancel-hover-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-btn-delete{background:linear-gradient(135deg,#ff4757,#c0392b);box-shadow:0 .6rem 2rem rgba(255,71,87,.45);color:#fff}.modal-btn-delete:hover{box-shadow:0 .8rem 2.8rem rgba(255,71,87,.6);-webkit-filter:brightness(1.12);filter:brightness(1.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-box--danger{border-color:rgba(255,71,87,.28);box-shadow:0 2.4rem 6rem rgba(0,0,0,.6),0 0 0 1px rgba(255,71,87,.28),0 0 4rem rgba(255,71,87,.08),inset 0 1px 0 var(--modal-inner)}.modal-icon--all{-webkit-animation:iconPulseAll 1.6s ease-in-out infinite;animation:iconPulseAll 1.6s ease-in-out infinite;background:radial-gradient(circle,rgba(255,120,50,.28) 0,rgba(255,71,87,.05) 70%);border-color:rgba(255,120,50,.55);box-shadow:0 0 2.4rem rgba(255,120,50,.4),inset 0 0 1.2rem rgba(255,120,50,.12);color:#ff7832}@-webkit-keyframes iconPulseAll{0%,to{box-shadow:0 0 2.4rem rgba(255,120,50,.4),inset 0 0 1.2rem rgba(255,120,50,.12);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 4rem rgba(255,120,50,.65),inset 0 0 2rem rgba(255,120,50,.22);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes iconPulseAll{0%,to{box-shadow:0 0 2.4rem rgba(255,120,50,.4),inset 0 0 1.2rem rgba(255,120,50,.12);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 4rem rgba(255,120,50,.65),inset 0 0 2rem rgba(255,120,50,.22);-webkit-transform:scale(1.05);transform:scale(1.05)}}
/*# sourceMappingURL=main.5ecd5f40.css.map*/