:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html,body{box-sizing:border-box;width:100%;margin:0}button{cursor:pointer;background-color:#383333;border:1px solid #ccc;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:.8em;font-weight:500;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}}#root{text-align:center;flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;display:flex}.main-content{flex:1;padding:2rem}.site-footer{text-align:center;color:#ccc;flex-shrink:0;font-size:.85rem}.site-footer a{color:#646cff;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#535bf2}.card{padding:2em}.read-the-docs{color:#888}.form-task-name{grid-area:task-name}.form-due-date{grid-area:due-date}.form-task-input{grid-area:task-input}.form-due-date-input{grid-area:due-date-input}.form-add-task-button{grid-area:add-task-button}.task-form{background-color:#1a1a1a;border:1px solid #ccc;border-radius:8px;grid-column:4;grid-template-areas:"task-name due-date""task-input due-date-input""add-task-button add-task-button";gap:.8em;padding:.5em;display:grid}@media (max-width:600px){.task-form{flex-direction:column;gap:.5rem;display:flex}.form-task-name,.form-due-date,.form-task-input,.form-due-date-input,.form-add-task-button{grid-area:unset}}.header{grid-template-columns:1fr auto 1fr 1fr;align-items:center;gap:.5em;width:100%;padding-bottom:.5rem;display:grid}.title{text-align:center;grid-column:2}h1{font-size:3.2em;line-height:1.1}@media (max-width:600px){.header{flex-direction:column;align-items:stretch;display:flex}.title{text-align:center;grid-column:auto}}.filter-bar{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-bottom:.5rem;display:flex}.task-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.task-card-header{align-items:center;gap:.5rem;display:flex}.task-card-header h3{margin:0;font-size:1rem}.task-card-header .completed{opacity:.7;text-decoration:line-through}.task-card-meta{opacity:.85;justify-content:space-between;font-size:.85rem;display:flex}.task-card-actions{gap:.5rem;display:flex}.task-card-actions button{white-space:nowrap;flex:1;font-size:.8rem}.desktop-only{display:table}.mobile-only{display:none}.task-cards{flex-direction:column;gap:1rem}@media (max-width:600px){.desktop-only{display:none}.mobile-only{display:flex}}.task-list{border-collapse:collapse;table-layout:fixed;width:100%}.col-check{width:3rem}.col-due{width:6rem}.col-status{width:7rem}.col-actions{width:9rem}th,td{word-break:break-word;white-space:normal;overflow-wrap:break-word;border-bottom:1px solid #333;padding:.6em 1em}.action-buttons{justify-content:center;gap:.2rem;display:flex}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#303030;border-radius:8px;outline:2px solid #999;width:300px;padding:.5rem}.modal h2{color:#fff;text-align:center;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.modal-buttons{justify-content:center;gap:.5rem;display:flex}.modal button{background-color:#222;outline:1px solid #999;width:40%}.modal button:hover{background-color:#333}.modal input{color:#fff;background-color:#222;border:1px solid #666;border-radius:4px;width:80%;margin-top:.5rem;padding:.5rem}.form-row{border-radius:4px;outline:1px solid #666;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem;display:flex}.form-row label{color:#fff;flex-direction:column;font-weight:500;display:flex}