@charset "UTF-8";.app-body,body{background-color:#f8f4d1;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;padding:20px}.app-body{align-items:center;box-sizing:border-box;color:brown;flex-direction:column;margin:0;min-height:100vh}.todo-container{box-shadow:0 0 10px #0000001a;margin-top:24px;max-width:480px;padding:24px;position:relative}ul{list-style:none;margin:0;padding:0}.signature{bottom:10px;color:#000;font-weight:700;left:10px;margin-bottom:0;margin-top:25px;position:absolute}.mode-switch-button{background-color:#f8e541;border:2px solid #000;border-radius:20px;cursor:pointer;font-size:14px;font-style:italic;font-weight:700;margin-top:16px;padding:10px 16px;transition:background-color .3s ease,box-shadow .3s ease}.mode-switch-button:hover{background-color:hwb(51 54% 1%)}.welcome-bar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:12px auto 16px;max-width:480px;padding:0 12px;width:100%}.welcome-text{color:sienna;font-size:16px;font-weight:700}.signout-button{background-color:gold;border:2px solid #000;border-radius:20px;cursor:pointer;font-size:14px;font-style:italic;font-weight:700;padding:10px 16px;transition:background-color .3s ease,box-shadow .3s ease}.signout-button:hover{background-color:#f2e287;box-shadow:0 4px 8px #ffc89633}.calendar-sync-btn{background-color:gold;border:2px solid #000;border-radius:20px;cursor:pointer;display:block;font-size:14px;font-style:italic;font-weight:700;margin-top:16px;max-width:480px;padding:10px 16px;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.calendar-sync-btn:hover{background-color:#f2e287;box-shadow:0 4px 8px #ffc89633}.signin-container{text-align:center}.google-login-btn{background-color:gold;border:2px solid #000;border-radius:20px;cursor:pointer;font-size:14px;font-style:italic;font-weight:700;margin-top:16px;padding:10px 24px;transition:background-color .3s ease,box-shadow .3s ease}.google-login-btn:hover{background-color:#f2e287;box-shadow:0 4px 8px #ffc89633}@media (max-width:600px){.calendar-sync-btn{font-size:13px;padding:12px}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.input-task-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 32px}.input-task-container input[type=text],.input-task-container select.category-select,.input-task-container select.priority-select{background-color:#fff;border:2px solid brown;border-radius:20px;box-sizing:border-box;color:#000;cursor:pointer;font-size:14px;min-width:100px;outline:none;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.deadline-date-input{border:2px solid brown;border-radius:20px;font-size:14px;padding:10px;width:100px!important}.input-task-container input[aria-label=Participants]{min-width:220px;width:280px}.input-task-container button{background-color:#fff1e0;border:2px solid brown;border-radius:20px;color:sienna;cursor:pointer;font-size:14px;font-style:italic;font-weight:700;margin-left:8px;min-width:10px;padding:10px 16px;transition:background-color .3s ease,box-shadow .3s ease}.input-task-container button:hover{background-color:#ffe0b3;box-shadow:0 4px 8px #ffc89633}.task-item{box-sizing:border-box;flex-wrap:wrap;font-family:Segoe UI,Tahoma,sans-serif;transition:border .3s ease,box-shadow .3s ease;width:100%}.task-item:before{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#0003 0,#0003 6px);content:"";height:12px;left:0;-webkit-mask-image:radial-gradient(circle,#000 70%,#0000 71%);mask-image:radial-gradient(circle,#000 70%,#0000 71%);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:12px 100%;mask-size:12px 100%;position:absolute;right:0;top:8px}.task-item.high{border-color:#f009;border-style:solid;border-width:2px 4px;box-shadow:0 0 10px #ff000080}.task-item.normal{border-color:#ffa50099;border-style:solid;border-width:2px 4px;box-shadow:0 0 10px #ffa50080}.task-item.low{border-color:#00800099;border-style:solid;border-width:2px 4px;box-shadow:0 0 10px #00800080}.task-item:after{content:"📌";font-size:16px;position:absolute;right:6px;top:4px}.task-item button{transition:color .2s ease}.task-date{color:brown!important;direction:ltr;font-size:12px;font-style:italic;margin-top:auto;text-align:right;width:100%}.edit-btn{background:gold;border:none;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;font-size:1rem;left:-10px;padding:5px;position:absolute;top:-10px;transition:background .2s ease}.edit-btn:hover{background-color:#ffbf00}.edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.edit-form input,.edit-form select{border:1px solid #aaa;border-radius:6px;direction:rtl;font-family:inherit;font-size:14px;padding:6px;text-align:right}.edit-buttons{display:flex;gap:8px;justify-content:flex-start}.edit-form input[type=text][placeholder*="DD/MM/YYYY"]{direction:rtl!important;text-align:right!important;unicode-bidi:plaintext}.task-text{display:block;flex:1 1;min-width:0;white-space:normal;word-break:break-word}.task-text-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.task-users{color:#333;direction:rtl;display:inline-block;font-size:12px;max-width:140px;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.task-deadline,.task-users{margin-inline-start:6px}.gcal-icon{vertical-align:middle}.task-participants{margin-inline-start:8px;white-space:nowrap}@media (max-width:600px){.task-item{font-size:13px;gap:6px;padding:20px 12px}.task-users{max-width:100px}}.task-date{bottom:4px;color:#000;font-size:10px;position:absolute;right:8px}.task-text{color:#222;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px}.emoji-left{font-size:20px;margin:0 6px}.task-users{color:#222;display:block;font-size:13px;margin-left:30px;margin-top:4px}.tabs-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.tab-button{background-color:#fff1e0;border:2px solid brown;border-radius:20px;color:sienna;cursor:pointer;font-size:14px;font-style:italic;font-weight:700;margin-left:8px;min-width:10px;padding:10px 16px;transition:background-color .3s ease,box-shadow .3s ease}.tab-button:hover{background-color:#ffe0b3;box-shadow:0 4px 8px #ffc89633}.tab-button.active{background-color:#ffd699;border-color:#f4b860;box-shadow:0 0 6px #ffa5004d}.title-header{background:linear-gradient(90deg,#fff8e1,#fffde7);border:2px solid brown;border-radius:20px;box-shadow:0 4px 12px #b7661f99;color:#333;font-family:Courier New,Courier,monospace;font-weight:700;justify-content:center;padding:24px 0;width:100%}.title-content,.title-header{align-items:center;display:flex}.title-content{gap:22px}.dane-icon{background-color:#fff;border:2px solid brown;border-radius:50%;box-shadow:0 4px 8px #b7661f99;height:auto;image-rendering:pixelated;width:64px}h1{color:brown;font-size:26px;letter-spacing:2px}.subtitle,h1{font-style:italic;margin:0}.subtitle{color:#fda635;font-size:18px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px #ff8c0099}body{background-color:#fffde7;font-family:Segoe UI,Tahoma,sans-serif;margin:0;min-height:100vh;padding:0}.todo-container{background:#fff;border-radius:12px;box-shadow:0 0 15px #00000026;box-sizing:border-box;margin:32px auto 0;max-width:960px;padding:32px;width:100%}.score{color:#8b0000;font-size:16px;font-weight:700;margin:12px 0;text-align:center}.task-item{align-items:center;background:#fffacd;background-image:repeating-linear-gradient(180deg,#0000000d,#0000000d 1px,#0000 22px);border-radius:8px;box-shadow:3px 3px 6px #0003;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:12px;overflow:hidden;padding:32px 16px 16px;position:relative}.task-item.completed .task-text{color:#888;opacity:.6;text-decoration:line-through}.task-item .task-date{align-self:flex-start;background:#0000;color:sienna;font-size:12px;font-style:italic;margin:0;padding:0}.task-item button{background:#0000;border:none;bottom:6px;cursor:pointer;font-size:16px;position:relative}.dane-eat{animation:eat-task 4.5s ease-out forwards;height:40px;left:-80px;opacity:.95;position:absolute;width:40px;z-index:999}@keyframes eat-task{0%{left:-80px;opacity:0}20%{left:10px;opacity:1}60%{left:120%;opacity:1}to{left:160%;opacity:0}}.levelup-banner{animation:flash 1s ease-in-out infinite alternate;background-color:#f5da6e;border-radius:16px;color:#000;font-size:20px;font-weight:700;margin-bottom:16px;padding:14px 24px;text-align:center}@keyframes flash{0%{opacity:1}to{opacity:.4}}.game-over-banner{animation:popUp 1s ease-out forwards;border-radius:20px;color:brown;font-size:22px;font-weight:700;margin:32px auto;padding:24px;text-align:center}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.restart-button{animation:blink 1.2s infinite;background-color:rgba(235,180,71,.878);border:2px solid #000;border-radius:12px;color:#000;cursor:pointer;font-size:14px;font-weight:700;margin-top:16px;padding:12px 20px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.signature{color:#333;font-size:12px;font-style:italic;margin-top:32px;text-align:center}