*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:Josefin Sans,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:url(/assets/desktopBGLight-DFa6mCiR.png);background-repeat:no-repeat;background-size:contain;background-color:#fff}img,picture,video,canvas,svg{display:block;max-width:100%}textarea:focus,input:focus{outline:none}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}li{list-style:none;color:#494c6b}ul{padding:0}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:50%;width:24px;height:24px;border:1px solid #E3E4F1;background-color:#fff;position:relative;cursor:pointer;outline:none;margin-right:10px}input[type=checkbox]:checked:before{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20fill='white'%20stroke='%23E3E4F1'/%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='url(%23paint0_linear_0_595)'/%3e%3cpath%20d='M8%2012.3041L10.6959%2015L16.6959%209'%20stroke='white'%20stroke-width='2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_595'%20x1='-12'%20y1='12'%20x2='12'%20y2='36'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2355DDFF'/%3e%3cstop%20offset='1'%20stop-color='%23C058F3'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:cover;border-radius:50%;position:absolute;top:0;left:0}.container{margin:0 auto;width:540px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:70px;padding-bottom:40px;padding-inline:450px}.createTodo,.todos{margin-inline:450px}h1{color:#fff;line-height:40px;font-weight:400}.hero{box-shadow:0 35px 50px -15px #c2c3d680;margin-bottom:49px}.header button{border:none;background-color:transparent}.header button:hover{border-color:transparent}.createTodo{background-color:#fff;padding:20px 280px 20px 24px;border-radius:10px;margin-bottom:24px}.inputArea{display:flex;align-items:center}.newTodo{background-color:#fff;color:#9495a5;font-size:18px;font-weight:400;line-height:18px;letter-spacing:-.25px;border:0px solid}.todos{border-radius:10px;background-color:#fff}.todosItem{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E3E4F1;padding:20px 24px}.todosCheck{display:flex;align-items:center}.todosItem button{background-color:transparent;padding:0}.todosItem button:hover{border-color:transparent}.todosItem li.completed{color:#d1d2da;text-decoration:line-through}.interactive{display:none}.interactiveDesktop{padding-block:16px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;color:#9495a5}.interactiveDesktop button{background-color:transparent;color:#9495a5;padding:0;font-size:14px;font-weight:400;line-height:14px;letter-spacing:-.1944444477558136px;text-align:right}.interactiveDesktop button:hover{border-color:transparent;color:#3a7cfd}.completedStatusDesktop{display:flex;gap:19px;color:#9495a5}.completedStatusDesktop button{font-size:14px;font-weight:700;line-height:14px;letter-spacing:-.1944444477558136px;text-align:left}.copyright{font-size:14px;font-weight:400;line-height:14px;letter-spacing:-.1944444477558136px;padding-bottom:52px;text-align:center;color:#9495a5}@media (max-width: 768px){body{background-image:url(/assets/mobileBGLight-B_JFAvMy.png)}.container{margin:0 auto;width:90%}.createTodo{background-color:#fff;padding:14px 20px;margin-top:0;margin-inline:auto}.header{padding-top:20px;padding-bottom:20px;padding-inline:20px}.hero{width:100%;margin:0 auto}.todosItem li{font-size:12px;font-weight:400;line-height:12px;letter-spacing:-.1666666716337204px;text-align:left;color:#494c6b}.interactiveDesktop{display:none}.interactive{display:block;margin-top:16px;margin-bottom:40px;padding-block:15px;border-radius:10px;box-shadow:0 35px 50px -15px #c2c3d680;background-color:#fff;color:#3a7cfd}.completedStatus{display:flex;gap:19px;justify-content:center;color:#9495a5}.completedStatus button{font-size:14px;font-weight:700;line-height:14px;letter-spacing:-.1944444477558136px;text-align:left;padding:0;background-color:transparent;color:#9495a5}.completedStatus button:hover{border:1px solid transparent}.createTodo,.todos{margin-inline:0px}}:root{font-family:Inter,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;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}}