*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,sans-serif;background:#e3cecd;color:#2b2227}.container{max-width:860px;margin:0 auto;padding:1.25rem 1rem 2rem}.navbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.25rem;background:#644055;color:#fff}.navbar ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;flex-wrap:wrap}.navbar a{color:#fff;text-decoration:none;font-size:.95rem}.navbar a:hover{text-decoration:underline}section{scroll-margin-top:70px;margin-bottom:1.5rem}.hero{background:#fff;border-radius:16px;padding:1.75rem;margin:1rem 0 1.25rem;box-shadow:0 2px 8px #0002}.hero h1{margin:.25rem 0;font-size:clamp(1.8rem,5vw,2.8rem)}.eyebrow{color:#644055;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 4px #0002}.stat-value{font-size:2rem;font-weight:700;color:#644055}.stat-label{font-size:.85rem;color:#6b5a62}.task-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.5rem;margin-bottom:.75rem}input{padding:.6rem;border:1px solid #c9b3b3;border-radius:8px;font:inherit;width:100%}.btn{padding:.55rem .9rem;border:0;border-radius:8px;font:inherit;cursor:pointer;background:#644055;color:#fff}.btn:hover{opacity:.9}.btn.danger{background:#b42318}.btn.ghost{background:transparent;color:#644055;border:1px solid #644055}.filter-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.filter-bar input{flex:1;min-width:200px}.chips{display:flex;gap:.4rem}.chip{padding:.45rem .8rem;border-radius:999px;border:1px solid #644055;background:#fff;color:#644055;cursor:pointer;text-transform:capitalize;font:inherit}.chip.active{background:#644055;color:#fff}.task-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.task-item{background:#fff;border-radius:12px;padding:.9rem 1rem;box-shadow:0 1px 4px #0002}.task-item.done strong{text-decoration:line-through;color:#8a7a82}.task-main{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.task-actions{display:flex;gap:.4rem;flex-wrap:wrap}.badge{margin-left:.6rem;font-size:.75rem;padding:.15rem .55rem;border-radius:999px;background:#fde7c3}.badge.ok{background:#d1fae5}.task-detail{margin:.6rem 0 0;color:#6b5a62;font-size:.9rem}.empty{text-align:center;color:#6b5a62;padding:1rem}.footer{background:#644055;color:#fff;text-align:center;padding:1.25rem;font-size:.9rem}.footer p{margin:.2rem 0}@media (max-width: 640px){.stats,.task-form{grid-template-columns:1fr}.task-main{flex-direction:column;align-items:flex-start}}