:root{font-family: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}html{overflow-y:auto;scrollbar-width:none}body{margin:0;min-width:320px;min-height:100vh;background-color:#111827}h1{margin:0 1rem 1.5rem;font-size:2rem;font-weight:600;text-align:left;color:#f9fafb;letter-spacing:-.5px;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:.5rem;border:1px solid transparent;padding:.55rem 1rem;margin:.5rem .5rem .5rem 0;font-size:.9rem;font-weight:500;background-color:#374151;color:#f9fafb;cursor:pointer;transition:background-color .2s,transform .05s}button:hover{background-color:#4b5563}button:active{transform:translateY(1px)}button.create{background-color:#065f46}button.delete{background-color:#7f1d1d}button.edit{background-color:#1e40af}p#loading-message{text-align:center}p#loading-message:after{content:"";animation:loadingAnimation 4s infinite}p#loading-message.prevent-loading-animation:after{content:"";animation:none}@keyframes loadingAnimation{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}h1{color:#111827}}#root{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:56rem;margin:0 auto;padding:2rem 1.5rem 3rem;box-sizing:border-box}.main-container{padding:1.5rem 1.75rem 2rem;border-radius:.75rem;background-color:#1f2937;border:1px solid #374151;box-shadow:0 10px 30px #00000040;text-align:left}.main-container>*+*{margin-top:1rem}.priorityHigh{color:#c71585}.priorityMedium{color:#b8860b}.priorityLow{color:#008b8b}@media (prefers-color-scheme: light){.main-container{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000014}}@media (max-width: 34rem){#root{max-width:32rem;width:100%}}.layout-container{min-height:100vh;display:flex;flex-direction:column}.layout-header{border-bottom:1px solid #374151;padding:1rem 1.5rem}.layout-main{flex:1;padding:2rem 1.5rem}.layout-footer{border-top:1px solid #374151;padding:1rem 1.5rem;display:flex;justify-content:center}@media (prefers-color-scheme: light){.layout-header,.layout-footer{border-color:#e5e7eb}}@media (max-width: 50rem){.layout-main{padding:0}}._nav_1k3fo_1{display:flex;justify-content:center;gap:1.5rem}._nav_1k3fo_1>a{color:#9ca3af;font-size:1.25rem;font-weight:500;padding:.1em .5rem;border-bottom:.1em solid whitesmoke;border-radius:.25em;transition:background-color .2s,color .2s,font-weight .2s,transform .2s;transition-timing-function:ease-out}._nav_1k3fo_1>a:hover{background-color:#ffffff1a;color:#f9fafb;transform:scale(1.1)}._nav_1k3fo_1>a._active_1k3fo_24{color:#f9fafb;font-weight:600}._form_1g1im_1{display:flex;flex-direction:column;gap:1rem}._formGroup_1g1im_7{display:flex;flex-direction:column;gap:.75rem}._label_1g1im_13{font-weight:600;padding-left:.25em}._input_1g1im_18,._textarea_1g1im_19,._select_1g1im_20{font-size:1rem;padding:.5rem;border-radius:8px;border:1px solid #444;background-color:#2c2c2c;color:#e0e0e0;transition:border-color .3s ease,background-color .3s ease,color .3s ease}._input_1g1im_18:focus,._textarea_1g1im_19:focus,._select_1g1im_20:focus{border-color:#6af;outline:none}._textarea_1g1im_19{resize:vertical;min-height:80px}._bgPriorityHigh_1g1im_42{background-color:#c71585}._bgPriorityMedium_1g1im_45{background-color:#b8860b}._bgPriorityLow_1g1im_48{background-color:#008b8b}._checkboxGroup_1g1im_52{display:flex;align-items:center}._checkboxLabel_1g1im_57{font-weight:500;display:flex;align-items:center;gap:.5rem;color:inherit}._checkbox_1g1im_52{transform:scale(1.2)}._actions_1g1im_69{display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media (prefers-color-scheme: light){._input_1g1im_18,._textarea_1g1im_19,._select_1g1im_20{background-color:#fff;border-color:#ccc;color:#000}._input_1g1im_18:focus,._textarea_1g1im_19:focus,._select_1g1im_20:focus{border-color:#007bff}._bgPriorityHigh_1g1im_42{background-color:#c71585;color:#fff}._bgPriorityMedium_1g1im_45{background-color:#b8860b;color:#fff}._bgPriorityLow_1g1im_48{background-color:#008b8b;color:#fff}}._task_1d3mw_1{display:flex;flex-direction:column;align-items:center}._priority_1d3mw_7{font-weight:700}._description_1d3mw_11{font-size:1.25rem;color:#ccc}._doneTrue_1d3mw_16{color:#3fbf5f}._doneFalse_1d3mw_20{color:#bf3f5f}._toggleDoneContainer_1d3mw_24{display:flex;align-items:center;gap:.5rem}._setDone_1d3mw_30{background-color:#3fc43f80;transition:background-color .2s ease-out}._setDone_1d3mw_30:hover{background-color:#3fff3f80}._setNotDone_1d3mw_38{background-color:#c43f3f80;transition:background-color .2s ease-out}._setNotDone_1d3mw_38:hover{background-color:#ff3f3f80}._actions_1d3mw_46{display:flex;align-items:center;gap:1rem}@media (prefers-color-scheme: light){._description_1d3mw_11{color:#333}._doneTrue_1d3mw_16{color:#2e7d32}._doneFalse_1d3mw_20{color:#c62828}._setDone_1d3mw_30,._setNotDone_1d3mw_38{color:#333}}._grid_h6qco_1{display:grid;grid-template-columns:1fr auto auto;color:#ccc;font-weight:700;text-align:center}._grid_h6qco_1 a{transition:background-color .2s ease-out}._grid_h6qco_1 a:hover{background-color:#ffffff1a}._gridRow_h6qco_16,._gridRowHeader_h6qco_17{display:grid;grid-column:1 / 4;grid-template-columns:subgrid;border-bottom:1px solid #e0e0e0}._gridRow_h6qco_16 div{padding:.5rem}._gridRowHeader_h6qco_17:nth-child(1){text-align:left}._gridRowHeader_h6qco_17 div{padding:.5rem .75rem}._title_h6qco_35{color:#add8e6;text-align:left}@media (prefers-color-scheme: light){._grid_h6qco_1{color:#333}._gridRowHeader_h6qco_17,._gridRow_h6qco_16{border-bottom:1px solid #ccc}._title_h6qco_35{color:#005f99}}@media (max-width: 50rem){._grid_h6qco_1{grid-template-columns:1fr;gap:1rem;text-align:left}._gridRow_h6qco_16{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border:.15rem solid #ccc;border-radius:1rem}._gridRow_h6qco_16>div{padding:0}._title_h6qco_35>span{text-decoration:underline;text-underline-offset:.1em}._title_h6qco_35:before{content:"Task: ";color:#aaa}._priority_h6qco_85:before{content:"Priority: ";color:#aaa}._done_h6qco_90{align-self:end}._done_h6qco_90[data-value=true]:before{content:"done ";color:#7fff7f80}._done_h6qco_90[data-value=false]:before{content:"to be done ";color:#ff7f7f80}._gridRowHeader_h6qco_17{display:none}}