.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}*{outline:none;padding:0;margin:0;font-family:Sora,sans-serif}:root{--text-color: rgb(30, 30, 30);--bg-color: rgb(230, 230, 230);--shade-color: rgb(215, 215, 215);--accent-color: rgb(255, 255, 255)}body{width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:var(--text-color);background-color:var(--bg-color)}svg{fill:var(--text-color);stroke:var(--text-color)}main,footer,nav{width:90vw;display:flex;flex-direction:column;align-items:center;padding:0 5%}main{position:absolute;left:50%;height:auto;overflow:hidden;transform:translate(-50%)}.todo-lists{width:100%;height:39vh;display:flex;flex-direction:column;align-items:center;margin-top:1rem}.todo-time-tag{display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}.todo-time-tag>span{margin-left:.4rem}.todo-time-tag>span:last-of-type{width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;background-color:var(--shade-color);border-radius:50%}.todo-lists>ul{width:92%;height:39vh;display:flex;flex-direction:column;align-items:center;gap:.5rem 0;padding:.8rem 4%;background-color:var(--accent-color);border-radius:1.4rem;overflow-y:auto;list-style:none}.todo-lists>ul::-webkit-scrollbar{width:.2rem}.todo-lists>ul::-webkit-scrollbar-track{background:transparent;border-radius:1.4rem}.todo-lists>ul::-webkit-scrollbar-thumb{background:var(--shade-color);border-radius:1.4rem}.todo-lists>ul>li{width:92%;min-height:3.8rem;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;padding-inline:4%;background-color:var(--bg-color);border-radius:1.4rem}.select-btn{width:1.4rem;height:1.4rem;background:transparent;border:.1rem solid var(--shade-color);border-radius:50%;transition:.2s}.active{width:1.4rem;height:1.4rem;background:#00f;border:.1rem solid var(--shade-color);border-radius:50%;transition:.2s}.todo-lists>ul>li>button:last-of-type{width:2rem;height:2rem;background:transparent;border:.1rem solid transparent}.todo-lists>ul>li>p{max-width:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;text-overflow:ellipsis}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:50%;display:flex;align-items:flex-end;justify-content:center;background-color:#ffffff0d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transform:translate(-50%);z-index:5}.todo-form{width:88vw;height:auto;display:flex;flex-direction:column;align-items:center;padding:1rem 6vw;padding-bottom:4rem;background:var(--accent-color);border-top:.1rem solid var(--bg-color);border-top-left-radius:1.2rem;border-top-right-radius:1.2rem;z-index:10}.hide-form-btn{align-self:flex-start;width:auto;height:auto;background:transparent}.todo-form>input{width:92%;height:3.4rem;padding-inline:4%;color:var(--text-color);background:transparent;border:.1rem solid var(--bg-color);border-radius:.8rem;margin-top:1.5rem}.todo-form .time-selector{width:100%;height:3.4rem;display:flex;align-items:center;justify-content:flex-start;padding-left:4%;background-color:var(--shade-color);border:.1rem solid var(--shade-color);border-radius:.8rem;margin-block:1rem}.timeval-options{width:100%;height:0rem;display:flex;flex-direction:column;align-items:center;list-style:none;overflow:hidden;border:none;border-radius:.8rem;margin-top:-.8rem;transform:scale(.9);transition:.4s}.active-timeval-options{height:6rem;border:.06rem solid var(--shade-color);transform:scale(1);transition:.4s}.timeval-options li{width:96%;height:3rem;display:flex;align-items:center;padding-left:4%;background:transparent;border-radius:.8rem;transition:.4s}.timeval-options li:hover{background-color:var(--shade-color)}.timeval-options li:first-of-type{border:.06rem solid var(--shade-color)}.submit-form-btn{width:100%;height:3.4rem;color:#f5f5f5;background-color:#0a0afa;border:none;border-radius:1.8rem;margin-block:.8rem}footer{position:absolute;bottom:0;left:0rem;height:10vh}footer section{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}footer section button{width:3.6rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--shade-color);border:none;border-radius:1rem}footer section button:nth-of-type(2){background-color:var(--accent-color)}@media (prefers-color-scheme: dark){:root{--text-color: rgb(235, 235, 235);--bg-color: rgb(25, 25, 25);--shade-color: rgb(35, 35, 35);--accent-color: rgb(10, 10, 10)}}