*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;font-size:16px;color:#000;background:#fff;padding:48px 16px}.container{max-width:560px;margin:0 auto;text-align:center}h1{font-size:1.5rem;font-weight:600;margin-bottom:32px}.contador{display:flex;justify-content:center;gap:24px;margin-bottom:24px;padding:16px;border:1px solid #e5e5e5;border-radius:6px}.contador-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#333}.contador-numero{font-size:1.5rem;font-weight:700}.contador-label{font-size:.75rem;color:#666}form{margin-bottom:24px}.form-row{display:flex;gap:8px}.input-tarefa{flex:1 1;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none}.input-tarefa:focus{border-color:#555}.input-tarefa[aria-invalid=true]{border-color:#c00}.erro{margin-top:6px;font-size:.85rem;color:#c00}.btn{padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:.9rem;cursor:pointer;background:#fff}.btn:hover{background:#f5f5f5}.btn-adicionar{border-color:#111;background:#111;color:#fff}.btn-adicionar:hover{background:#333}ul{list-style:none;display:flex;flex-direction:column;gap:8px}.tarefa-item{justify-content:space-between;padding:10px 12px;border:1px solid #e5e5e5;border-radius:4px}.tarefa-item,.tarefa-label{display:flex;align-items:center}.tarefa-label{gap:10px;cursor:pointer;flex:1 1}.tarefa-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.tarefa-titulo{font-size:.95rem}.tarefa-item.concluida .tarefa-titulo{text-decoration:line-through;color:#999}.btn-remover{font-size:.8rem;color:#c00;border:1px solid #c00;background:#fff;border-radius:4px;padding:4px 10px;cursor:pointer}.btn-remover:hover{background:#fff5f5}.lista-vazia{font-size:.9rem;color:#999;padding:16px 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:#fff;border-radius:6px;padding:24px;max-width:360px;width:calc(100% - 32px)}.modal-pergunta{font-size:1rem;font-weight:600;margin-bottom:8px}.modal-tarefa{font-size:.9rem;color:#555;margin-bottom:20px}.modal-acoes{display:flex;gap:8px;justify-content:flex-end}.btn-cancelar{border-color:#ccc}.btn-confirmar{border-color:#c00;color:#c00}.btn-confirmar:hover{background:#fff5f5}