:root{color-scheme:light;--main-color: light-dark(#ffffff, #181B23);--bg: light-dark(#F5F5F5, #000000);--text: light-dark(#3C424B, #EEF2F0);--selected-bg: light-dark(#DEE4ED, #0E0F14);--red-text: light-dark(#b30000, #ffcccc);--red-bg: light-dark(#ffe6e6, #4d0000);--focus-outline: light-dark(#4d90fe, #8ab4f8);--blue-btn-bg: light-dark(#357ae8, #185abc);--blue-btn-hover-bg: light-dark(#2a65d0, #234194);--link-color: light-dark(#1a0dab, #8ab4f8);--text-placeholder: light-dark(#999999, #666666);--hover-bg: light-dark(#f8f9ff, #1a1d25);--box-shadow: 0px 0px 15px light-dark(rgba(0, 0, 0, .2), rgba(255, 255, 255, .2));--daily-tasks-main: light-dark(#3B82F6, #60A5FA);--daily-tasks-second: light-dark(#D1D5DB, #2D3748)}:root[data-theme=dark]{color-scheme:dark}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.form .content{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--main-color);box-shadow:var(--box-shadow);border-radius:1rem;width:790px;max-width:90%}.form h2{margin-bottom:2rem;font-size:2rem;font-weight:700}.form .error-div{background-color:var(--red-bg);border-radius:5px;padding:.5rem}.form .error-div p{margin:0;font-size:14px}.form .form-instruction{width:100%;margin-bottom:1rem;font-size:1rem}.form form{display:flex;flex-direction:column;width:100%}.form form label{margin-bottom:.5rem;font-weight:600}.form form input{margin-bottom:1.5rem;padding:.5rem;border:none;border-radius:5px;font-size:1rem;background-color:var(--main-color);box-shadow:var(--box-shadow)}.form form input:focus,.form form input:focus-visible{outline:none;outline:2px solid var(--blue-btn-bg)}.form form button{padding:.5rem;border-radius:5px;border:none;background-color:var(--blue-btn-bg);font-size:1rem;cursor:pointer}.form form button:hover{background-color:var(--blue-btn-hover-bg)}.form form input.ng-invalid.ng-touched.input-error{border:2px solid var(--red-text)}.form .error-msg{color:var(--red-text);margin:-1rem 0 1rem}.form .link{margin-top:1.5rem;text-align:center}.form .link a{color:var(--link-color);text-decoration:none;font-weight:700;cursor:pointer}.form .link a:hover{text-decoration:underline}.list{display:flex;flex-direction:column;height:100%;width:60%;gap:.7rem;padding:.5rem 0 0;overflow-y:auto}.list::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-thumb{background:var(--daily-tasks-main);border-radius:10px}.list .task{display:flex;align-items:center;gap:.5rem}.list .task input[type=checkbox]{appearance:none;background-color:none;margin:0;font:inherit;border:.1em solid var(--text);border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center}.list .task input[type=checkbox]:before{content:"";width:.7em;height:.7em;transform:scale(0);box-shadow:inset 1em 1em var(--daily-tasks-main);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.list .task input[type=checkbox]:checked:before{transform:scale(1)}.list .task label{width:100%}@media (max-width: 900px){.list .task label{font-size:.8rem}}.list .task label.done{text-decoration:line-through;color:var(--daily-tasks-main)}@property --i{syntax: "<number>"; inherits: false; initial-value: 0;}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg);color:var(--text);box-sizing:border-box;margin:0;font-family:Roboto,Helvetica Neue,sans-serif}body.no-scroll{overflow:hidden;height:100vh;width:100vw;position:fixed}button{background:none;border:none;cursor:pointer}h1,h2,h3,.logo-title{margin:0}h2{font-size:2rem}@media (max-width: 900px){h2{font-size:1rem}}p{margin:0}h1,.logo-title{text-align:center;font-size:2rem;font-weight:700;letter-spacing:-.125rem;color:var(--text);font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.weather-icon{width:50px}.weather-icon.header{width:100px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}