:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#dfe3e8;--color-text:#1d2430;--color-muted:#647083;--color-accent:#2f6fed;--color-accent-hover:#2559c4;--color-danger:#c0392b;--radius:10px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280a;color:var(--color-text);background-color:var(--color-bg);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);min-height:100vh;margin:0}h1,h2,h3,p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.brand{letter-spacing:.02em;color:var(--color-text);font-size:1.125rem;font-weight:700}.brand:hover{color:var(--color-accent);text-decoration:none}.app-main{flex:1;width:min(100%,56rem);margin:0 auto;padding:2rem 1.5rem 3rem}.page{flex-direction:column;gap:.75rem;display:flex}.page-title{font-size:1.5rem;font-weight:700}.muted{color:var(--color-muted)}@media (width<=40rem){.app-main{padding:1.25rem 1rem 2rem}}.boot-screen{background-color:var(--color-bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.boot-card{text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:min(100%,28rem);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.boot-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite boot-spin}.boot-title{font-size:1.125rem;font-weight:700}.boot-message{color:var(--color-muted)}.boot-error-detail{color:var(--color-danger);overflow-wrap:anywhere;font-size:.875rem}.boot-retry{color:#fff;background-color:var(--color-accent);border-radius:var(--radius);border:none;margin-top:.5rem;padding:.5rem 1.25rem}.boot-retry:hover:not(:disabled){background-color:var(--color-accent-hover)}.boot-retry:disabled{opacity:.6;cursor:default}@keyframes boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boot-spinner{animation:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tasks-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;display:flex}.task-count{color:var(--color-muted);font-size:.875rem}.status-block{text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;display:flex}.status-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:1.75rem;height:1.75rem;animation:.8s linear infinite boot-spin}.status-title{font-weight:700}.status-message{max-width:32rem;color:var(--color-muted);overflow-wrap:anywhere}.status-error{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border))}.status-inline{color:var(--color-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.status-spinner-small{border-width:2px;width:1rem;height:1rem}.status-block.status-inline{text-align:left;flex-flow:wrap;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 1rem}.status-inline-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.status-block.status-inline .retry-button{margin-top:0}.retry-button{color:#fff;background-color:var(--color-accent);border-radius:var(--radius);border:none;margin-top:.5rem;padding:.5rem 1.25rem}.retry-button:hover{background-color:var(--color-accent-hover)}.task-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.task-toggle{color:#fff;border:2px solid var(--color-border);background-color:#0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:inline-flex}.task-toggle:hover:not(:disabled){border-color:var(--color-accent)}.task-toggle[aria-pressed=true]{background-color:var(--color-accent);border-color:var(--color-accent)}.task-toggle:disabled{opacity:.6;cursor:default}.task-delete{color:var(--color-muted);border-radius:var(--radius);background-color:#0000;border:1px solid #0000;margin-left:auto;padding:.25rem .5rem;font-size:.875rem}.task-delete:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-border)}.task-delete:disabled{opacity:.6;cursor:default}.task-pending{color:var(--color-muted);white-space:nowrap;font-size:.875rem}.task-error{color:var(--color-danger);overflow-wrap:anywhere;flex-basis:100%;margin:0;font-size:.875rem}.task-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.task-form-title{font-size:1.125rem;font-weight:700}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-label{font-size:.875rem;font-weight:600}.form-hint{color:var(--color-muted);font-weight:400}.form-input,.form-textarea{width:100%;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem}.form-input:focus-visible,.form-textarea:focus-visible{border-color:var(--color-accent)}.form-textarea{resize:vertical;min-height:4.5rem}.form-input:disabled,.form-textarea:disabled{opacity:.7}.field-error,.form-error{color:var(--color-danger);font-size:.875rem}.form-error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));border-radius:var(--radius);padding:.5rem .75rem}.submit-button{color:#fff;background-color:var(--color-accent);border-radius:var(--radius);border:none;align-self:flex-start;padding:.5rem 1.25rem}.submit-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.submit-button:disabled{opacity:.6;cursor:default}.tasks-toolbar{margin-bottom:1rem}.filter-group{flex-wrap:wrap;gap:.375rem;display:flex}.filter-button{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.375rem .875rem;font-size:.875rem}.filter-button:hover{border-color:var(--color-accent)}.filter-button[aria-pressed=true]{color:#fff;background-color:var(--color-accent);border-color:var(--color-accent)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.page-button{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.375rem .875rem}.page-button:hover:not(:disabled){border-color:var(--color-accent)}.page-button:disabled{opacity:.6;cursor:default}.page-info{color:var(--color-muted);font-size:.875rem}.task-title{overflow-wrap:anywhere;flex:8rem;min-width:0}.task-item.is-completed .task-title{color:var(--color-muted);text-decoration:line-through}@media (prefers-reduced-motion:reduce){.status-spinner{animation:none}}