:root{--bg:#f6f7fb;--surface:#fff;--border:#e2e4ec;--text:#1c1e29;--muted:#767a8a;--primary:#4f46e5;--primary-contrast:#fff;--danger:#dc2626;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:16px;width:260px;padding:20px 16px;display:flex}.sidebar__brand{color:var(--primary);font-size:1.25rem;font-weight:700}.sidebar__section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:.8rem}.main{flex:1;max-width:900px;padding:24px 32px}.main__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.main__header h1{margin:0;font-size:1.5rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:8px 14px;font-size:.9rem}.btn:hover{border-color:var(--primary)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn--block{width:100%}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:8px 10px;font-size:.9rem}.checkbox{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:.85rem;display:flex}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip-list--vertical{flex-direction:column;align-items:flex-start}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:4px 12px;font-size:.8rem}.chip--active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.muted{color:var(--muted)}.muted--small{font-size:.8rem}.error{color:var(--danger);font-size:.85rem}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.task-item--done .task-item__title{color:var(--muted);text-decoration:line-through}.task-item__row{align-items:flex-start;gap:10px;display:flex}.task-item__body{cursor:pointer;flex:1}.task-item__title{font-weight:600}.task-item__meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.task-item__actions{gap:4px;display:flex}.task-item__details{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.task-item__description{color:var(--muted);white-space:pre-wrap;margin:0 0 10px;font-size:.9rem}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;display:inline-flex}.badge--priority-high{color:#b91c1c;border-color:#f3c2c2}.badge--priority-medium{color:#b45309;border-color:#f2d7ae}.badge--priority-low{color:#166534;border-color:#bfe3cc}.badge--overdue{color:var(--danger);border-color:var(--danger)}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1rem}.icon-btn:hover{background:var(--bg)}.icon-btn--small{font-size:.85rem}.checklist__items{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.checklist__item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.checklist__item label{align-items:center;gap:8px;display:flex}.checklist__item-title--done{color:var(--muted);text-decoration:line-through}.checklist__add{gap:6px;display:flex}.modal-backdrop{background:#0f111a73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;max-width:480px;padding:24px;display:flex}.modal h2{margin:0}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.inline-add{gap:6px;display:flex}.modal__footer{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}@media (width<=700px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:auto}.main{max-width:none;padding:16px}}