body{color:#111;background:#1a1a1a;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}.app{text-align:center;max-width:520px;margin:0 auto;padding:80px 20px 60px}.tagline{color:#9a9a9a;margin:0 0 4px;font-size:14px}h1{color:#e8e8e8;letter-spacing:-.02em;margin:0;font-size:42px;font-weight:700}.subtitle{color:#b0b0b0;margin:6px 0 28px;font-size:16px}.add-form{justify-content:center;align-items:stretch;gap:10px;margin-bottom:28px;display:flex}.add-form input{color:#111;background:#fff;border:1px solid #ccc;border-radius:4px;flex:1;max-width:280px;padding:10px 12px;font-size:14px}.add-form input:focus{outline-offset:1px;outline:2px solid #3b82f6}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:0;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:700}.add-btn:hover{background:#1d4ed8}.divider{border:0;border-top:2px solid #666;width:48px;margin:0 auto 28px}.task-list{justify-items:center;gap:16px;display:grid}.task-card{background:#f5e86a;border-radius:4px;width:100%;max-width:320px;padding:28px 20px 20px;box-shadow:0 2px 8px #00000040}.task-card.done .task-title{opacity:.7;text-decoration:line-through}.task-title{color:#111;margin:0 0 18px;font-size:22px;font-weight:700}.task-actions{justify-content:center;gap:12px;display:flex}.done-btn,.delete-btn{color:#fff;cursor:pointer;border:0;border-radius:4px;padding:8px 18px;font-size:14px;font-weight:700}.done-btn{background:#22c55e}.done-btn:hover:not(:disabled){background:#16a34a}.done-btn:disabled{opacity:.55;cursor:default}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}