:root{color:#2b2926;font-synthesis:none;background:radial-gradient(circle at 20% 0,#e9082629,#0000 34rem),#f7f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{place-items:center;min-width:320px;min-height:100vh;margin:0;padding:2rem;display:grid}button,input{font:inherit}button{cursor:pointer}.shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd6;border:1px solid #15221d17;border-radius:28px;width:min(760px,100%);padding:clamp(1.4rem,4vw,3rem);box-shadow:0 28px 80px #1d3f2f1f}header,footer{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.eyebrow{color:#d90722;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.98}.intro{color:#5d6a64;max-width:560px;margin:1rem 0 0;line-height:1.6}.pulse{color:#17683f;background:#e3f8ec;border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.75rem;font-weight:700;display:flex}.pulse span{background:#27b46f;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #27b46f24}.composer{grid-template-columns:1fr auto;gap:.7rem;margin:2.2rem 0 1rem;display:grid}.composer input{background:#fff;border:1px solid #d8e3dd;border-radius:14px;outline:none;min-width:0;padding:.9rem 1rem}.composer input:focus{border-color:#e90826;box-shadow:0 0 0 4px #e908261f}.composer button{color:#fff;background:#16251e;border:0;border-radius:14px;padding:0 1.15rem;font-weight:700}.filters{gap:.4rem;margin-bottom:1rem;display:flex}.filters button{color:#68736e;text-transform:capitalize;background:0 0;border:0;border-radius:999px;padding:.48rem .8rem}.filters button.active{color:#b80019;background:#fee3e7;font-weight:700}.todos{margin:0;padding:0;list-style:none}.todos li{border-top:1px solid #e8eeea;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;min-height:58px;display:grid}.todos li.completed span{color:#91a099;text-decoration:line-through}.check,.remove{background:0 0;border:0;place-items:center;display:grid}.check{color:#fff;border:1.5px solid #b8c7bf;border-radius:50%;width:1.5rem;height:1.5rem}.completed .check{background:#27a969;border-color:#27a969}.remove{color:#99a39e;font-size:1.4rem}.empty{color:#87938d;text-align:center;padding:1.5rem 0;display:block!important}footer{color:#748079;border-top:1px solid #e8eeea;align-items:center;margin-top:1.4rem;padding-top:1.2rem;font-size:.78rem}footer code{color:#3d5147;background:#eef3f0;border-radius:7px;padding:.3rem .5rem}@media (width<=620px){body{padding:.75rem}header,footer{flex-direction:column;align-items:flex-start}.composer{grid-template-columns:1fr}.composer button{min-height:46px}}