:root{--gray-100: #f2f2f2;--gray-200: #d9d9d9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1a1a1a;--gray-700: #0d0d0d;--purple: #8284fa;--purple-dark: #5e60ce;--blue: #4ea8de;--blue-dark: #1e6f9f;--danger: #e25858;--success: #4ade80;--warning: #fbbf24}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--gray-600);color:var(--gray-100);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer}._header_jkd72_1{background:var(--gray-700);display:flex;flex-direction:column;align-items:center;justify-content:center;height:12.5rem;position:relative;padding-top:1rem}._userBar_jkd72_12{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0003;border-bottom:1px solid var(--gray-600)}._greeting_jkd72_25{display:flex;align-items:baseline;gap:.5rem}._greetingText_jkd72_31{color:var(--gray-300);font-size:.875rem}._userName_jkd72_36{color:var(--blue);font-size:1rem;font-weight:700}._logoutButton_jkd72_42{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--gray-500);border-radius:.5rem;color:var(--gray-200);font-size:.875rem;font-weight:500;transition:all .2s}._logoutButton_jkd72_42:hover{background:var(--danger);border-color:var(--danger);color:var(--gray-100)}._logoutButton_jkd72_42 span{display:none}@media(min-width:640px){._logoutButton_jkd72_42 span{display:inline}}._newTaskForm_jkd72_72{position:absolute;height:3.375rem;bottom:-1.6875rem;width:100%;max-width:46rem;display:flex;gap:.5rem;padding:0 1rem}._newTaskForm_jkd72_72 input{height:100%;flex:1;color:var(--gray-100);background:var(--gray-500);border:1px solid var(--gray-700);border-radius:.5rem;padding:0 1rem;font-size:1rem}._newTaskForm_jkd72_72 input:focus{outline:none;border-color:var(--purple-dark)}._newTaskForm_jkd72_72 input::placeholder{color:var(--gray-300)}._newTaskForm_jkd72_72 button{height:100%;padding:0 1rem;background:var(--blue-dark);color:var(--gray-100);border:none;border-radius:.5rem;display:flex;align-items:center;gap:.375rem;font-weight:700;font-size:.875rem}._newTaskForm_jkd72_72 button:disabled{opacity:.5;cursor:not-allowed}._tasks_et9rf_1{width:100%;max-width:46rem;margin:0 auto;margin-top:5.625rem;padding:0 1rem}._header_et9rf_9{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}._header_et9rf_9 div{display:flex;align-items:center;gap:.8rem}._header_et9rf_9 p{color:var(--blue);font-size:.875rem;font-weight:700}._header_et9rf_9 p._textPurple_et9rf_28{color:var(--purple)}._header_et9rf_9 span{background:var(--gray-400);color:var(--gray-200);padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:700}._list_et9rf_41{display:flex;flex-direction:column;gap:.75rem}._empty_et9rf_47{margin-top:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--gray-300);text-align:center}._empty_et9rf_47 svg{opacity:.3}._empty_et9rf_47 p{font-weight:700}._task_1xrhm_1{width:100%;background:var(--gray-500);border:1px solid var(--gray-400);padding:1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}._task_1xrhm_1 p{font-size:.875rem;line-height:1.18rem;color:var(--gray-100);margin-right:auto}p._textCompleted_1xrhm_20{color:var(--gray-300);text-decoration:line-through}._checkContainer_1xrhm_25{min-width:1.125rem;height:1.125rem;background:none;border:none}._checkContainer_1xrhm_25 div{width:100%;height:100%;border:2px solid var(--blue);border-radius:50%}._checkContainer_1xrhm_25 svg{width:100%;height:100%;color:var(--purple)}._deleteButton_1xrhm_45{background:none;border:none;color:var(--gray-300)}._tasks_1k7k6_1{width:100%;max-width:46rem;margin:0 auto;margin-top:5.625rem;padding:0 1rem}._header_1k7k6_9{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}._header_1k7k6_9 div{display:flex;align-items:center;gap:.8rem}._header_1k7k6_9 p{color:var(--blue);font-size:.875rem;font-weight:700}._header_1k7k6_9 p._textPurple_1k7k6_28{color:var(--purple)}._header_1k7k6_9 span{background:var(--gray-400);color:var(--gray-200);padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:700}._skeleton_1k7k6_41{animation:_pulse_1k7k6_1 1.5s ease-in-out infinite}@keyframes _pulse_1k7k6_1{0%,to{opacity:1}50%{opacity:.5}}._list_1k7k6_54{display:flex;flex-direction:column;gap:.75rem}._skeletonTask_1k7k6_60{background:var(--gray-500);border:1px solid var(--gray-400);padding:1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}._skeletonTask_1k7k6_60:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:_shimmer_1k7k6_1 2s infinite}@keyframes _shimmer_1k7k6_1{0%{left:-100%}to{left:100%}}._skeletonCheckbox_1k7k6_97{width:1.125rem;height:1.125rem;border-radius:50%;background:var(--gray-400);flex-shrink:0;animation:_pulse_1k7k6_1 1.5s ease-in-out infinite}._skeletonText_1k7k6_106{flex:1}._skeletonLine_1k7k6_110{height:1rem;background:var(--gray-400);border-radius:.25rem;width:70%;animation:_pulse_1k7k6_1 1.5s ease-in-out infinite}._skeletonButton_1k7k6_118{width:1.5rem;height:1.5rem;background:var(--gray-400);border-radius:.25rem;flex-shrink:0;animation:_pulse_1k7k6_1 1.5s ease-in-out infinite}._skeletonTask_1k7k6_60:nth-child(2) ._skeletonLine_1k7k6_110{width:85%}._skeletonTask_1k7k6_60:nth-child(3) ._skeletonLine_1k7k6_110{width:60%}._container_wkzer_1{min-height:100vh;display:flex;flex-direction:column}._header_wkzer_7{background:var(--gray-700);display:flex;align-items:center;justify-content:center;height:12.5rem}._formWrapper_wkzer_15{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}._form_wkzer_15{width:100%;max-width:28rem;background:var(--gray-500);border:1px solid var(--gray-400);border-radius:.5rem;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}._form_wkzer_15 h1{color:var(--blue);font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.5rem}._inputGroup_wkzer_43{display:flex;flex-direction:column;gap:.5rem}._inputGroup_wkzer_43 label{color:var(--gray-100);font-size:.875rem;font-weight:700}._inputGroup_wkzer_43 input{height:3.375rem;color:var(--gray-100);background:var(--gray-600);border:1px solid var(--gray-700);border-radius:.5rem;padding:0 1rem;font-size:1rem;transition:border-color .2s}._inputGroup_wkzer_43 input::placeholder{color:var(--gray-300)}._inputGroup_wkzer_43 input:focus{outline:none;border-color:var(--purple-dark)}._error_wkzer_75{color:var(--danger);font-size:.75rem;margin-top:-.25rem}._submitButton_wkzer_81{height:3.375rem;background:var(--blue-dark);color:var(--gray-100);border:none;border-radius:.5rem;font-weight:700;font-size:.875rem;transition:background-color .2s;margin-top:.5rem}._submitButton_wkzer_81:hover{background:var(--blue)}._submitButton_wkzer_81:disabled{background:var(--gray-400)}._link_wkzer_101{text-align:center;color:var(--gray-300);font-size:.875rem}._link_wkzer_101 a{color:var(--blue);text-decoration:none;font-weight:700;transition:color .2s}._link_wkzer_101 a:hover{color:var(--purple)}._toast_2utj8_1{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--gray-500);border:1px solid;box-shadow:0 4px 12px #0000004d;min-width:20rem;max-width:25rem;animation:_slideIn_2utj8_1 .3s ease-out}@keyframes _slideIn_2utj8_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}._toast_2utj8_1._success_2utj8_27{border-color:var(--success)}._toast_2utj8_1._error_2utj8_31{border-color:var(--danger)}._toast_2utj8_1._info_2utj8_35{border-color:var(--blue)}._toast_2utj8_1._warning_2utj8_39{border-color:var(--warning)}._icon_2utj8_43{flex-shrink:0;margin-top:.125rem}._toast_2utj8_1._success_2utj8_27 ._icon_2utj8_43{color:var(--success)}._toast_2utj8_1._error_2utj8_31 ._icon_2utj8_43{color:var(--danger)}._toast_2utj8_1._info_2utj8_35 ._icon_2utj8_43{color:var(--blue)}._toast_2utj8_1._warning_2utj8_39 ._icon_2utj8_43{color:var(--warning)}._content_2utj8_64{flex:1;display:flex;flex-direction:column;gap:.25rem}._content_2utj8_64 strong{color:var(--gray-100);font-size:.875rem;font-weight:700;line-height:1.4}._content_2utj8_64 p{color:var(--gray-200);font-size:.8125rem;line-height:1.4;margin:0}._closeButton_2utj8_85{flex-shrink:0;background:transparent;border:none;color:var(--gray-300);padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}._closeButton_2utj8_85:hover{color:var(--gray-100)}._container_e7tuw_1{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}._container_e7tuw_1>*{pointer-events:all}@media(max-width:768px){._container_e7tuw_1{top:1rem;right:1rem;left:1rem}}